Skip to content

Commit 720c28e

Browse files
byfarzinbyfarzin
committed
improve some style in the Widgets.
1 parent 804c37b commit 720c28e

4 files changed

Lines changed: 168 additions & 90 deletions

File tree

‎BlogEngine/BlogEngine.NET/admin/app/custom/widgets/widgetView.html‎

Lines changed: 81 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,14 @@
44
<div class="modal-content">
55
<div class="modal-header">
66
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="closeEditForm()"><i class="fa fa-times"></i></button>
7-
<h4 class="modal-title">{{lbl.edit}} {{lbl.widgets}}</h4>
8-
</div>
9-
<div class="modal-body">
10-
<div class="form-group">
11-
<div class="input-group">
12-
<input type="text" class="form-control" id="txtWidgetTitle" name="txtWidgetTitle" value="" />
13-
<div class="input-group-btn">
14-
<button type="button" class="btn btn-success" ng-click="updateTitle()">Change Name</button>
15-
</div>
7+
<div class="input-group">
8+
<input type="text" class="form-control" id="txtWidgetTitle" name="txtWidgetTitle" value="" />
9+
<div class="input-group-btn">
10+
<button type="button" class="btn btn-success" ng-click="updateTitle()">Change Name</button>
1611
</div>
1712
</div>
13+
</div>
14+
<div class="modal-body">
1815
<iframe id="settingsFrame" ng-src="{{editSrc}}"></iframe>
1916
</div>
2017
</div>
@@ -28,15 +25,14 @@ <h4 class="modal-title">{{lbl.edit}} {{lbl.widgets}}</h4>
2825
<h4 class="modal-title">{{package.Title}}</h4>
2926
</div>
3027
<div class="modal-body modal-package">
31-
32-
<div class="modal-widgets-info" style="padding: 40px; border-bottom: 1px solid #eee;">
28+
<div class="modal-widgets-info">
3329
<p class="item-desc" ng-bind-html="package.Description"></p>
3430
<div class="form-horizontal">
35-
<div class="form-group" style="margin-bottom: 1px; font-size: 13px;" ng-if="package.Authors"><span class="col-md-3">{{lbl.author}}</span><div class="col-md-9"><span ng-bind-html="package.Authors"></span></div></div>
36-
<div class="form-group" style="margin-bottom: 1px; font-size: 13px;" ng-if="package.Website"><span class="col-md-3">{{lbl.website}}</span> <div class="col-md-9"><a href="{{package.Website}}" title="Author website" target="_blank">{{package.Website}}</a></div></div>
37-
<div class="form-group" style="margin-bottom: 1px; font-size: 13px;" ng-if="package.Tags"><span class="col-md-3">{{lbl.tags}}</span> <div class="col-md-9"><span ng-bind-html="package.Tags"></span></div></div>
38-
<div class="form-group" style="margin-bottom: 1px; font-size: 13px;" ng-if="package.LastUpdated"><span class="col-md-3">{{lbl.date}}</span> <div class="col-md-9"><span ng-bind-html="package.LastUpdated"></span></div></div>
39-
<div class="form-group" style="margin-bottom: 1px; font-size: 13px;" ng-if="package.DownloadCount"><span class="col-md-3">{{lbl.downloads}}</span> <div class="col-md-9">{{package.DownloadCount}}</div> </div>
31+
<div class="form-group" ng-if="package.Authors"><span class="col-md-3">{{lbl.author}}</span><div class="col-md-9"><span ng-bind-html="package.Authors"></span></div></div>
32+
<div class="form-group" ng-if="package.Website"><span class="col-md-3">{{lbl.website}}</span> <div class="col-md-9"><a href="{{package.Website}}" title="Author website" target="_blank">{{package.Website}}</a></div></div>
33+
<div class="form-group" ng-if="package.Tags"><span class="col-md-3">{{lbl.tags}}</span> <div class="col-md-9"><span ng-bind-html="package.Tags"></span></div></div>
34+
<div class="form-group" ng-if="package.LastUpdated"><span class="col-md-3">{{lbl.date}}</span> <div class="col-md-9"><span ng-bind-html="package.LastUpdated"></span></div></div>
35+
<div class="form-group" ng-if="package.DownloadCount"><span class="col-md-3">{{lbl.downloads}}</span> <div class="col-md-9">{{package.DownloadCount}}</div> </div>
4036
</div>
4137
</div>
4238
<div ng-if="package.OnlineVersion.length > 0 && package.OnlineVersion > package.LocalVersion" class="item-alert">
@@ -45,12 +41,11 @@ <h4 class="modal-title">{{package.Title}}</h4>
4541
<button ng-click="upgradePackage(package.Id)" class="btn btn-sm btn-warning pull-right">Update</button>
4642
</div>
4743
</div>
48-
<div class="modal-widget-image" style="padding: 40px; border-bottom: 1px solid #eee; text-align: center">
44+
<div class="modal-widget-image">
4945
<img ng-if="!package.PackageUrl" ng-src="{{package.IconUrl}}" alt="Package image" />
5046
<a ng-if="package.PackageUrl" href="{{package.PackageUrl}}" target="_blank"> <img class="pkg-img" ng-src="{{package.IconUrl}}" alt="Package image" /> </a>
5147
</div>
52-
53-
<div class="modal-widget-review" ng-if="package.Extra != null" style="background: #eee none repeat scroll 0 0; padding: 40px">
48+
<div class="modal-widget-review" ng-if="package.Extra != null">
5449
<div class="panel panel-default">
5550
<div class="panel-heading"><div class="panel-title">{{lbl.writeReview}}</div></div>
5651
<div class="panel-body">
@@ -74,7 +69,7 @@ <h4 class="modal-title">{{package.Title}}</h4>
7469
</div>
7570
<div class="panel panel-default" ng-if="package.Extra.Reviews != null && package.Extra.Reviews.length > 0">
7671
<div class="panel-heading">
77-
<div class="panel-title">user</div>
72+
<div class="panel-title">{{lbl.reviews}}</div>
7873
</div>
7974
<ul class="list-group">
8075
<li ng-repeat="review in package.Extra.Reviews" class="list-group-item">
@@ -96,7 +91,7 @@ <h2 class="page-title pull-left">{{lbl.widgets}}</h2>
9691
</div>
9792
<div class="content-inner">
9893
<div class="row">
99-
<div class="col-sm-3">
94+
<div class="col-sm-4 col-md-3">
10095
<h4>Available Widgets</h4>
10196
<ul class="widgets-list">
10297
<li class="draggable" ng-repeat="iw in vm.AvailableWidgets" draggable="iw" draggable-target=".sortable">
@@ -112,73 +107,71 @@ <h4>Available Widgets</h4>
112107
</li>
113108
</ul>
114109
</div>
115-
<div class="col-sm-9" id="w-zones">
116-
<div class="row">
117-
<div class="col-sm-4" ng-if="widgetZones.titles && widgetZones.titles.length > 0">
118-
<h4>Widget Zone <span>({{widgetZones.titles[0]}})</span></h4>
119-
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list1" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list1">
120-
<li ng-if="widgetZones.list1.length < 1" class="sortable-empty">Drag widget here</li>
121-
<li class="ui-state-default" ng-repeat="item in widgetZones.list1 track by item.Id">
122-
{{item.Title}}
123-
<div class="item-buttons">
124-
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[0])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
125-
<button ng-click="deleteItem(item.Id, widgetZones.list1, widgetZones.titles[0])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
126-
</div>
127-
</li>
128-
</ul>
129-
</div>
130-
<div class="col-sm-4" ng-if="widgetZones.titles && widgetZones.titles.length > 1">
131-
<h4>Widget Zone <span>({{widgetZones.titles[1]}})</span></h4>
132-
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list2" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list2">
133-
<li ng-if="widgetZones.list2.length < 1" class="sortable-empty">Drag widget here</li>
134-
<li class="ui-state-default" ng-repeat="item in widgetZones.list2 track by item.Id">
135-
{{ item.Title }}
136-
<div class="item-buttons">
137-
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[1])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
138-
<button ng-click="deleteItem(item.Id, widgetZones.list2, widgetZones.titles[1])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
139-
</div>
140-
</li>
141-
</ul>
142-
</div>
143-
<div class="col-sm-4" ng-if="widgetZones.titles && widgetZones.titles.length > 2">
144-
<h4>Widget Zone <span>({{widgetZones.titles[2]}})</span></h4>
145-
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list3" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list3">
146-
<li ng-if="widgetZones.list3.length < 1" class="sortable-empty">Drag widget here</li>
147-
<li class="ui-state-default" ng-repeat="item in widgetZones.list3 track by item.Id">
148-
{{ item.Title }}
149-
<div class="item-buttons">
150-
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[2])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
151-
<button ng-click="deleteItem(item.Id, widgetZones.list3, widgetZones.titles[2])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
152-
</div>
153-
</li>
154-
</ul>
155-
</div>
156-
<div class="col-sm-4" ng-if="widgetZones.titles && widgetZones.titles.length > 3">
157-
<h4>Widget Zone <span>({{widgetZones.titles[3]}})</span></h4>
158-
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list4" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list4">
159-
<li ng-if="widgetZones.list4.length < 1" class="sortable-empty">Drag widget here</li>
160-
<li class="ui-state-default" ng-repeat="item in widgetZones.list4 track by item.Id">
161-
{{ item.Title }}
162-
<div class="item-buttons">
163-
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[3])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
164-
<button ng-click="deleteItem(item.Id, widgetZones.list4, widgetZones.titles[3])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
165-
</div>
166-
</li>
167-
</ul>
168-
</div>
169-
<div class="col-sm-4" ng-if="widgetZones.titles && widgetZones.titles.length > 4">
170-
<h4>Widget Zone <span>({{widgetZones.titles[4]}})</span></h4>
171-
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list5" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list5">
172-
<li ng-if="widgetZones.list5.length < 1" class="sortable-empty">Drag widget here</li>
173-
<li class="ui-state-default" ng-repeat="item in widgetZones.list5 track by item.Id">
174-
{{ item.Title }}
175-
<div class="item-buttons">
176-
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[4])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
177-
<button ng-click="deleteItem(item.Id, widgetZones.list5, widgetZones.titles[4])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
178-
</div>
179-
</li>
180-
</ul>
181-
</div>
110+
<div class="col-sm-8 col-md-9 widget-zone-wrapper" id="w-zones">
111+
<div class="widget-zone" ng-if="widgetZones.titles && widgetZones.titles.length > 0">
112+
<h4>Widget Zone <span>({{widgetZones.titles[0]}})</span></h4>
113+
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list1" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list1">
114+
<li ng-if="widgetZones.list1.length < 1" class="sortable-empty">Drag widget here</li>
115+
<li class="ui-state-default" ng-repeat="item in widgetZones.list1 track by item.Id">
116+
{{item.Title}}
117+
<div class="item-buttons">
118+
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[0])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
119+
<button ng-click="deleteItem(item.Id, widgetZones.list1, widgetZones.titles[0])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
120+
</div>
121+
</li>
122+
</ul>
123+
</div>
124+
<div class="widget-zone" ng-if="widgetZones.titles && widgetZones.titles.length > 1">
125+
<h4>Widget Zone <span>({{widgetZones.titles[1]}})</span></h4>
126+
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list2" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list2">
127+
<li ng-if="widgetZones.list2.length < 1" class="sortable-empty">Drag widget here</li>
128+
<li class="ui-state-default" ng-repeat="item in widgetZones.list2 track by item.Id">
129+
{{ item.Title }}
130+
<div class="item-buttons">
131+
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[1])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
132+
<button ng-click="deleteItem(item.Id, widgetZones.list2, widgetZones.titles[1])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
133+
</div>
134+
</li>
135+
</ul>
136+
</div>
137+
<div class="widget-zone" ng-if="widgetZones.titles && widgetZones.titles.length > 2">
138+
<h4>Widget Zone <span>({{widgetZones.titles[2]}})</span></h4>
139+
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list3" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list3">
140+
<li ng-if="widgetZones.list3.length < 1" class="sortable-empty">Drag widget here</li>
141+
<li class="ui-state-default" ng-repeat="item in widgetZones.list3 track by item.Id">
142+
{{ item.Title }}
143+
<div class="item-buttons">
144+
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[2])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
145+
<button ng-click="deleteItem(item.Id, widgetZones.list3, widgetZones.titles[2])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
146+
</div>
147+
</li>
148+
</ul>
149+
</div>
150+
<div class="widget-zone" ng-if="widgetZones.titles && widgetZones.titles.length > 3">
151+
<h4>Widget Zone <span>({{widgetZones.titles[3]}})</span></h4>
152+
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list4" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list4">
153+
<li ng-if="widgetZones.list4.length < 1" class="sortable-empty">Drag widget here</li>
154+
<li class="ui-state-default" ng-repeat="item in widgetZones.list4 track by item.Id">
155+
{{ item.Title }}
156+
<div class="item-buttons">
157+
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[3])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
158+
<button ng-click="deleteItem(item.Id, widgetZones.list4, widgetZones.titles[3])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
159+
</div>
160+
</li>
161+
</ul>
162+
</div>
163+
<div class="widget-zone" ng-if="widgetZones.titles && widgetZones.titles.length > 4">
164+
<h4>Widget Zone <span>({{widgetZones.titles[4]}})</span></h4>
165+
<ul class="sortable widgets-list widgets-list-active" droppable="widgetZones.list5" ng-move="moveObject(from, to, fromList, toList)" ng-create="createObject(object, to, list)" id="list5">
166+
<li ng-if="widgetZones.list5.length < 1" class="sortable-empty">Drag widget here</li>
167+
<li class="ui-state-default" ng-repeat="item in widgetZones.list5 track by item.Id">
168+
{{ item.Title }}
169+
<div class="item-buttons">
170+
<button ng-click="loadEditForm(item.Id, item.Name, item.Title, widgetZones.titles[4])" title="{{lbl.edit}}"><i class="fa fa-pencil"></i></button>
171+
<button ng-click="deleteItem(item.Id, widgetZones.list5, widgetZones.titles[4])" title="{{lbl.remove}}"><i class="fa fa-trash"></i></button>
172+
</div>
173+
</li>
174+
</ul>
182175
</div>
183176
</div>
184177
</div>

‎BlogEngine/BlogEngine.NET/admin/themes/standard/css/styles.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎BlogEngine/BlogEngine.NET/admin/themes/standard/css/styles.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)