Skip to content
This repository was archived by the owner on Feb 10, 2024. It is now read-only.

Commit 57ab1a7

Browse files
skttlskttl
committed
use <umb-box-content> and move search field inside again.
1 parent 706c304 commit 57ab1a7

File tree

1 file changed

+60
-57
lines changed

1 file changed

+60
-57
lines changed

‎src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Views/doctypegrideditor.dialog.html

Lines changed: 60 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -13,77 +13,80 @@
1313
</umb-load-indicator>
1414
<div ng-if="!vm.loading" ng-switch="dialogMode">
1515
<div ng-switch-when="selectDocType">
16-
17-
<div class="form-search" ng-hide="docTypes.length < 0 && model.filter === false" style="margin-bottom: 15px;">
18-
<i class="icon-search"></i>
19-
<input type="text"
20-
ng-model="searchTerm"
21-
class="umb-search-field search-query input-block-level -full-width-input"
22-
localize="placeholder"
23-
placeholder="@placeholders_filter"
24-
umb-auto-focus
25-
no-dirty-check />
26-
</div>
27-
2816
<umb-box>
29-
<p class="abstract" ng-if="docTypes && docTypes.length === 0">
30-
<localize key="create_noDocumentTypes" />
31-
</p>
17+
<umb-box-content>
18+
<p class="abstract" ng-if="docTypes && docTypes.length === 0">
19+
<localize key="create_noDocumentTypes" />
20+
</p>
21+
22+
<div class="form-search" ng-hide="docTypes.length < 0 && model.filter === false" style="margin-bottom: 15px;">
23+
<i class="icon-search"></i>
24+
<input type="text"
25+
ng-model="searchTerm"
26+
class="umb-search-field search-query input-block-level -full-width-input"
27+
localize="placeholder"
28+
placeholder="@placeholders_filter"
29+
umb-auto-focus
30+
no-dirty-check />
31+
</div>
3232

33-
<ul class="umb-actions umb-actions-child" ng-if="docTypes.length > 0 && !model.showDocTypeSelectAsGrid">
33+
<ul class="umb-actions umb-actions-child" ng-if="docTypes.length > 0 && !model.showDocTypeSelectAsGrid">
3434

35-
<li class="umb-action" ng-repeat="docType in docTypes | orderBy:'name' | filter:searchTerm">
36-
<a class="umb-action-link" ng-click="createOrSelectBlueprintIfAny(docType)">
37-
<i class="large icon {{docType.icon}}"></i>
38-
<span class="menu-label">
39-
{{docType.name}}
40-
<small>
41-
{{docType.description}}
42-
</small>
43-
</span>
44-
</a>
45-
</li>
35+
<li class="umb-action" ng-repeat="docType in docTypes | orderBy:'name' | filter:searchTerm">
36+
<a class="umb-action-link" ng-click="createOrSelectBlueprintIfAny(docType)">
37+
<i class="large icon {{docType.icon}}"></i>
38+
<span class="menu-label">
39+
{{docType.name}}
40+
<small>
41+
{{docType.description}}
42+
</small>
43+
</span>
44+
</a>
45+
</li>
4646

47-
</ul>
47+
</ul>
4848

49-
<ul class="umb-card-grid -three-in-row" ng-if="docTypes.length > 0 && model.showDocTypeSelectAsGrid">
50-
<li ng-repeat="docType in docTypes | orderBy:'name' | filter:searchTerm"
51-
ng-click="createOrSelectBlueprintIfAny(docType)">
52-
<a class="umb-card-grid-item" href="" title="{{ docType.name }}">
53-
<span>
54-
<i class="{{ docType.icon }}"></i>
55-
{{ docType.name }}
56-
</span>
57-
</a>
58-
</li>
59-
</ul>
49+
<ul class="umb-card-grid -three-in-row" ng-if="docTypes.length > 0 && model.showDocTypeSelectAsGrid">
50+
<li ng-repeat="docType in docTypes | orderBy:'name' | filter:searchTerm"
51+
ng-click="createOrSelectBlueprintIfAny(docType)">
52+
<a class="umb-card-grid-item" href="" title="{{ docType.name }}">
53+
<span>
54+
<i class="{{ docType.icon }}"></i>
55+
{{ docType.name }}
56+
</span>
57+
</a>
58+
</li>
59+
</ul>
60+
</umb-box-content>
6061
</umb-box>
6162
</div>
6263

6364

6465
<div ng-switch-when="selectBlueprint">
6566
<umb-box>
66-
<ul class="umb-actions umb-actions-child">
67+
<umb-box-content>
68+
<ul class="umb-actions umb-actions-child">
6769

68-
<li class="umb-action" ng-repeat="blueprint in selectedDocType.blueprints | orderBy:'name':false">
69-
<a class="umb-action-link" ng-click="createFromBlueprint(blueprint.id)">
70-
<i class="large icon {{selectedDocType.icon}}"></i>
71-
<span class="menu-label">
72-
{{blueprint.name}}
73-
</span>
74-
</a>
75-
</li>
70+
<li class="umb-action" ng-repeat="blueprint in selectedDocType.blueprints | orderBy:'name':false">
71+
<a class="umb-action-link" ng-click="createFromBlueprint(blueprint.id)">
72+
<i class="large icon {{selectedDocType.icon}}"></i>
73+
<span class="menu-label">
74+
{{blueprint.name}}
75+
</span>
76+
</a>
77+
</li>
7678

77-
<li class="umb-action sep" ng-show="vm.blueprintConfig.allowBlank">
78-
<a class="umb-action-link" ng-click="createBlank()">
79-
<i class="large icon {{selectedDocType.icon}}"></i>
80-
<span class="menu-label">
81-
<localize key="blueprints_blankBlueprint">Blank</localize>
82-
</span>
83-
</a>
84-
</li>
79+
<li class="umb-action sep" ng-show="vm.blueprintConfig.allowBlank">
80+
<a class="umb-action-link" ng-click="createBlank()">
81+
<i class="large icon {{selectedDocType.icon}}"></i>
82+
<span class="menu-label">
83+
<localize key="blueprints_blankBlueprint">Blank</localize>
84+
</span>
85+
</a>
86+
</li>
8587

86-
</ul>
88+
</ul>
89+
</umb-box-content>
8790
</umb-box>
8891
</div>
8992
<ng-form val-form-manager ng-switch-when="edit">

0 commit comments

Comments
 (0)