Skip to content

Commit 06bef26

Browse files
author
FrancisCorona
committed
NewPost improved.
1 parent 1c1bbaa commit 06bef26

File tree

3 files changed

+108
-105
lines changed

3 files changed

+108
-105
lines changed

BlogEngine/BlogEngine.NET/admin/editors/tinymce/editor.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,9 @@ tinymce.init({
2323
],
2424
toolbar: "styleselect | bold underline italic | alignleft aligncenter alignright | bullist numlist | forecolor backcolor | link media sh4tinymce | fullscreen code | filemanager",
2525
autosave_ask_before_unload: false,
26-
max_height: 410,
27-
min_height: 160,
28-
height: 410,
26+
max_height: 1000,
27+
min_height: 300,
28+
height: 500,
2929
menubar: false,
3030
relative_urls: false,
3131
browser_spellcheck: true,

BlogEngine/BlogEngine.NET/admin/editpost.cshtml

Lines changed: 77 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -16,26 +16,29 @@
1616
<h4 class="modal-title">Other Features</h4>
1717
</div>
1818
<div class="modal-body modal-roles">
19+
<div class="form-group">
20+
<label>
21+
<input type="checkbox" data-ng-model="lookups.PostOptions.ShowAuthors" ng-true-value="true" ng-false-value="false" />
22+
Authors List
23+
</label>
24+
</div>
1925
<div class="form-group">
2026
<label>
2127
<input type="checkbox" data-ng-model="lookups.PostOptions.ShowSlug" ng-true-value="true" ng-false-value="false" />
2228
Slug Field
2329
</label>
24-
<p class="small text-muted">Slug is optional and will auto generat from title post.</p>
2530
</div>
2631
<div class="form-group">
2732
<label>
2833
<input type="checkbox" name="name" data-ng-model="lookups.PostOptions.ShowDescription" ng-true-value="true" ng-false-value="false" />
2934
Description Field
3035
</label>
31-
<p class="small text-muted">Description is optional and will auto generat from content post.</p>
3236
</div>
3337
<div class="form-group">
3438
<label>
3539
<input type="checkbox" name="name" data-ng-model="lookups.PostOptions.ShowCustomFields" ng-true-value="true" ng-false-value="false" />
36-
Custom Field
40+
Custom Field <a href="http://www.dnbe.net/docs/post/custom-fields" target="_blank">(Learn more)</a>
3741
</label>
38-
<p class="small text-muted">Custom Field is a feature for advanced blogging. <a href="http://www.dnbe.net/docs/post/custom-fields" target="_blank">Learn more.</a></p>
3942
</div>
4043
</div>
4144
<div class="modal-footer">
@@ -101,7 +104,7 @@
101104
</div>
102105
</div>
103106
</div>
104-
<div class="page-header page-header-post clearfix">
107+
<div class="page-header hidden page-header-post clearfix">
105108
<span ng-if="post.Id"><a href="{{post.RelativeLink}}" class="btn btn-sm btn-hasicon btn-success pull-left" target="_blank"><i class="fa fa-eye"></i> {{lbl.goToPost}}</a></span>
106109
<span ng-if="post.Id && post.IsPublished"><a href="#" class="btn btn-sm btn-hasicon btn-warning pull-left" ng-click="publish(false)"><i class="fa fa-undo"></i> {{lbl.unpublish}}</a></span>
107110
<a ng-if="status() < 2" href="#" data-ng-click="publish(true)" class="btn btn-sm btn-hasicon btn-success pull-left"><i class="fa fa-check"></i>{{lbl.publish}}</a>
@@ -113,63 +116,79 @@
113116
</div>
114117
<div class="content-inner ">
115118
<form id="form" action="">
116-
<div class="newpost-content">
117-
<input type="text" id="txtTitle" name="txtTitle" autocomplete="off" placeholder="{{lbl.titleOfPost}}..." class="form-control newpost-title" data-ng-model="post.Title" />
118-
<div class="editor-wrapper">
119-
@RenderPage(BlogConfig.DefaultEditor)
120-
</div>
121-
</div>
122-
<div class="newpost-sidebar">
123-
<div class="newpost-widget enable-comment">
124-
<label><input type="checkbox" name="ckEnableComments" data-ng-model="post.HasCommentsEnabled" />{{lbl.enableComments}}</label>
125-
</div>
126-
<div class="newpost-widget">
127-
<label class="newpost-widget-title">{{lbl.categories}}</label>
128-
<a title="{{lbl.add}}" href="" class="pull-right add-cat" ng-click="addCagegory()"><i class="fa fa-plus fa-sm"></i></a>
129-
<ul class="categories-list">
130-
<li ng-repeat="cat in lookups.CategoryList">
131-
<label>
132-
<input type="checkbox" id="cat-{{cat.OptionValue}}" data-ng-model="cat.IsSelected" />
133-
{{cat.OptionName}}
134-
</label>
135-
</li>
136-
<li ng-if="lookups.CategoryList.length == 0" class="item-empty">{{lbl.empty}}</li>
137-
</ul>
138-
</div>
139-
<div class="newpost-widget">
140-
<label class="newpost-widget-title">{{lbl.tags}}</label>
141-
<div class="post-tags-selector">
142-
<textarea id="postTags" class="form-control" style="width:100%;" placeholder="{{lbl.typeAndEnter}}..." rows="1"></textarea>
119+
<div class="newpost-wrapper">
120+
<div class="newpost-content">
121+
<input type="text" id="txtTitle" name="txtTitle" autocomplete="off" placeholder="{{lbl.titleOfPost}}..." class="form-control newpost-title" data-ng-model="post.Title" />
122+
<div class="editor-wrapper">
123+
@RenderPage(BlogConfig.DefaultEditor)
124+
</div>
125+
126+
<div class="newpost-widget" data-ng-show="lookups.PostOptions.ShowSlug">
127+
<label class=" newpost-widget-title">{{lbl.slug}}</label>
128+
<input type="text" class="form-control" id="txtSlug" data-ng-model="post.Slug" />
129+
</div>
130+
<div class="newpost-widget" data-ng-show="lookups.PostOptions.ShowDescription">
131+
<label class="newpost-widget-title">{{lbl.description}}</label>
132+
<textarea class="form-control" rows="4" id="txtExcerpt" data-ng-model="post.Description"> </textarea>
143133
</div>
144134
</div>
145-
<div class="newpost-widget">
146-
<label class="newpost-widget-title">{{lbl.datePublished}}</label>
147-
<input type="text" class="form-control dateFormatted" id="txtDate" name="txtDate" data-ng-model="post.DateCreated" />
148-
</div>
149-
<div class="newpost-widget">
150-
<label class="newpost-widget-title">{{lbl.author}}</label>
151-
<select id="selAuthors" ng-disabled="usageScenario != 'multiusers'" class="form-control" data-ng-options="o.OptionName for o in lookups.AuthorList" data-ng-model="selectedAuthor"></select>
152-
</div>
153-
<div class="newpost-widget" data-ng-show="lookups.PostOptions.ShowCustomFields">
154-
<label class="newpost-widget-title">
155-
{{lbl.customFields}}
156-
</label>
157-
<a class="btn btn-default btn-sm btn-block" id="btnCustomFields" ng-click="showCustom()" data-toggle="modal">{{lbl.add}}</a>
158-
<div id="frm-custom-edit" ng-if="customFields && customFields.length > 0">
159-
<div class="form-group" data-ng-repeat="item in customFields">
160-
<label class="control-label">{{item.Key}}</label>
161-
<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>
162-
<input type="text" class="form-control" data-ng-model="item.Value" />
135+
<div class="newpost-sidebar">
136+
<span ng-if="post.Id"><a href="{{post.RelativeLink}}" class="btn btn-sm btn-block btn-success" target="_blank">{{lbl.goToPost}}</a></span>
137+
<span ng-if="post.Id && post.IsPublished"><a href="#" class="btn btn-sm btn-block btn-warning" ng-click="publish(false)">{{lbl.unpublish}}</a></span>
138+
<a ng-if="status() < 2" href="#" data-ng-click="publish(true)" class="btn btn-sm btn-block btn-success">{{lbl.publish}}</a>
139+
<a ng-if="status() == 2" href="#" data-ng-click="save()" class="btn btn-sm btn-block btn-primary">{{lbl.save}}</a>
140+
<span ng-if="status() < 2"><a href="#" ng-click="save()" class="btn btn-sm btn-block btn-primary">{{lbl.save}}</a></span>
141+
<a href="" onclick="window.history.back()" class="btn btn-block btn-sm btn-default">{{lbl.cancel}}</a>
142+
<span id="spinner" class="loaded"><i class='fa fa-spinner fa-spin fa-large'></i></span>
143+
<hr />
144+
145+
146+
<div class="newpost-widget">
147+
<label class="newpost-widget-title">{{lbl.categories}}</label>
148+
<a title="{{lbl.add}}" href="" class="pull-right add-cat" ng-click="addCagegory()"><i class="fa fa-plus fa-sm"></i></a>
149+
<ul class="categories-list">
150+
<li ng-repeat="cat in lookups.CategoryList">
151+
<label>
152+
<input type="checkbox" id="cat-{{cat.OptionValue}}" data-ng-model="cat.IsSelected" />
153+
{{cat.OptionName}}
154+
</label>
155+
</li>
156+
<li ng-if="lookups.CategoryList.length == 0" class="item-empty">{{lbl.empty}}</li>
157+
</ul>
158+
</div>
159+
<div class="newpost-widget">
160+
<label class="newpost-widget-title">{{lbl.tags}}</label>
161+
<div class="post-tags-selector">
162+
<textarea id="postTags" class="form-control" style="width:100%;" placeholder="{{lbl.typeAndEnter}}..." rows="1"></textarea>
163163
</div>
164164
</div>
165-
</div>
166-
<div class="newpost-widget" data-ng-show="lookups.PostOptions.ShowSlug">
167-
<label class=" newpost-widget-title">{{lbl.slug}}</label>
168-
<input type="text" class="form-control" id="txtSlug" data-ng-model="post.Slug" />
169-
</div>
170-
<div class="newpost-widget" data-ng-show="lookups.PostOptions.ShowDescription">
171-
<label class="newpost-widget-title">{{lbl.description}}</label>
172-
<textarea class="form-control" rows="4" id="txtExcerpt" data-ng-model="post.Description"> </textarea>
165+
<div class="newpost-widget">
166+
<label class="newpost-widget-title">{{lbl.date}}</label>
167+
<input type="text" class="form-control dateFormatted" id="txtDate" name="txtDate" data-ng-model="post.DateCreated" />
168+
</div>
169+
<div class="newpost-widget" data-ng-show="lookups.PostOptions.ShowAuthors">
170+
<label class="newpost-widget-title">{{lbl.author}}</label>
171+
<select id="selAuthors" ng-disabled="usageScenario != 'multiusers'" class="form-control" data-ng-options="o.OptionName for o in lookups.AuthorList" data-ng-model="selectedAuthor"></select>
172+
</div>
173+
<div class="newpost-widget" data-ng-show="lookups.PostOptions.ShowCustomFields">
174+
<label class="newpost-widget-title">
175+
{{lbl.customFields}}
176+
</label>
177+
<a class="btn btn-default btn-sm btn-block" id="btnCustomFields" ng-click="showCustom()" data-toggle="modal">{{lbl.add}}</a>
178+
<div id="frm-custom-edit" ng-if="customFields && customFields.length > 0">
179+
<div class="form-group" data-ng-repeat="item in customFields">
180+
<label class="control-label">{{item.Key}}</label>
181+
<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>
182+
<input type="text" class="form-control" data-ng-model="item.Value" />
183+
</div>
184+
</div>
185+
</div>
186+
<div class="newpost-widget">
187+
<label class="enable-comment"><input type="checkbox" name="ckEnableComments" data-ng-model="post.HasCommentsEnabled" />{{lbl.enableComments}}</label>
188+
</div>
189+
<hr />
190+
<a class="btn btn-sm btn-hasicon btn-block btn-default" data-toggle="modal" data-target="#myModal"><i class="fa fa-sliders"></i> Customize</a>
191+
173192
</div>
174193
</div>
175194
</form>
@@ -183,11 +202,3 @@
183202
<script src="~/admin/editors/tinymce/editor.js"></script>
184203
}
185204
}
186-
187-
<script>
188-
$(".newpost-sidebar").height($(window).height() - 86);
189-
$(window).resize(function () {
190-
$(".newpost-sidebar").height($(window).height() - 86);
191-
});
192-
193-
</script>

0 commit comments

Comments
 (0)