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

Commit 13b6ed3

Browse files
skttlskttl
committed
use umb-box for selecting doctypes / blueprints
1 parent 57f9c0b commit 13b6ed3

File tree

1 file changed

+67
-65
lines changed

1 file changed

+67
-65
lines changed

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

Lines changed: 67 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -13,75 +13,77 @@
1313
</umb-load-indicator>
1414
<div ng-if="!vm.loading" ng-switch="dialogMode">
1515
<div ng-switch-when="selectDocType">
16-
17-
<p class="abstract" ng-if="docTypes && docTypes.length === 0">
18-
<localize key="create_noDocumentTypes" />
19-
</p>
20-
21-
<div class="form-search" ng-hide="docTypes.length < 0 && model.filter === false" style="margin-bottom: 15px;">
22-
<i class="icon-search"></i>
23-
<input type="text"
24-
ng-model="searchTerm"
25-
class="umb-search-field search-query input-block-level -full-width-input"
26-
localize="placeholder"
27-
placeholder="@placeholders_filter"
28-
umb-auto-focus
29-
no-dirty-check />
30-
</div>
31-
32-
<ul class="umb-actions umb-actions-child" ng-if="docTypes.length > 0 && !model.showDocTypeSelectAsGrid">
33-
34-
<li class="umb-action" ng-repeat="docType in docTypes | orderBy:'name' | filter:searchTerm">
35-
<a class="umb-action-link" ng-click="createOrSelectBlueprintIfAny(docType)">
36-
<i class="large icon {{docType.icon}}"></i>
37-
<span class="menu-label">
38-
{{docType.name}}
39-
<small>
40-
{{docType.description}}
41-
</small>
42-
</span>
43-
</a>
44-
</li>
45-
46-
</ul>
47-
48-
<ul class="umb-card-grid -three-in-row" ng-if="docTypes.length > 0 && model.showDocTypeSelectAsGrid">
49-
<li ng-repeat="docType in docTypes | orderBy:'name' | filter:searchTerm"
50-
ng-click="createOrSelectBlueprintIfAny(docType)">
51-
<a class="umb-card-grid-item" href="" title="{{ docType.name }}">
52-
<span>
53-
<i class="{{ docType.icon }}"></i>
54-
{{ docType.name }}
55-
</span>
56-
</a>
57-
</li>
58-
</ul>
16+
<umb-box>
17+
<p class="abstract" ng-if="docTypes && docTypes.length === 0">
18+
<localize key="create_noDocumentTypes" />
19+
</p>
20+
21+
<div class="form-search" ng-hide="docTypes.length < 0 && model.filter === false" style="margin-bottom: 15px;">
22+
<i class="icon-search"></i>
23+
<input type="text"
24+
ng-model="searchTerm"
25+
class="umb-search-field search-query input-block-level -full-width-input"
26+
localize="placeholder"
27+
placeholder="@placeholders_filter"
28+
umb-auto-focus
29+
no-dirty-check />
30+
</div>
31+
32+
<ul class="umb-actions umb-actions-child" ng-if="docTypes.length > 0 && !model.showDocTypeSelectAsGrid">
33+
34+
<li class="umb-action" ng-repeat="docType in docTypes | orderBy:'name' | filter:searchTerm">
35+
<a class="umb-action-link" ng-click="createOrSelectBlueprintIfAny(docType)">
36+
<i class="large icon {{docType.icon}}"></i>
37+
<span class="menu-label">
38+
{{docType.name}}
39+
<small>
40+
{{docType.description}}
41+
</small>
42+
</span>
43+
</a>
44+
</li>
45+
46+
</ul>
47+
48+
<ul class="umb-card-grid -three-in-row" ng-if="docTypes.length > 0 && model.showDocTypeSelectAsGrid">
49+
<li ng-repeat="docType in docTypes | orderBy:'name' | filter:searchTerm"
50+
ng-click="createOrSelectBlueprintIfAny(docType)">
51+
<a class="umb-card-grid-item" href="" title="{{ docType.name }}">
52+
<span>
53+
<i class="{{ docType.icon }}"></i>
54+
{{ docType.name }}
55+
</span>
56+
</a>
57+
</li>
58+
</ul>
59+
</umb-box>
5960
</div>
6061

6162

6263
<div ng-switch-when="selectBlueprint">
63-
64-
<ul class="umb-actions umb-actions-child">
65-
66-
<li class="umb-action" ng-repeat="blueprint in selectedDocType.blueprints | orderBy:'name':false">
67-
<a class="umb-action-link" ng-click="createFromBlueprint(blueprint.id)">
68-
<i class="large icon {{selectedDocType.icon}}"></i>
69-
<span class="menu-label">
70-
{{blueprint.name}}
71-
</span>
72-
</a>
73-
</li>
74-
75-
<li class="umb-action sep" ng-show="vm.blueprintConfig.allowBlank">
76-
<a class="umb-action-link" ng-click="createBlank()">
77-
<i class="large icon {{selectedDocType.icon}}"></i>
78-
<span class="menu-label">
79-
<localize key="blueprints_blankBlueprint">Blank</localize>
80-
</span>
81-
</a>
82-
</li>
83-
84-
</ul>
64+
<umb-box>
65+
<ul class="umb-actions umb-actions-child">
66+
67+
<li class="umb-action" ng-repeat="blueprint in selectedDocType.blueprints | orderBy:'name':false">
68+
<a class="umb-action-link" ng-click="createFromBlueprint(blueprint.id)">
69+
<i class="large icon {{selectedDocType.icon}}"></i>
70+
<span class="menu-label">
71+
{{blueprint.name}}
72+
</span>
73+
</a>
74+
</li>
75+
76+
<li class="umb-action sep" ng-show="vm.blueprintConfig.allowBlank">
77+
<a class="umb-action-link" ng-click="createBlank()">
78+
<i class="large icon {{selectedDocType.icon}}"></i>
79+
<span class="menu-label">
80+
<localize key="blueprints_blankBlueprint">Blank</localize>
81+
</span>
82+
</a>
83+
</li>
84+
85+
</ul>
86+
</umb-box>
8587
</div>
8688
<ng-form val-form-manager ng-switch-when="edit">
8789
<umb-tabbed-content content="vm.content"></umb-tabbed-content>

0 commit comments

Comments
 (0)