|
7 | 7 | Security.RedirectForUnauthorizedRequest(); |
8 | 8 | } |
9 | 9 | } |
10 | | -<style> |
11 | | - .input-page-title { font-size: 18px; height: 30px; margin: 0; margin-top: 7px; line-height: 30px; border: 0; font-weight: 500; font-family: "Helvetica"; } |
12 | | -</style> |
13 | 10 | <div class="content" ng-controller="PageEditorController"> |
14 | | - <form id="form" action=""> |
15 | | - <div class="page-header clearfix"> |
16 | | - <div style="margin: 0 18px !important"> |
17 | | - <input type="text" id="txtTitle" name="txtTitle" placeholder="{{lbl.titleOfPage}}..." class="pull-left input-page-title" data-ng-model="page.Title" /> |
18 | | - <span ng-if="page.Id"><a href="{{page.RelativeLink}}" class="btn btn-default btn-tabkey pull-right" target="_blank"><i class="fa fa-eye"></i> {{lbl.goToPage}}</a></span> |
19 | | - <a href="#" data-ng-click="save()" class="btn btn-success btn-tabkey pull-right"><i class="fa fa-save"></i>{{lbl.save}}</a> |
20 | | - <a href="" onclick="window.history.back()" class="btn btn-default btn-tabkey pull-right"><i class="fa fa-ban"></i>{{lbl.cancel}}</a> |
21 | | - <span id="spinner" class="loaded btn-tabkey pull-right"><i class='fa fa-spinner fa-spin fa-large'></i></span> |
22 | | - </div> |
23 | | - </div> |
24 | | - |
25 | | - <div class="content-inner"> |
26 | | - <div class="col col-md-9"> |
27 | | - <div id="overlay-editor"> |
28 | | - @RenderPage(BlogConfig.DefaultEditor) |
29 | | - </div> |
30 | | - |
31 | | - <div style="border-bottom: 1px solid #e5e5e5; display: inline-block; width: 100%; margin: 8px 0"> |
32 | | - <h4 class="page-title pull-left">{{lbl.customFields}}</h4> |
33 | | - <a href="" ng-disabled="page.Id === null || page.Id === ''" class="btn btn-default btn-header pull-right" type="button" id="btnCustomFields" ng-click="showCustom()" toggle="modal"><i class="fa fa-plus"></i>{{lbl.add}}</a> |
34 | | - </div> |
35 | | - <div id="frm-custom-edit" ng-if="customFields && customFields.length > 0" class="form-horizontal clearfix"> |
36 | | - <div style="display: inline-block; width: 100%; padding: 0 0 15px 0" data-ng-repeat="item in customFields"> |
37 | | - <label class="control-label col-md-4">{{item.Key}}</label> |
38 | | - <div class="col col-md-7"> |
39 | | - <input type="text" class="form-control" data-ng-model="item.Value" /> |
| 11 | + <div class="page-header clearfix"> |
| 12 | + <span ng-if="page.Id"><a href="{{page.RelativeLink}}" class="btn btn-success pull-left" target="_blank"><i class="fa fa-eye"></i> {{lbl.goToPage}}</a></span> |
| 13 | + <a ng-if="status() == 2" href="#" data-ng-click="save()" class="btn btn-primary pull-left"><i class="fa fa-save"></i>{{lbl.save}}</a> |
| 14 | + <a ng-if="status() < 2" href="#" data-ng-click="publish(true)" class="btn btn-success pull-left"><i class="fa fa-check"></i>{{lbl.publish}}</a> |
| 15 | + <span ng-if="status() < 2"><a href="#" ng-click="save()" class="btn btn-primary pull-left"><i class="fa fa-save"></i> {{lbl.save}}</a></span> |
| 16 | + <span ng-if="page.Id && page.IsPublished"><a href="#" class="btn btn-warning pull-left" ng-click="publish(false)"><i class="fa fa-undo"></i> {{lbl.unpublish}}</a></span> |
| 17 | + <a href="" onclick="window.history.back()" class="btn btn-default pull-left"><i class="fa fa-ban"></i>{{lbl.cancel}}</a> |
| 18 | + <span id="spinner" class="loaded btn-tabkey"><i class='fa fa-spinner fa-spin fa-lg'></i></span> |
| 19 | + <span id="spinner" class="loaded pull-left"><i class='fa fa-spinner fa-spin fa-large'></i></span> |
| 20 | + </div> |
| 21 | + <div class="content-inner newpost"> |
| 22 | + <form id="form" action=""> |
| 23 | + <div id="modal-custom-fields" class="modal fade"> |
| 24 | + <div class="modal-dialog"> |
| 25 | + <div class="modal-content"> |
| 26 | + <div class="modal-header"> |
| 27 | + <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="focusInput=false"><i class="fa fa-times"></i></button> |
| 28 | + <h4 class="modal-title">{{lbl.add}}</h4> |
| 29 | + </div> |
| 30 | + <div class="modal-body modal-roles"> |
| 31 | + <div class="form-group"> |
| 32 | + <label class="control-label" for="txtKey">Key</label> |
| 33 | + <input type="text" id="txtKey" name="txtKey" class="form-control" data-ng-model="editItem.Key" focus-me="focusInput" /> |
| 34 | + <label class="control-label" for="txtValue">Value</label> |
| 35 | + <input type="text" id="txtValue" name="txtValue" class="form-control" data-ng-model="editItem.Value" /> |
| 36 | + </div> |
40 | 37 | </div> |
41 | | - <div class="col col-md-1"> |
42 | | - <a href="" ng-click="deleteCustom(item.Key, item.ObjectId)" title="{{lbl.doDelete}}" style="position: relative; top: 10px; color: red"><i class="fa fa-times"></i></a> |
| 38 | + <div class="modal-footer"> |
| 39 | + <button type="button" data-ng-click="saveCustom()" class="btn btn-success btn-tabkey pull-right"><i class="fa fa-save"></i>{{lbl.save}}</button> |
| 40 | + <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="focusInput=false"><i class="fa fa-ban"></i>{{lbl.cancel}}</button> |
43 | 41 | </div> |
44 | 42 | </div> |
45 | 43 | </div> |
46 | | - |
47 | 44 | </div> |
| 45 | + <div class="row"> |
| 46 | + <div class="col col-md-9"> |
| 47 | + <div class="form-group"> |
| 48 | + <input type="text" id="txtTitle" name="txtTitle" title="Please enter title" placeholder="{{lbl.titleOfPage}}..." class="form-control newpost-title" data-ng-model="page.Title" /> |
| 49 | + </div> |
| 50 | + @RenderPage(BlogConfig.DefaultEditor) |
48 | 51 |
|
49 | | - <div class="col col-md-3"> |
50 | | - <div class="panel panel-default"> |
51 | | - <div class="panel-heading"> |
52 | | - <i class="fa fa-file"></i> {{lbl.pageMeta}} |
53 | | - </div> |
54 | | - <div class="panel-body"> |
55 | | - <div class="form-group"> |
56 | | - <label class="control-label" for="txtSlug">{{lbl.slug}}</label> |
57 | | - <input type="text" class="form-control" id="txtSlug" data-ng-model="page.Slug" /> |
58 | | - </div> |
59 | | - <div class="form-group"> |
60 | | - <label class="control-label" for="txtDate">{{lbl.datePublished}}</label> |
61 | | - <input type="text" class="form-control dateFormatted" id="txtDate" name="txtDate" data-ng-model="page.DateCreated" /> |
62 | | - </div> |
63 | | - <div class="form-group"> |
64 | | - <label class="control-label" for="txtExcerpt">{{lbl.description}}</label> |
65 | | - <textarea class="form-control" rows="2" id="txtExcerpt" data-ng-model="page.Description"> </textarea> |
66 | | - </div> |
67 | | - <div class="form-group"> |
68 | | - <label class="control-label" for="txtKeywords">{{lbl.keywords}}</label> |
69 | | - <textarea class="form-control" rows="2" id="txtKeywords" data-ng-model="page.Keywords"> </textarea> |
70 | | - </div> |
71 | | - <div class="form-group"> |
72 | | - <label class="control-label" for="selParents">{{lbl.parent}}</label> |
73 | | - <select id="selParents" class="form-control" data-ng-options="o.OptionName for o in lookups.PageList" data-ng-model="selectedParent"></select> |
74 | | - </div> |
75 | | - <div class="form-group"> |
76 | | - <label class="control-label" for="txtSortOrder">{{lbl.sortOrder}}</label> |
77 | | - <input type="text" class="form-control" id="txtSortOrder" data-ng-model="page.SortOrder" /> |
| 52 | + </div> |
| 53 | + |
| 54 | + <div class="col col-md-3"> |
| 55 | + <div class="panel panel-default"> |
| 56 | + <div class="panel-heading"> |
| 57 | + <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#pagemeta" aria-expanded="false" aria-controls="pagemeta"> |
| 58 | + <i class="fa fa-file"></i> {{lbl.pageMeta}} |
| 59 | + </a> |
78 | 60 | </div> |
79 | | - <div class="clearfix"> |
80 | | - <div class="col-sm-6"> |
81 | | - <div class="checkbox"> |
82 | | - <label> |
83 | | - <input type="checkbox" data-ng-model="page.IsFrontPage" name="cbFrontPage" /> |
84 | | - {{lbl.isFrontPage}} |
85 | | - </label> |
| 61 | + <div id="pagemeta" class="panel-collapse collapse" role="tabpanel" aria-labelledby="pagemeta"> |
| 62 | + <div class="panel-body"> |
| 63 | + <div class="form-group"> |
| 64 | + <label class="control-label" for="txtSlug">{{lbl.slug}}</label> |
| 65 | + <input type="text" class="form-control" id="txtSlug" data-ng-model="page.Slug" /> |
| 66 | + </div> |
| 67 | + <div class="form-group"> |
| 68 | + <label class="control-label" for="txtDate">{{lbl.datePublished}}</label> |
| 69 | + <input type="text" class="form-control dateFormatted" id="txtDate" name="txtDate" data-ng-model="page.DateCreated" /> |
| 70 | + </div> |
| 71 | + <div class="form-group"> |
| 72 | + <label class="control-label" for="txtExcerpt">{{lbl.description}}</label> |
| 73 | + <textarea class="form-control" rows="2" id="txtExcerpt" data-ng-model="page.Description"> </textarea> |
| 74 | + </div> |
| 75 | + <div class="form-group"> |
| 76 | + <label class="control-label" for="txtKeywords">{{lbl.keywords}}</label> |
| 77 | + <textarea class="form-control" rows="2" id="txtKeywords" data-ng-model="page.Keywords"> </textarea> |
| 78 | + </div> |
| 79 | + <div class="form-group"> |
| 80 | + <label class="control-label" for="selParents">{{lbl.parent}}</label> |
| 81 | + <select id="selParents" class="form-control" data-ng-options="o.OptionName for o in lookups.PageList" data-ng-model="selectedParent"></select> |
| 82 | + </div> |
| 83 | + <div class="form-group"> |
| 84 | + <label class="control-label" for="txtSortOrder">{{lbl.sortOrder}}</label> |
| 85 | + <input type="text" class="form-control" id="txtSortOrder" data-ng-model="page.SortOrder" /> |
| 86 | + </div> |
| 87 | + <div class="clearfix"> |
| 88 | + <div class="col-sm-6"> |
| 89 | + <div class="checkbox"> |
| 90 | + <label> |
| 91 | + <input type="checkbox" data-ng-model="page.IsFrontPage" name="cbFrontPage" /> |
| 92 | + {{lbl.isFrontPage}} |
| 93 | + </label> |
| 94 | + </div> |
| 95 | + </div> |
| 96 | + <div class="col-sm-6"> |
| 97 | + <div class="checkbox"> |
| 98 | + <label> |
| 99 | + <input type="checkbox" data-ng-model="page.ShowInList" name="cbShowInList" /> |
| 100 | + {{lbl.showInList}} |
| 101 | + </label> |
| 102 | + </div> |
| 103 | + </div> |
86 | 104 | </div> |
87 | 105 | </div> |
88 | | - <div class="col-sm-6"> |
89 | | - <div class="checkbox"> |
90 | | - <label> |
91 | | - <input type="checkbox" data-ng-model="page.ShowInList" name="cbShowInList" /> |
92 | | - {{lbl.showInList}} |
93 | | - </label> |
| 106 | + </div> |
| 107 | + |
| 108 | + </div> |
| 109 | + |
| 110 | + <div class="panel panel-default"> |
| 111 | + <div class="panel-heading"> |
| 112 | + <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#customfil" aria-expanded="false" aria-controls="pagemeta"> |
| 113 | + <i class="fa fa-cog"></i> {{lbl.customFields}} |
| 114 | + </a> |
| 115 | + </div> |
| 116 | + <div id="customfil" class="panel-collapse collapse" role="tabpanel" aria-labelledby="customfil"> |
| 117 | + <div class="panel-body"> |
| 118 | + <a ng-disabled="page.Id === null || page.Id === ''" class="btn btn-success btn-block" id="btnCustomFields" ng-click="showCustom()" data-toggle="modal"><i class="fa fa-plus"></i>{{lbl.add}}</a> |
| 119 | + <div id="frm-custom-edit" ng-if="customFields && customFields.length > 0" class="form-horizontal clearfix" style="margin: 5px 0"> |
| 120 | + <div data-ng-repeat="item in customFields"> |
| 121 | + <label class="control-label">{{item.Key}}</label> |
| 122 | + <a href="" ng-click="deleteCustom(item.Key, item.ObjectId)" title="{{lbl.doDelete}}" class="pull-right" style="position: relative; top: 10px; color: red"><i class="fa fa-times"></i></a> |
| 123 | + <input type="text" class="form-control" data-ng-model="item.Value" /> |
| 124 | + </div> |
94 | 125 | </div> |
95 | 126 | </div> |
96 | 127 | </div> |
97 | 128 | </div> |
98 | 129 | </div> |
99 | 130 | </div> |
100 | | - </div> |
101 | | - </form> |
| 131 | + </form> |
| 132 | + </div> |
102 | 133 | </div> |
103 | 134 |
|
104 | 135 | @Scripts.Render("~/scripts/wysiwyg") |
|
0 commit comments