@oat-sa/tao-core-ui 3.23.0 → 3.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/figure/FigureStateActive.js +64 -32
- package/dist/image/ImgStateActive/initHelper.js +64 -32
- package/dist/image/ImgStateActive.js +64 -32
- package/dist/previewer.js +1 -1
- package/dist/resourcemgr/assetSearch.js +793 -0
- package/dist/resourcemgr/assetSearchContract.js +477 -0
- package/dist/resourcemgr/css/resourcemgr.css +1137 -97
- package/dist/resourcemgr/css/resourcemgr.css.map +1 -1
- package/dist/resourcemgr/fileBrowser.js +456 -79
- package/dist/resourcemgr/filePreview.js +40 -4
- package/dist/resourcemgr/fileSelector.js +362 -92
- package/dist/resourcemgr.js +309 -57
- package/dist/searchModal/advancedSearch.js +233 -31
- package/package.json +15 -6
- package/src/image/ImgStateActive/initHelper.js +69 -31
- package/src/previewer.js +1 -1
- package/src/resourcemgr/assetSearch.js +847 -0
- package/src/resourcemgr/assetSearchContract.js +489 -0
- package/src/resourcemgr/css/resourcemgr.css +1137 -97
- package/src/resourcemgr/css/resourcemgr.css.map +1 -1
- package/src/resourcemgr/fileBrowser.js +470 -91
- package/src/resourcemgr/filePreview.js +46 -4
- package/src/resourcemgr/fileSelector.js +338 -46
- package/src/resourcemgr/scss/resourcemgr.scss +1351 -88
- package/src/resourcemgr/tpl/advanced-search.tpl +10 -0
- package/src/resourcemgr/tpl/fileSelect.tpl +25 -28
- package/src/resourcemgr/tpl/folder.tpl +4 -1
- package/src/resourcemgr/tpl/layout.tpl +113 -54
- package/src/resourcemgr/tpl/rootFolder.tpl +3 -1
- package/src/resourcemgr.js +289 -47
- package/src/searchModal/advancedSearch.js +242 -31
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<div class="advanced-search-container">
|
|
2
|
+
<div class="add-criteria-container">
|
|
3
|
+
<a href="#" class="toggle-modal-button" role="button"><span class="icon-plus" aria-hidden="true"></span>{{__ "add criteria"}}</a>
|
|
4
|
+
<button type="button" class="applied-filters-summary hidden" hidden aria-expanded="false"></button>
|
|
5
|
+
<select name="criteria-select">
|
|
6
|
+
<option></option>
|
|
7
|
+
</select>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="advanced-criteria-container"></div>
|
|
10
|
+
</div>
|
|
@@ -1,39 +1,36 @@
|
|
|
1
1
|
{{#each files}}
|
|
2
|
-
<
|
|
2
|
+
<tr data-type="{{type}}"
|
|
3
3
|
data-file="{{uri}}"
|
|
4
4
|
data-display="{{display}}"
|
|
5
5
|
data-mime="{{mime}}"
|
|
6
6
|
data-size="{{size}}"
|
|
7
7
|
data-url="{{viewUrl}}"
|
|
8
|
+
{{#if location}} data-location="{{location}}" {{/if}}
|
|
9
|
+
{{#if updatedAt}} data-updated="{{updatedAt}}" {{/if}}
|
|
8
10
|
{{#if permissions.download}} data-download="true" {{/if}}
|
|
9
11
|
{{#if permissions.preview}} data-preview="true" {{/if}}
|
|
10
12
|
{{#if permissions.read}} data-select="true" {{/if}}
|
|
11
13
|
data-alt="{{alt}}">
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
</span>
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
</li>
|
|
14
|
+
<td class="files-label">
|
|
15
|
+
<span class="files-label-inner">
|
|
16
|
+
<span class="file-icon" aria-hidden="true"></span>
|
|
17
|
+
<span class="desc truncate">{{name}}</span>
|
|
18
|
+
</span>
|
|
19
|
+
</td>
|
|
20
|
+
<td class="files-location">
|
|
21
|
+
<span class="meta location truncate" title="{{locationDisplay}}">{{locationDisplay}}</span>
|
|
22
|
+
</td>
|
|
23
|
+
<td class="files-updated">
|
|
24
|
+
<span class="files-updated-inner">
|
|
25
|
+
<span class="meta updated truncate" title="{{updatedAtDisplay}}">{{updatedAtDisplay}}</span>
|
|
26
|
+
<span class="row-actions">
|
|
27
|
+
{{#if permissions.delete}}
|
|
28
|
+
<a href="#" class="delete" title="{{__ 'Remove this file'}}" aria-label="{{__ 'Remove this file'}}">
|
|
29
|
+
<span class="icon-bin" aria-hidden="true"></span>
|
|
30
|
+
</a>
|
|
31
|
+
{{/if}}
|
|
32
|
+
</span>
|
|
33
|
+
</span>
|
|
34
|
+
</td>
|
|
35
|
+
</tr>
|
|
39
36
|
{{/each}}
|
|
@@ -6,7 +6,10 @@
|
|
|
6
6
|
data-children-limit="{{childrenLimit}}"
|
|
7
7
|
data-level="{{level}}"
|
|
8
8
|
style="--tree-level: {{level}};"
|
|
9
|
-
href="#"
|
|
9
|
+
href="#"
|
|
10
|
+
{{#unless showToggle}}class="is-leaf"{{/unless}}>
|
|
11
|
+
<span class="tree-toggle{{#if showToggle}} icon-right{{/if}}" aria-hidden="true"></span>
|
|
12
|
+
<span class="tree-folder icon-folder" aria-hidden="true"></span>
|
|
10
13
|
{{label}}
|
|
11
14
|
</a>
|
|
12
15
|
</li>
|
|
@@ -4,81 +4,140 @@
|
|
|
4
4
|
|
|
5
5
|
<div class="file-wrapper">
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
7
|
+
<div class="file-panels">
|
|
8
|
+
<!-- left section: search, filters, folder tree -->
|
|
9
|
+
<section class="file-browser">
|
|
10
|
+
<div class="asset-search hidden" hidden>
|
|
11
|
+
<div class="asset-search-header">
|
|
12
|
+
<button
|
|
13
|
+
type="button"
|
|
14
|
+
class="asset-search-toggle"
|
|
15
|
+
aria-expanded="true"
|
|
16
|
+
aria-controls="{{assetSearchBodyId}}"
|
|
17
|
+
>
|
|
18
|
+
<span class="asset-search-title">{{__ 'Search'}}</span>
|
|
19
|
+
<span class="asset-search-applied-count hidden" hidden></span>
|
|
20
|
+
<span class="asset-search-scope" aria-live="polite">
|
|
21
|
+
<span class="asset-search-scope-prefix">{{__ 'Searching in:'}}</span>
|
|
22
|
+
<span class="asset-search-scope-name"></span>
|
|
23
|
+
<span class="asset-search-scope-subfolders hidden" hidden>{{__ 'and its subfolders'}}</span>
|
|
24
|
+
</span>
|
|
25
|
+
<span class="asset-search-chevron icon-up" aria-hidden="true"></span>
|
|
26
|
+
</button>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="asset-search-body" id="{{assetSearchBodyId}}">
|
|
29
|
+
<div class="asset-search-field">
|
|
30
|
+
<span class="icon-find" aria-hidden="true"></span>
|
|
31
|
+
<label class="asset-search-label" for="{{assetSearchInputId}}">{{__ 'Search by name or label'}}</label>
|
|
32
|
+
<input
|
|
33
|
+
id="{{assetSearchInputId}}"
|
|
34
|
+
type="search"
|
|
35
|
+
class="asset-search-input"
|
|
36
|
+
placeholder="{{__ 'Search by name or label'}}"
|
|
37
|
+
autocomplete="off"
|
|
38
|
+
/>
|
|
39
|
+
</div>
|
|
40
|
+
<div class="asset-search-filters"></div>
|
|
41
|
+
<div class="asset-search-actions">
|
|
42
|
+
<button type="button" class="asset-search-clear hidden" hidden>{{__ 'Clear all'}}</button>
|
|
43
|
+
<button type="button" class="btn-info small asset-search-submit" disabled>
|
|
44
|
+
<span class="asset-search-submit-spinner icon-loop" aria-hidden="true" hidden></span>
|
|
45
|
+
<span class="asset-search-submit-label">{{__ 'Search'}}</span>
|
|
46
|
+
</button>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
21
49
|
</div>
|
|
22
|
-
</h1>
|
|
23
50
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
</
|
|
51
|
+
<h1 class="resources-title">{{__ 'Resources'}}</h1>
|
|
52
|
+
<div class="file-browser-wrapper"></div>
|
|
53
|
+
</section>
|
|
27
54
|
|
|
28
|
-
|
|
55
|
+
<!-- center: asset listing -->
|
|
56
|
+
<section class="file-selector">
|
|
29
57
|
|
|
30
|
-
|
|
58
|
+
<h1>
|
|
59
|
+
<div class="title lft">{{__ 'Assets'}}</div>
|
|
60
|
+
<div class="upload-switcher rgt">
|
|
61
|
+
<a href="#" class="btn-info small upload hidden"><span class="icon-add"></span>{{__ 'Add file(s)'}}</a>
|
|
62
|
+
<a href="#" class="btn-info small listing"><span class="icon-undo"></span>{{__ 'Back to listing'}}</a>
|
|
63
|
+
</div>
|
|
64
|
+
</h1>
|
|
31
65
|
|
|
32
|
-
|
|
66
|
+
<div class="asset-search-error hidden" hidden role="alert">
|
|
67
|
+
<p class="asset-search-error-message"></p>
|
|
68
|
+
<button type="button" class="btn-info small asset-search-retry">{{__ 'Retry'}}</button>
|
|
69
|
+
</div>
|
|
33
70
|
|
|
34
|
-
|
|
71
|
+
<div class="empty">
|
|
72
|
+
{{__ 'No files'}}
|
|
73
|
+
</div>
|
|
35
74
|
|
|
36
|
-
|
|
75
|
+
<div class="files-wrapper" aria-busy="false">
|
|
76
|
+
<table class="files">
|
|
77
|
+
<thead>
|
|
78
|
+
<tr>
|
|
79
|
+
<th class="files-label sortable sorted sorted_asc" data-sort-by="label" aria-sort="ascending" tabindex="0">
|
|
80
|
+
<span class="sort-label">{{__ 'Label'}}</span>
|
|
81
|
+
</th>
|
|
82
|
+
<th class="files-location sortable" data-sort-by="location" aria-sort="none" tabindex="0">
|
|
83
|
+
<span class="sort-label">{{__ 'Location'}}</span>
|
|
84
|
+
</th>
|
|
85
|
+
<th class="files-updated sortable" data-sort-by="updatedAt" aria-sort="none" tabindex="0">
|
|
86
|
+
<span class="sort-label">{{__ 'Last modified on'}}</span>
|
|
87
|
+
</th>
|
|
88
|
+
</tr>
|
|
89
|
+
</thead>
|
|
90
|
+
<tbody class="files-list"></tbody>
|
|
91
|
+
</table>
|
|
92
|
+
</div>
|
|
37
93
|
|
|
38
|
-
|
|
94
|
+
<div class="file-upload-container"></div>
|
|
39
95
|
|
|
40
|
-
|
|
41
|
-
<p class="nopreview"></p>
|
|
42
|
-
</div>
|
|
96
|
+
<div class="pagination-bottom"></div>
|
|
43
97
|
|
|
44
|
-
|
|
98
|
+
</section>
|
|
45
99
|
|
|
46
|
-
<
|
|
100
|
+
<section class="file-preview">
|
|
47
101
|
|
|
48
|
-
<
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
<div class="col-10 prop-type"></div>
|
|
102
|
+
<h1>{{__ 'Preview'}}</h1>
|
|
103
|
+
|
|
104
|
+
<div class="previewer">
|
|
105
|
+
<p class="nopreview"></p>
|
|
53
106
|
</div>
|
|
54
107
|
|
|
55
|
-
<div class="
|
|
56
|
-
|
|
57
|
-
|
|
108
|
+
<div class="file-properties">
|
|
109
|
+
|
|
110
|
+
<div class="grid-row">
|
|
111
|
+
<div class="col-2">
|
|
112
|
+
{{__ 'Type'}}
|
|
113
|
+
</div>
|
|
114
|
+
<div class="col-10 prop-type">—</div>
|
|
115
|
+
</div>
|
|
116
|
+
|
|
117
|
+
<div class="grid-row">
|
|
118
|
+
<div class="col-2">
|
|
119
|
+
{{__ 'Size'}}
|
|
120
|
+
</div>
|
|
121
|
+
<div class="col-10 prop-size">—</div>
|
|
58
122
|
</div>
|
|
59
|
-
<div class="col-10 prop-size"></div>
|
|
60
|
-
</div>
|
|
61
123
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
<button class="btn-info small">
|
|
124
|
+
<div class="grid-row prop-url">
|
|
125
|
+
<div class="actions">
|
|
126
|
+
<a href="#" download="" target="_blank" class="tlb-button-off download hidden" title="{{__ 'Download this file'}}">
|
|
66
127
|
<span class="icon-download"></span>{{__ 'Download this file'}}
|
|
67
|
-
</
|
|
68
|
-
</
|
|
128
|
+
</a>
|
|
129
|
+
</div>
|
|
69
130
|
</div>
|
|
70
131
|
</div>
|
|
71
|
-
</div>
|
|
72
132
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
</button>
|
|
79
|
-
</div>
|
|
133
|
+
<div class="actions select-actions">
|
|
134
|
+
<button class="btn-success select-action small" disabled>
|
|
135
|
+
<span class="icon-move-item"></span>{{__ 'Select'}}
|
|
136
|
+
</button>
|
|
137
|
+
</div>
|
|
80
138
|
|
|
81
|
-
|
|
139
|
+
</section>
|
|
140
|
+
</div>
|
|
82
141
|
|
|
83
142
|
</div>
|
|
84
143
|
</div>
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
{{#if permissions.read }}
|
|
2
2
|
<li class="root">
|
|
3
3
|
<a
|
|
4
|
-
class="root-folder
|
|
4
|
+
class="root-folder{{#unless showToggle}} is-leaf{{/unless}}"
|
|
5
5
|
href="#"
|
|
6
6
|
data-path="{{path}}"
|
|
7
7
|
data-display="{{relPath}}"
|
|
8
8
|
data-children-limit="{{childrenLimit}}"
|
|
9
9
|
data-level="0"
|
|
10
10
|
style="--tree-level: 0;">
|
|
11
|
+
<span class="tree-toggle{{#if showToggle}} icon-right{{/if}}" aria-hidden="true"></span>
|
|
12
|
+
<span class="tree-folder icon-folder" aria-hidden="true"></span>
|
|
11
13
|
{{label}}
|
|
12
14
|
</a>
|
|
13
15
|
<ul></ul>
|