@rs-pk/asset-management 1.0.22 → 1.0.24
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/README.md +24 -24
- package/bundles/rs-pk-asset-management.umd.js +6444 -6327
- package/bundles/rs-pk-asset-management.umd.js.map +1 -1
- package/bundles/rs-pk-asset-management.umd.min.js +2 -2
- package/bundles/rs-pk-asset-management.umd.min.js.map +1 -1
- package/esm2015/lib/asset-management.component.js +164 -152
- package/esm2015/lib/asset-management.module.js +178 -179
- package/esm2015/lib/asset-management.service.js +45 -45
- package/esm2015/lib/components/partial/add-folder-dialog/add-folder-dialog.component.js +146 -146
- package/esm2015/lib/components/partial/asset-dialog/asset-dialog.component.js +398 -395
- package/esm2015/lib/components/partial/asset-item/asset-item.component.js +316 -299
- package/esm2015/lib/components/partial/asset-list/asset-list.component.js +285 -273
- package/esm2015/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js +123 -109
- package/esm2015/lib/components/partial/asset-wrapper/asset-wrapper.component.js +119 -100
- package/esm2015/lib/components/partial/breadcrumb/breadcrumb.component.js +121 -121
- package/esm2015/lib/components/partial/delete-dialog/delete-dialog.component.js +139 -139
- package/esm2015/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.js +151 -151
- package/esm2015/lib/components/partial/file-item/file-item.component.js +181 -181
- package/esm2015/lib/components/partial/file-list/file-list.component.js +73 -73
- package/esm2015/lib/components/partial/folder-item/folder-item.component.js +126 -114
- package/esm2015/lib/components/partial/folder-list/folder-list.component.js +81 -69
- package/esm2015/lib/components/partial/node-details/node-details.component.js +417 -403
- package/esm2015/lib/components/partial/node-tree/node-tree.component.js +330 -330
- package/esm2015/lib/components/partial/search-box/search-box.component.js +158 -158
- package/esm2015/lib/components/partial/sort-items/sort-items.component.js +99 -99
- package/esm2015/lib/components/partial/upload-dialog/upload-dialog.component.js +141 -141
- package/esm2015/lib/components/partial/upload-file/upload-file.component.js +85 -85
- package/esm2015/lib/components/ui/drag-to-resize/drag-to-resize.component.js +96 -96
- package/esm2015/lib/components/ui/input-file/input-file.component.js +49 -49
- package/esm2015/lib/components/ui/modal/modal.component.js +34 -34
- package/esm2015/lib/components/ui/search-not-found/search-not-found.component.js +41 -41
- package/esm2015/lib/configs/admin.config.js +22 -22
- package/esm2015/lib/contanst/data-image.js +20 -20
- package/esm2015/lib/contanst/index.js +6 -6
- package/esm2015/lib/datasources/index.js +6 -6
- package/esm2015/lib/datasources/node-tree.datasource.js +179 -179
- package/esm2015/lib/directives/dialogTrigger.directive.js +47 -47
- package/esm2015/lib/directives/directives.module.js +20 -20
- package/esm2015/lib/directives/dnd.directive.js +57 -57
- package/esm2015/lib/models/asset-file.model.js +57 -57
- package/esm2015/lib/models/asset.model.js +149 -149
- package/esm2015/lib/models/file-type.enum.js +11 -11
- package/esm2015/lib/models/file.model.js +91 -91
- package/esm2015/lib/models/index.js +12 -12
- package/esm2015/lib/models/node-tree.model.js +32 -32
- package/esm2015/lib/models/sort.enum.js +23 -23
- package/esm2015/lib/pipes/datetime.pipe.js +79 -79
- package/esm2015/lib/pipes/file-size.pipe.js +54 -54
- package/esm2015/lib/services/asset.service.js +229 -229
- package/esm2015/lib/services/base.service.js +49 -49
- package/esm2015/lib/services/env-config.service.js +18 -18
- package/esm2015/lib/services/file.service.js +106 -106
- package/esm2015/lib/services/index.js +11 -11
- package/esm2015/lib/services/node-tree.service.js +212 -212
- package/esm2015/lib/services/upload-assets.service.js +178 -178
- package/esm2015/lib/store/actions.action.js +125 -125
- package/esm2015/lib/store/index.js +7 -7
- package/esm2015/lib/store/reducer.js +115 -115
- package/esm2015/public-api.js +34 -34
- package/esm2015/rs-pk-asset-management.js +16 -16
- package/esm5/lib/asset-management.component.js +179 -167
- package/esm5/lib/asset-management.module.js +179 -180
- package/esm5/lib/asset-management.service.js +54 -54
- package/esm5/lib/components/partial/add-folder-dialog/add-folder-dialog.component.js +164 -164
- package/esm5/lib/components/partial/asset-dialog/asset-dialog.component.js +440 -437
- package/esm5/lib/components/partial/asset-item/asset-item.component.js +350 -333
- package/esm5/lib/components/partial/asset-list/asset-list.component.js +318 -306
- package/esm5/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js +138 -124
- package/esm5/lib/components/partial/asset-wrapper/asset-wrapper.component.js +137 -115
- package/esm5/lib/components/partial/breadcrumb/breadcrumb.component.js +143 -143
- package/esm5/lib/components/partial/delete-dialog/delete-dialog.component.js +154 -154
- package/esm5/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.js +169 -169
- package/esm5/lib/components/partial/file-item/file-item.component.js +206 -206
- package/esm5/lib/components/partial/file-list/file-list.component.js +93 -93
- package/esm5/lib/components/partial/folder-item/folder-item.component.js +138 -126
- package/esm5/lib/components/partial/folder-list/folder-list.component.js +94 -82
- package/esm5/lib/components/partial/node-details/node-details.component.js +458 -444
- package/esm5/lib/components/partial/node-tree/node-tree.component.js +413 -413
- package/esm5/lib/components/partial/search-box/search-box.component.js +184 -184
- package/esm5/lib/components/partial/sort-items/sort-items.component.js +107 -107
- package/esm5/lib/components/partial/upload-dialog/upload-dialog.component.js +156 -156
- package/esm5/lib/components/partial/upload-file/upload-file.component.js +102 -102
- package/esm5/lib/components/ui/drag-to-resize/drag-to-resize.component.js +117 -117
- package/esm5/lib/components/ui/input-file/input-file.component.js +55 -55
- package/esm5/lib/components/ui/modal/modal.component.js +39 -39
- package/esm5/lib/components/ui/search-not-found/search-not-found.component.js +43 -43
- package/esm5/lib/configs/admin.config.js +22 -22
- package/esm5/lib/contanst/data-image.js +20 -20
- package/esm5/lib/contanst/index.js +6 -6
- package/esm5/lib/datasources/index.js +6 -6
- package/esm5/lib/datasources/node-tree.datasource.js +239 -239
- package/esm5/lib/directives/dialogTrigger.directive.js +53 -53
- package/esm5/lib/directives/directives.module.js +25 -25
- package/esm5/lib/directives/dnd.directive.js +80 -80
- package/esm5/lib/models/asset-file.model.js +69 -69
- package/esm5/lib/models/asset.model.js +168 -168
- package/esm5/lib/models/file-type.enum.js +11 -11
- package/esm5/lib/models/file.model.js +99 -99
- package/esm5/lib/models/index.js +12 -12
- package/esm5/lib/models/node-tree.model.js +37 -37
- package/esm5/lib/models/sort.enum.js +23 -23
- package/esm5/lib/pipes/datetime.pipe.js +83 -83
- package/esm5/lib/pipes/file-size.pipe.js +63 -63
- package/esm5/lib/services/asset.service.js +279 -279
- package/esm5/lib/services/base.service.js +57 -57
- package/esm5/lib/services/env-config.service.js +18 -18
- package/esm5/lib/services/file.service.js +127 -127
- package/esm5/lib/services/index.js +11 -11
- package/esm5/lib/services/node-tree.service.js +278 -278
- package/esm5/lib/services/upload-assets.service.js +207 -207
- package/esm5/lib/store/actions.action.js +143 -143
- package/esm5/lib/store/index.js +7 -7
- package/esm5/lib/store/reducer.js +116 -116
- package/esm5/public-api.js +34 -34
- package/esm5/rs-pk-asset-management.js +16 -16
- package/fesm2015/rs-pk-asset-management.js +5642 -5528
- package/fesm2015/rs-pk-asset-management.js.map +1 -1
- package/fesm5/rs-pk-asset-management.js +6448 -6331
- package/fesm5/rs-pk-asset-management.js.map +1 -1
- package/lib/asset-management.component.d.ts +25 -22
- package/lib/asset-management.module.d.ts +5 -5
- package/lib/asset-management.service.d.ts +7 -7
- package/lib/components/partial/add-folder-dialog/add-folder-dialog.component.d.ts +27 -27
- package/lib/components/partial/asset-dialog/asset-dialog.component.d.ts +65 -60
- package/lib/components/partial/asset-item/asset-item.component.d.ts +40 -37
- package/lib/components/partial/asset-list/asset-list.component.d.ts +27 -24
- package/lib/components/partial/asset-management-dialog/asset-management-dialog.component.d.ts +20 -17
- package/lib/components/partial/asset-wrapper/asset-wrapper.component.d.ts +23 -19
- package/lib/components/partial/breadcrumb/breadcrumb.component.d.ts +18 -18
- package/lib/components/partial/delete-dialog/delete-dialog.component.d.ts +24 -24
- package/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.d.ts +28 -28
- package/lib/components/partial/file-item/file-item.component.d.ts +36 -36
- package/lib/components/partial/file-list/file-list.component.d.ts +15 -15
- package/lib/components/partial/folder-item/folder-item.component.d.ts +17 -14
- package/lib/components/partial/folder-list/folder-list.component.d.ts +14 -11
- package/lib/components/partial/node-details/node-details.component.d.ts +32 -29
- package/lib/components/partial/node-tree/node-tree.component.d.ts +34 -34
- package/lib/components/partial/search-box/search-box.component.d.ts +18 -18
- package/lib/components/partial/sort-items/sort-items.component.d.ts +21 -21
- package/lib/components/partial/upload-dialog/upload-dialog.component.d.ts +25 -25
- package/lib/components/partial/upload-file/upload-file.component.d.ts +16 -16
- package/lib/components/ui/drag-to-resize/drag-to-resize.component.d.ts +15 -15
- package/lib/components/ui/input-file/input-file.component.d.ts +9 -9
- package/lib/components/ui/modal/modal.component.d.ts +7 -7
- package/lib/components/ui/search-not-found/search-not-found.component.d.ts +8 -8
- package/lib/configs/admin.config.d.ts +3 -3
- package/lib/contanst/data-image.d.ts +6 -6
- package/lib/contanst/index.d.ts +1 -1
- package/lib/datasources/index.d.ts +1 -1
- package/lib/datasources/node-tree.datasource.d.ts +24 -24
- package/lib/directives/dialogTrigger.directive.d.ts +7 -7
- package/lib/directives/directives.module.d.ts +5 -5
- package/lib/directives/dnd.directive.d.ts +7 -7
- package/lib/models/asset-file.model.d.ts +26 -26
- package/lib/models/asset.model.d.ts +68 -68
- package/lib/models/file-type.enum.d.ts +4 -4
- package/lib/models/file.model.d.ts +41 -41
- package/lib/models/index.d.ts +7 -7
- package/lib/models/node-tree.model.d.ts +9 -9
- package/lib/models/sort.enum.d.ts +9 -9
- package/lib/pipes/datetime.pipe.d.ts +13 -13
- package/lib/pipes/file-size.pipe.d.ts +5 -5
- package/lib/services/asset.service.d.ts +36 -36
- package/lib/services/base.service.d.ts +20 -20
- package/lib/services/env-config.service.d.ts +7 -7
- package/lib/services/file.service.d.ts +13 -13
- package/lib/services/index.d.ts +6 -6
- package/lib/services/node-tree.service.d.ts +24 -24
- package/lib/services/upload-assets.service.d.ts +34 -34
- package/lib/store/actions.action.d.ts +51 -51
- package/lib/store/index.d.ts +2 -2
- package/lib/store/reducer.d.ts +18 -18
- package/package.json +1 -1
- package/public-api.d.ts +26 -26
- package/rs-pk-asset-management.d.ts +12 -12
- package/rs-pk-asset-management.metadata.json +1 -1
|
@@ -1,158 +1,158 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
|
-
import { Component } from '@angular/core';
|
|
6
|
-
import { combineLatest } from 'rxjs/internal/observable/combineLatest';
|
|
7
|
-
import { of } from 'rxjs/internal/observable/of';
|
|
8
|
-
import { Subject } from 'rxjs/internal/Subject';
|
|
9
|
-
import { switchMap, takeUntil } from 'rxjs/operators';
|
|
10
|
-
import { AssetManagementService } from '../../../asset-management.service';
|
|
11
|
-
import { AssetService } from '../../../services/asset.service';
|
|
12
|
-
import { ActionTypes, select } from '../../../store';
|
|
13
|
-
export class SearchBoxComponent {
|
|
14
|
-
/**
|
|
15
|
-
* @param {?} assetService
|
|
16
|
-
* @param {?} svc
|
|
17
|
-
*/
|
|
18
|
-
constructor(assetService, svc) {
|
|
19
|
-
this.assetService = assetService;
|
|
20
|
-
this.svc = svc;
|
|
21
|
-
this.destroy$ = new Subject();
|
|
22
|
-
this.value = '';
|
|
23
|
-
this.folderId = '';
|
|
24
|
-
this.bindingSubscriber();
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* @return {?}
|
|
28
|
-
*/
|
|
29
|
-
ngOnInit() { }
|
|
30
|
-
/**
|
|
31
|
-
* @private
|
|
32
|
-
* @return {?}
|
|
33
|
-
*/
|
|
34
|
-
bindingSubscriber() {
|
|
35
|
-
select((/**
|
|
36
|
-
* @param {?} state
|
|
37
|
-
* @return {?}
|
|
38
|
-
*/
|
|
39
|
-
state => state.currentFolderId))
|
|
40
|
-
.pipe(takeUntil(this.destroy$), switchMap((/**
|
|
41
|
-
* @param {?} res
|
|
42
|
-
* @return {?}
|
|
43
|
-
*/
|
|
44
|
-
res => of(res))))
|
|
45
|
-
.subscribe((/**
|
|
46
|
-
* @param {?} currentFolderId
|
|
47
|
-
* @return {?}
|
|
48
|
-
*/
|
|
49
|
-
currentFolderId => (this.folderId = currentFolderId)));
|
|
50
|
-
}
|
|
51
|
-
/**
|
|
52
|
-
* @param {?} event
|
|
53
|
-
* @return {?}
|
|
54
|
-
*/
|
|
55
|
-
onChange(event) {
|
|
56
|
-
this.value = ((/** @type {?} */ (event.target))).value;
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* @return {?}
|
|
60
|
-
*/
|
|
61
|
-
onSubmit() {
|
|
62
|
-
if (!this.value && !this.assetService.keyword) {
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
this.assetService.keyword = this.value;
|
|
66
|
-
this.searchByName();
|
|
67
|
-
}
|
|
68
|
-
/**
|
|
69
|
-
* @return {?}
|
|
70
|
-
*/
|
|
71
|
-
clearSearch() {
|
|
72
|
-
if (!this.assetService.keyword) {
|
|
73
|
-
this.value = '';
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
this.value = '';
|
|
77
|
-
this.assetService.keyword = '';
|
|
78
|
-
this.searchByName();
|
|
79
|
-
this.assetService.setFolderList(null);
|
|
80
|
-
this.assetService.setAssetList(null);
|
|
81
|
-
}
|
|
82
|
-
/**
|
|
83
|
-
* @private
|
|
84
|
-
* @return {?}
|
|
85
|
-
*/
|
|
86
|
-
searchByName() {
|
|
87
|
-
this.svc.dispatch({
|
|
88
|
-
type: ActionTypes.SET_GLOBAL_LOADING,
|
|
89
|
-
payload: true,
|
|
90
|
-
});
|
|
91
|
-
combineLatest([
|
|
92
|
-
this.assetService.getChildrenFolders({ assetId: this.folderId }),
|
|
93
|
-
this.assetService.getChildrenAssets({
|
|
94
|
-
assetId: this.folderId,
|
|
95
|
-
pageIndex: '0',
|
|
96
|
-
}),
|
|
97
|
-
])
|
|
98
|
-
.pipe(takeUntil(this.destroy$))
|
|
99
|
-
.subscribe((/**
|
|
100
|
-
* @param {?} __0
|
|
101
|
-
* @return {?}
|
|
102
|
-
*/
|
|
103
|
-
([folders, assets]) => {
|
|
104
|
-
this.assetService.setFolderList(folders.Data, folders.Meta.Total);
|
|
105
|
-
this.assetService.setAssetList(assets.Data.Children, assets.Meta);
|
|
106
|
-
}))
|
|
107
|
-
.add((/**
|
|
108
|
-
* @return {?}
|
|
109
|
-
*/
|
|
110
|
-
() => {
|
|
111
|
-
this.svc.dispatch({
|
|
112
|
-
type: ActionTypes.SET_GLOBAL_LOADING,
|
|
113
|
-
payload: false,
|
|
114
|
-
});
|
|
115
|
-
}));
|
|
116
|
-
}
|
|
117
|
-
/**
|
|
118
|
-
* @return {?}
|
|
119
|
-
*/
|
|
120
|
-
ngOnDestroy() {
|
|
121
|
-
this.destroy$.next();
|
|
122
|
-
this.destroy$.complete();
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
SearchBoxComponent.decorators = [
|
|
126
|
-
{ type: Component, args: [{
|
|
127
|
-
selector: 'lib-search-box',
|
|
128
|
-
template: "<form (ngSubmit)=\"onSubmit()\">\n <label for=\"search-assets\">\n <mat-icon>search</mat-icon>\n </label>\n <input\n class=\"search-input\"\n id=\"search-assets\"\n [value]=\"value\"\n (input)=\"onChange($event)\"\n matInput\n placeholder=\"Search assets...\"\n autocomplete=\"off\"\n required\n />\n <mat-icon\n [class.visible]=\"value || assetService.keyword\"\n (click)=\"clearSearch()\"\n matTooltip=\"Clear search\"\n >close</mat-icon\n >\n</form>\n",
|
|
129
|
-
styles: [":host::ng-deep{display:flex;align-items:center;width:300px;height:40px}:host::ng-deep form{width:100%;position:relative}:host::ng-deep label{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.38);display:flex;align-items:center}:host::ng-deep input.search-input{width:100%;padding:10px 40px;border:1px solid #d8d8d8;border-radius:5px;color:#000;font-size:14px}:host::ng-deep input.search-input+.mat-icon{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.38);font-size:20px;cursor:pointer;align-items:center}:host::ng-deep input.search-input+.mat-icon.visible{display:flex}"]
|
|
130
|
-
}] }
|
|
131
|
-
];
|
|
132
|
-
/** @nocollapse */
|
|
133
|
-
SearchBoxComponent.ctorParameters = () => [
|
|
134
|
-
{ type: AssetService },
|
|
135
|
-
{ type: AssetManagementService }
|
|
136
|
-
];
|
|
137
|
-
if (false) {
|
|
138
|
-
/**
|
|
139
|
-
* @type {?}
|
|
140
|
-
* @private
|
|
141
|
-
*/
|
|
142
|
-
SearchBoxComponent.prototype.destroy$;
|
|
143
|
-
/** @type {?} */
|
|
144
|
-
SearchBoxComponent.prototype.value;
|
|
145
|
-
/**
|
|
146
|
-
* @type {?}
|
|
147
|
-
* @private
|
|
148
|
-
*/
|
|
149
|
-
SearchBoxComponent.prototype.folderId;
|
|
150
|
-
/** @type {?} */
|
|
151
|
-
SearchBoxComponent.prototype.assetService;
|
|
152
|
-
/**
|
|
153
|
-
* @type {?}
|
|
154
|
-
* @private
|
|
155
|
-
*/
|
|
156
|
-
SearchBoxComponent.prototype.svc;
|
|
157
|
-
}
|
|
158
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
+
*/
|
|
5
|
+
import { Component } from '@angular/core';
|
|
6
|
+
import { combineLatest } from 'rxjs/internal/observable/combineLatest';
|
|
7
|
+
import { of } from 'rxjs/internal/observable/of';
|
|
8
|
+
import { Subject } from 'rxjs/internal/Subject';
|
|
9
|
+
import { switchMap, takeUntil } from 'rxjs/operators';
|
|
10
|
+
import { AssetManagementService } from '../../../asset-management.service';
|
|
11
|
+
import { AssetService } from '../../../services/asset.service';
|
|
12
|
+
import { ActionTypes, select } from '../../../store';
|
|
13
|
+
export class SearchBoxComponent {
|
|
14
|
+
/**
|
|
15
|
+
* @param {?} assetService
|
|
16
|
+
* @param {?} svc
|
|
17
|
+
*/
|
|
18
|
+
constructor(assetService, svc) {
|
|
19
|
+
this.assetService = assetService;
|
|
20
|
+
this.svc = svc;
|
|
21
|
+
this.destroy$ = new Subject();
|
|
22
|
+
this.value = '';
|
|
23
|
+
this.folderId = '';
|
|
24
|
+
this.bindingSubscriber();
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @return {?}
|
|
28
|
+
*/
|
|
29
|
+
ngOnInit() { }
|
|
30
|
+
/**
|
|
31
|
+
* @private
|
|
32
|
+
* @return {?}
|
|
33
|
+
*/
|
|
34
|
+
bindingSubscriber() {
|
|
35
|
+
select((/**
|
|
36
|
+
* @param {?} state
|
|
37
|
+
* @return {?}
|
|
38
|
+
*/
|
|
39
|
+
state => state.currentFolderId))
|
|
40
|
+
.pipe(takeUntil(this.destroy$), switchMap((/**
|
|
41
|
+
* @param {?} res
|
|
42
|
+
* @return {?}
|
|
43
|
+
*/
|
|
44
|
+
res => of(res))))
|
|
45
|
+
.subscribe((/**
|
|
46
|
+
* @param {?} currentFolderId
|
|
47
|
+
* @return {?}
|
|
48
|
+
*/
|
|
49
|
+
currentFolderId => (this.folderId = currentFolderId)));
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* @param {?} event
|
|
53
|
+
* @return {?}
|
|
54
|
+
*/
|
|
55
|
+
onChange(event) {
|
|
56
|
+
this.value = ((/** @type {?} */ (event.target))).value;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* @return {?}
|
|
60
|
+
*/
|
|
61
|
+
onSubmit() {
|
|
62
|
+
if (!this.value && !this.assetService.keyword) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
this.assetService.keyword = this.value;
|
|
66
|
+
this.searchByName();
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* @return {?}
|
|
70
|
+
*/
|
|
71
|
+
clearSearch() {
|
|
72
|
+
if (!this.assetService.keyword) {
|
|
73
|
+
this.value = '';
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
this.value = '';
|
|
77
|
+
this.assetService.keyword = '';
|
|
78
|
+
this.searchByName();
|
|
79
|
+
this.assetService.setFolderList(null);
|
|
80
|
+
this.assetService.setAssetList(null);
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* @private
|
|
84
|
+
* @return {?}
|
|
85
|
+
*/
|
|
86
|
+
searchByName() {
|
|
87
|
+
this.svc.dispatch({
|
|
88
|
+
type: ActionTypes.SET_GLOBAL_LOADING,
|
|
89
|
+
payload: true,
|
|
90
|
+
});
|
|
91
|
+
combineLatest([
|
|
92
|
+
this.assetService.getChildrenFolders({ assetId: this.folderId }),
|
|
93
|
+
this.assetService.getChildrenAssets({
|
|
94
|
+
assetId: this.folderId,
|
|
95
|
+
pageIndex: '0',
|
|
96
|
+
}),
|
|
97
|
+
])
|
|
98
|
+
.pipe(takeUntil(this.destroy$))
|
|
99
|
+
.subscribe((/**
|
|
100
|
+
* @param {?} __0
|
|
101
|
+
* @return {?}
|
|
102
|
+
*/
|
|
103
|
+
([folders, assets]) => {
|
|
104
|
+
this.assetService.setFolderList(folders.Data, folders.Meta.Total);
|
|
105
|
+
this.assetService.setAssetList(assets.Data.Children, assets.Meta);
|
|
106
|
+
}))
|
|
107
|
+
.add((/**
|
|
108
|
+
* @return {?}
|
|
109
|
+
*/
|
|
110
|
+
() => {
|
|
111
|
+
this.svc.dispatch({
|
|
112
|
+
type: ActionTypes.SET_GLOBAL_LOADING,
|
|
113
|
+
payload: false,
|
|
114
|
+
});
|
|
115
|
+
}));
|
|
116
|
+
}
|
|
117
|
+
/**
|
|
118
|
+
* @return {?}
|
|
119
|
+
*/
|
|
120
|
+
ngOnDestroy() {
|
|
121
|
+
this.destroy$.next();
|
|
122
|
+
this.destroy$.complete();
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
SearchBoxComponent.decorators = [
|
|
126
|
+
{ type: Component, args: [{
|
|
127
|
+
selector: 'lib-search-box',
|
|
128
|
+
template: "<form (ngSubmit)=\"onSubmit()\">\r\n <label for=\"search-assets\">\r\n <mat-icon>search</mat-icon>\r\n </label>\r\n <input\r\n class=\"search-input\"\r\n id=\"search-assets\"\r\n [value]=\"value\"\r\n (input)=\"onChange($event)\"\r\n matInput\r\n placeholder=\"Search assets...\"\r\n autocomplete=\"off\"\r\n required\r\n />\r\n <mat-icon\r\n [class.visible]=\"value || assetService.keyword\"\r\n (click)=\"clearSearch()\"\r\n matTooltip=\"Clear search\"\r\n >close</mat-icon\r\n >\r\n</form>\r\n",
|
|
129
|
+
styles: [":host::ng-deep{display:flex;align-items:center;width:300px;height:40px}:host::ng-deep form{width:100%;position:relative}:host::ng-deep label{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.38);display:flex;align-items:center}:host::ng-deep input.search-input{width:100%;padding:10px 40px;border:1px solid #d8d8d8;border-radius:5px;color:#000;font-size:14px}:host::ng-deep input.search-input+.mat-icon{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.38);font-size:20px;cursor:pointer;align-items:center}:host::ng-deep input.search-input+.mat-icon.visible{display:flex}"]
|
|
130
|
+
}] }
|
|
131
|
+
];
|
|
132
|
+
/** @nocollapse */
|
|
133
|
+
SearchBoxComponent.ctorParameters = () => [
|
|
134
|
+
{ type: AssetService },
|
|
135
|
+
{ type: AssetManagementService }
|
|
136
|
+
];
|
|
137
|
+
if (false) {
|
|
138
|
+
/**
|
|
139
|
+
* @type {?}
|
|
140
|
+
* @private
|
|
141
|
+
*/
|
|
142
|
+
SearchBoxComponent.prototype.destroy$;
|
|
143
|
+
/** @type {?} */
|
|
144
|
+
SearchBoxComponent.prototype.value;
|
|
145
|
+
/**
|
|
146
|
+
* @type {?}
|
|
147
|
+
* @private
|
|
148
|
+
*/
|
|
149
|
+
SearchBoxComponent.prototype.folderId;
|
|
150
|
+
/** @type {?} */
|
|
151
|
+
SearchBoxComponent.prototype.assetService;
|
|
152
|
+
/**
|
|
153
|
+
* @type {?}
|
|
154
|
+
* @private
|
|
155
|
+
*/
|
|
156
|
+
SearchBoxComponent.prototype.svc;
|
|
157
|
+
}
|
|
158
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvc2VhcmNoLWJveC9zZWFyY2gtYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDL0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQU9yRCxNQUFNLE9BQU8sa0JBQWtCOzs7OztJQUk3QixZQUNTLFlBQTBCLEVBQ3pCLEdBQTJCO1FBRDVCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQ3pCLFFBQUcsR0FBSCxHQUFHLENBQXdCO1FBTDdCLGFBQVEsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUM1QyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1YsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUtwQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDOzs7O0lBRUQsUUFBUSxLQUFJLENBQUM7Ozs7O0lBRUwsaUJBQWlCO1FBQ3ZCLE1BQU07Ozs7UUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxlQUFlLEVBQUM7YUFDbkMs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Qzs7YUFFM0M7Ozs7WUFQUSxZQUFZO1lBRFosc0JBQXNCOzs7Ozs7O0lBVTdCLHNDQUFtRDs7SUFDbkQsbUNBQWtCOzs7OztJQUNsQixzQ0FBc0I7O0lBRXBCLDBDQUFpQzs7Ozs7SUFDakMsaUNBQW1DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0IH0gZnJvbSAncnhqcy9pbnRlcm5hbC9vYnNlcnZhYmxlL2NvbWJpbmVMYXRlc3QnO1xyXG5pbXBvcnQgeyBvZiB9IGZyb20gJ3J4anMvaW50ZXJuYWwvb2JzZXJ2YWJsZS9vZic7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzL2ludGVybmFsL1N1YmplY3QnO1xyXG5pbXBvcnQgeyBzd2l0Y2hNYXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQXNzZXRNYW5hZ2VtZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2Fzc2V0LW1hbmFnZW1lbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IEFzc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fzc2V0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBY3Rpb25UeXBlcywgc2VsZWN0IH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItc2VhcmNoLWJveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1ib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1ib3guY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlYXJjaEJveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3QoKTtcclxuICBwdWJsaWMgdmFsdWUgPSAnJztcclxuICBwcml2YXRlIGZvbGRlcklkID0gJyc7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgYXNzZXRTZXJ2aWNlOiBBc3NldFNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHN2YzogQXNzZXRNYW5hZ2VtZW50U2VydmljZVxyXG4gICkge1xyXG4gICAgdGhpcy5iaW5kaW5nU3Vic2NyaWJlcigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7fVxyXG5cclxuICBwcml2YXRlIGJpbmRpbmdTdWJzY3JpYmVyKCkge1xyXG4gICAgc2VsZWN0KHN0YXRlID0+IHN0YXRlLmN1cnJlbnRGb2xkZXJJZClcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpLFxyXG4gICAgICAgIHN3aXRjaE1hcChyZXMgPT4gb2YocmVzKSlcclxuICAgICAgKVxyXG4gICAgICAuc3Vic2NyaWJlKGN1cnJlbnRGb2xkZXJJZCA9PiAodGhpcy5mb2xkZXJJZCA9IGN1cnJlbnRGb2xkZXJJZCkpO1xyXG4gIH1cclxuXHJcbiAgb25DaGFuZ2UoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLnZhbHVlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZTtcclxuICB9XHJcblxyXG4gIG9uU3VibWl0KCkge1xyXG4gICAgaWYgKCF0aGlzLnZhbHVlICYmICF0aGlzLmFzc2V0U2VydmljZS5rZXl3b3JkKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLmtleXdvcmQgPSB0aGlzLnZhbHVlO1xyXG4gICAgdGhpcy5zZWFyY2hCeU5hbWUoKTtcclxuICB9XHJcblxyXG4gIGNsZWFyU2VhcmNoKCkge1xyXG4gICAgaWYgKCF0aGlzLmFzc2V0U2VydmljZS5rZXl3b3JkKSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSAnJztcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMudmFsdWUgPSAnJztcclxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLmtleXdvcmQgPSAnJztcclxuICAgIHRoaXMuc2VhcmNoQnlOYW1lKCk7XHJcbiAgICB0aGlzLmFzc2V0U2VydmljZS5zZXRGb2xkZXJMaXN0KG51bGwpO1xyXG4gICAgdGhpcy5hc3NldFNlcnZpY2Uuc2V0QXNzZXRMaXN0KG51bGwpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZWFyY2hCeU5hbWUoKSB7XHJcbiAgICB0aGlzLnN2Yy5kaXNwYXRjaCh7XHJcbiAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlNFVF9HTE9CQUxfTE9BRElORyxcclxuICAgICAgcGF5bG9hZDogdHJ1ZSxcclxuICAgIH0pO1xyXG4gICAgY29tYmluZUxhdGVzdChbXHJcbiAgICAgIHRoaXMuYXNzZXRTZXJ2aWNlLmdldENoaWxkcmVuRm9sZGVycyh7IGFzc2V0SWQ6IHRoaXMuZm9sZGVySWQgfSksXHJcbiAgICAgIHRoaXMuYXNzZXRTZXJ2aWNlLmdldENoaWxkcmVuQXNzZXRzKHtcclxuICAgICAgICBhc3NldElkOiB0aGlzLmZvbGRlcklkLFxyXG4gICAgICAgIHBhZ2VJbmRleDogJzAnLFxyXG4gICAgICB9KSxcclxuICAgIF0pXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZSgoW2ZvbGRlcnMsIGFzc2V0c10pID0+IHtcclxuICAgICAgICB0aGlzLmFzc2V0U2VydmljZS5zZXRGb2xkZXJMaXN0KGZvbGRlcnMuRGF0YSwgZm9sZGVycy5NZXRhLlRvdGFsKTtcclxuICAgICAgICB0aGlzLmFzc2V0U2VydmljZS5zZXRBc3NldExpc3QoYXNzZXRzLkRhdGEuQ2hpbGRyZW4sIGFzc2V0cy5NZXRhKTtcclxuICAgICAgfSlcclxuICAgICAgLmFkZCgoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xyXG4gICAgICAgICAgdHlwZTogQWN0aW9uVHlwZXMuU0VUX0dMT0JBTF9MT0FESU5HLFxyXG4gICAgICAgICAgcGF5bG9hZDogZmFsc2UsXHJcbiAgICAgICAgfSk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcclxuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,99 +1,99 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
|
-
import { Component } from '@angular/core';
|
|
6
|
-
import { AssetManagementService } from '../../../asset-management.service';
|
|
7
|
-
import { SortFilesBy, TypeSort } from '../../../models';
|
|
8
|
-
import { AssetService } from '../../../services/asset.service';
|
|
9
|
-
import { ActionTypes } from '../../../store';
|
|
10
|
-
export class SortItemsComponent {
|
|
11
|
-
/**
|
|
12
|
-
* @param {?} assetService
|
|
13
|
-
* @param {?} svc
|
|
14
|
-
*/
|
|
15
|
-
constructor(assetService, svc) {
|
|
16
|
-
this.assetService = assetService;
|
|
17
|
-
this.svc = svc;
|
|
18
|
-
this.typeSort = TypeSort;
|
|
19
|
-
this.sortOrder = TypeSort.DESC;
|
|
20
|
-
this.sortBy = SortFilesBy.MODIFIED_DATE;
|
|
21
|
-
this.sortList = [
|
|
22
|
-
{ value: SortFilesBy.NAME, label: 'Sort by name' },
|
|
23
|
-
{ value: SortFilesBy.CREATED_DATE, label: 'Sort by created date' },
|
|
24
|
-
{ value: SortFilesBy.MODIFIED_DATE, label: 'Sort by modified date' },
|
|
25
|
-
];
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* @return {?}
|
|
29
|
-
*/
|
|
30
|
-
ngOnInit() {
|
|
31
|
-
this.sortBy = this.assetService.sortBy;
|
|
32
|
-
this.sortOrder = this.assetService.sortOrder;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* @param {?} event
|
|
36
|
-
* @return {?}
|
|
37
|
-
*/
|
|
38
|
-
onSortBy(event) {
|
|
39
|
-
this.sortBy = event.value;
|
|
40
|
-
this.assetService.sortBy = this.sortBy;
|
|
41
|
-
this.svc.dispatch({
|
|
42
|
-
type: ActionTypes.RELOAD_CURRENT_ASSETS,
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* @return {?}
|
|
47
|
-
*/
|
|
48
|
-
toggleSortOrder() {
|
|
49
|
-
this.sortOrder =
|
|
50
|
-
this.sortOrder === TypeSort.ASC ? TypeSort.DESC : TypeSort.ASC;
|
|
51
|
-
this.assetService.sortOrder = this.sortOrder;
|
|
52
|
-
this.svc.dispatch({
|
|
53
|
-
type: ActionTypes.RELOAD_CURRENT_ASSETS,
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
SortItemsComponent.decorators = [
|
|
58
|
-
{ type: Component, args: [{
|
|
59
|
-
selector: 'lib-sort-items',
|
|
60
|
-
template: "<mat-icon\n [ngClass]=\"{\n sort__icon: true,\n asc: sortOrder === typeSort.ASC,\n desc: sortOrder === typeSort.DESC\n }\"\n matTooltip=\"Sort direction\"\n (click)=\"toggleSortOrder()\"\n >sort</mat-icon\n>\n<mat-form-field class=\"sort__dropdown\" appearance=\"none\">\n <mat-select [(value)]=\"sortBy\" (selectionChange)=\"onSortBy($event)\">\n <mat-option *ngFor=\"let option of sortList\" [value]=\"option.value\">\n {{ option.label }}\n </mat-option>\n </mat-select>\n</mat-form-field>\n",
|
|
61
|
-
styles: [":host::ng-deep{display:flex;align-items:center}:host::ng-deep .sort__icon{cursor:pointer;transition:transform .3s ease-in-out}:host::ng-deep .sort__icon.asc{transform:scaleY(-1)}:host::ng-deep .sort__dropdown{padding:5px;border:1px solid #d8d8d8;border-radius:5px}:host::ng-deep .sort__dropdown .mat-form-field-wrapper{padding-bottom:0}:host::ng-deep .sort__dropdown .mat-form-field-infix{border-top:0;padding:0}:host::ng-deep .sort__dropdown .mat-select{font-size:14px}:host::ng-deep .sort__dropdown .mat-select-arrow{border:none}"]
|
|
62
|
-
}] }
|
|
63
|
-
];
|
|
64
|
-
/** @nocollapse */
|
|
65
|
-
SortItemsComponent.ctorParameters = () => [
|
|
66
|
-
{ type: AssetService },
|
|
67
|
-
{ type: AssetManagementService }
|
|
68
|
-
];
|
|
69
|
-
if (false) {
|
|
70
|
-
/** @type {?} */
|
|
71
|
-
SortItemsComponent.prototype.typeSort;
|
|
72
|
-
/** @type {?} */
|
|
73
|
-
SortItemsComponent.prototype.sortOrder;
|
|
74
|
-
/** @type {?} */
|
|
75
|
-
SortItemsComponent.prototype.sortBy;
|
|
76
|
-
/** @type {?} */
|
|
77
|
-
SortItemsComponent.prototype.sortList;
|
|
78
|
-
/**
|
|
79
|
-
* @type {?}
|
|
80
|
-
* @private
|
|
81
|
-
*/
|
|
82
|
-
SortItemsComponent.prototype.assetService;
|
|
83
|
-
/**
|
|
84
|
-
* @type {?}
|
|
85
|
-
* @private
|
|
86
|
-
*/
|
|
87
|
-
SortItemsComponent.prototype.svc;
|
|
88
|
-
}
|
|
89
|
-
/**
|
|
90
|
-
* @record
|
|
91
|
-
*/
|
|
92
|
-
function ISort() { }
|
|
93
|
-
if (false) {
|
|
94
|
-
/** @type {?} */
|
|
95
|
-
ISort.prototype.value;
|
|
96
|
-
/** @type {?|undefined} */
|
|
97
|
-
ISort.prototype.label;
|
|
98
|
-
}
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
+
*/
|
|
5
|
+
import { Component } from '@angular/core';
|
|
6
|
+
import { AssetManagementService } from '../../../asset-management.service';
|
|
7
|
+
import { SortFilesBy, TypeSort } from '../../../models';
|
|
8
|
+
import { AssetService } from '../../../services/asset.service';
|
|
9
|
+
import { ActionTypes } from '../../../store';
|
|
10
|
+
export class SortItemsComponent {
|
|
11
|
+
/**
|
|
12
|
+
* @param {?} assetService
|
|
13
|
+
* @param {?} svc
|
|
14
|
+
*/
|
|
15
|
+
constructor(assetService, svc) {
|
|
16
|
+
this.assetService = assetService;
|
|
17
|
+
this.svc = svc;
|
|
18
|
+
this.typeSort = TypeSort;
|
|
19
|
+
this.sortOrder = TypeSort.DESC;
|
|
20
|
+
this.sortBy = SortFilesBy.MODIFIED_DATE;
|
|
21
|
+
this.sortList = [
|
|
22
|
+
{ value: SortFilesBy.NAME, label: 'Sort by name' },
|
|
23
|
+
{ value: SortFilesBy.CREATED_DATE, label: 'Sort by created date' },
|
|
24
|
+
{ value: SortFilesBy.MODIFIED_DATE, label: 'Sort by modified date' },
|
|
25
|
+
];
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* @return {?}
|
|
29
|
+
*/
|
|
30
|
+
ngOnInit() {
|
|
31
|
+
this.sortBy = this.assetService.sortBy;
|
|
32
|
+
this.sortOrder = this.assetService.sortOrder;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @param {?} event
|
|
36
|
+
* @return {?}
|
|
37
|
+
*/
|
|
38
|
+
onSortBy(event) {
|
|
39
|
+
this.sortBy = event.value;
|
|
40
|
+
this.assetService.sortBy = this.sortBy;
|
|
41
|
+
this.svc.dispatch({
|
|
42
|
+
type: ActionTypes.RELOAD_CURRENT_ASSETS,
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* @return {?}
|
|
47
|
+
*/
|
|
48
|
+
toggleSortOrder() {
|
|
49
|
+
this.sortOrder =
|
|
50
|
+
this.sortOrder === TypeSort.ASC ? TypeSort.DESC : TypeSort.ASC;
|
|
51
|
+
this.assetService.sortOrder = this.sortOrder;
|
|
52
|
+
this.svc.dispatch({
|
|
53
|
+
type: ActionTypes.RELOAD_CURRENT_ASSETS,
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
SortItemsComponent.decorators = [
|
|
58
|
+
{ type: Component, args: [{
|
|
59
|
+
selector: 'lib-sort-items',
|
|
60
|
+
template: "<mat-icon\r\n [ngClass]=\"{\r\n sort__icon: true,\r\n asc: sortOrder === typeSort.ASC,\r\n desc: sortOrder === typeSort.DESC\r\n }\"\r\n matTooltip=\"Sort direction\"\r\n (click)=\"toggleSortOrder()\"\r\n >sort</mat-icon\r\n>\r\n<mat-form-field class=\"sort__dropdown\" appearance=\"none\">\r\n <mat-select [(value)]=\"sortBy\" (selectionChange)=\"onSortBy($event)\">\r\n <mat-option *ngFor=\"let option of sortList\" [value]=\"option.value\">\r\n {{ option.label }}\r\n </mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n",
|
|
61
|
+
styles: [":host::ng-deep{display:flex;align-items:center}:host::ng-deep .sort__icon{cursor:pointer;transition:transform .3s ease-in-out}:host::ng-deep .sort__icon.asc{transform:scaleY(-1)}:host::ng-deep .sort__dropdown{padding:5px;border:1px solid #d8d8d8;border-radius:5px}:host::ng-deep .sort__dropdown .mat-form-field-wrapper{padding-bottom:0}:host::ng-deep .sort__dropdown .mat-form-field-infix{border-top:0;padding:0}:host::ng-deep .sort__dropdown .mat-select{font-size:14px}:host::ng-deep .sort__dropdown .mat-select-arrow{border:none}"]
|
|
62
|
+
}] }
|
|
63
|
+
];
|
|
64
|
+
/** @nocollapse */
|
|
65
|
+
SortItemsComponent.ctorParameters = () => [
|
|
66
|
+
{ type: AssetService },
|
|
67
|
+
{ type: AssetManagementService }
|
|
68
|
+
];
|
|
69
|
+
if (false) {
|
|
70
|
+
/** @type {?} */
|
|
71
|
+
SortItemsComponent.prototype.typeSort;
|
|
72
|
+
/** @type {?} */
|
|
73
|
+
SortItemsComponent.prototype.sortOrder;
|
|
74
|
+
/** @type {?} */
|
|
75
|
+
SortItemsComponent.prototype.sortBy;
|
|
76
|
+
/** @type {?} */
|
|
77
|
+
SortItemsComponent.prototype.sortList;
|
|
78
|
+
/**
|
|
79
|
+
* @type {?}
|
|
80
|
+
* @private
|
|
81
|
+
*/
|
|
82
|
+
SortItemsComponent.prototype.assetService;
|
|
83
|
+
/**
|
|
84
|
+
* @type {?}
|
|
85
|
+
* @private
|
|
86
|
+
*/
|
|
87
|
+
SortItemsComponent.prototype.svc;
|
|
88
|
+
}
|
|
89
|
+
/**
|
|
90
|
+
* @record
|
|
91
|
+
*/
|
|
92
|
+
function ISort() { }
|
|
93
|
+
if (false) {
|
|
94
|
+
/** @type {?} */
|
|
95
|
+
ISort.prototype.value;
|
|
96
|
+
/** @type {?|undefined} */
|
|
97
|
+
ISort.prototype.label;
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1pdGVtcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvc29ydC1pdGVtcy9zb3J0LWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFPN0MsTUFBTSxPQUFPLGtCQUFrQjs7Ozs7SUFTN0IsWUFDVSxZQUEwQixFQUMxQixHQUEyQjtRQUQzQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUMxQixRQUFHLEdBQUgsR0FBRyxDQUF3QjtRQVY1QixhQUFRLEdBQUcsUUFBUSxDQUFDO1FBQzdCLGNBQVMsR0FBYSxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQ3BDLFdBQU0sR0FBZ0IsV0FBVyxDQUFDLGFBQWEsQ0FBQztRQUNoRCxhQUFRLEdBQVk7WUFDbEIsRUFBRSxLQUFLLEVBQUUsV0FBVyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFO1lBQ2xELEVBQUUsS0FBSyxFQUFFLFdBQVcsQ0FBQyxZQUFZLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFO1lBQ2xFLEVBQUUsS0FBSyxFQUFFLFdBQVcsQ0FBQyxhQUFhLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFO1NBQ3JFLENBQUM7SUFJQyxDQUFDOzs7O0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUM7UUFDdkMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQztJQUMvQyxDQUFDOzs7OztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDO1lBQ2hCLElBQUksRUFBRSxXQUFXLENBQUMscUJBQXFCO1NBQ3hDLENBQUMsQ0FBQztJQUNMLENBQUM7Ozs7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVM7WUFDWixJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUM7UUFDakUsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUM3QyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQztZQUNoQixJQUFJLEVBQUUsV0FBVyxDQUFDLHFCQUFxQjtTQUN4QyxDQUFDLENBQUM7SUFDTCxDQUFDOzs7WUF2Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLHNqQkFBMEM7O2FBRTNDOzs7O1lBUFEsWUFBWTtZQUZaLHNCQUFzQjs7OztJQVc3QixzQ0FBNkI7O0lBQzdCLHVDQUFvQzs7SUFDcEMsb0NBQWdEOztJQUNoRCxzQ0FJRTs7Ozs7SUFFQSwwQ0FBa0M7Ozs7O0lBQ2xDLGlDQUFtQzs7Ozs7QUEwQnZDLG9CQUdDOzs7SUFGQyxzQkFBbUI7O0lBQ25CLHNCQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQXNzZXRNYW5hZ2VtZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2Fzc2V0LW1hbmFnZW1lbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IFNvcnRGaWxlc0J5LCBUeXBlU29ydCB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XHJcbmltcG9ydCB7IEFzc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fzc2V0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBY3Rpb25UeXBlcyB9IGZyb20gJy4uLy4uLy4uL3N0b3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXNvcnQtaXRlbXMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb3J0LWl0ZW1zLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zb3J0LWl0ZW1zLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb3J0SXRlbXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHJlYWRvbmx5IHR5cGVTb3J0ID0gVHlwZVNvcnQ7XHJcbiAgc29ydE9yZGVyOiBUeXBlU29ydCA9IFR5cGVTb3J0LkRFU0M7XHJcbiAgc29ydEJ5OiBTb3J0RmlsZXNCeSA9IFNvcnRGaWxlc0J5Lk1PRElGSUVEX0RBVEU7XHJcbiAgc29ydExpc3Q6IElTb3J0W10gPSBbXHJcbiAgICB7IHZhbHVlOiBTb3J0RmlsZXNCeS5OQU1FLCBsYWJlbDogJ1NvcnQgYnkgbmFtZScgfSxcclxuICAgIHsgdmFsdWU6IFNvcnRGaWxlc0J5LkNSRUFURURfREFURSwgbGFiZWw6ICdTb3J0IGJ5IGNyZWF0ZWQgZGF0ZScgfSxcclxuICAgIHsgdmFsdWU6IFNvcnRGaWxlc0J5Lk1PRElGSUVEX0RBVEUsIGxhYmVsOiAnU29ydCBieSBtb2RpZmllZCBkYXRlJyB9LFxyXG4gIF07XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGFzc2V0U2VydmljZTogQXNzZXRTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBzdmM6IEFzc2V0TWFuYWdlbWVudFNlcnZpY2VcclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zb3J0QnkgPSB0aGlzLmFzc2V0U2VydmljZS5zb3J0Qnk7XHJcbiAgICB0aGlzLnNvcnRPcmRlciA9IHRoaXMuYXNzZXRTZXJ2aWNlLnNvcnRPcmRlcjtcclxuICB9XHJcblxyXG4gIG9uU29ydEJ5KGV2ZW50OiBJU29ydCkge1xyXG4gICAgdGhpcy5zb3J0QnkgPSBldmVudC52YWx1ZTtcclxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLnNvcnRCeSA9IHRoaXMuc29ydEJ5O1xyXG4gICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xyXG4gICAgICB0eXBlOiBBY3Rpb25UeXBlcy5SRUxPQURfQ1VSUkVOVF9BU1NFVFMsXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZVNvcnRPcmRlcigpIHtcclxuICAgIHRoaXMuc29ydE9yZGVyID1cclxuICAgICAgdGhpcy5zb3J0T3JkZXIgPT09IFR5cGVTb3J0LkFTQyA/IFR5cGVTb3J0LkRFU0MgOiBUeXBlU29ydC5BU0M7XHJcbiAgICB0aGlzLmFzc2V0U2VydmljZS5zb3J0T3JkZXIgPSB0aGlzLnNvcnRPcmRlcjtcclxuICAgIHRoaXMuc3ZjLmRpc3BhdGNoKHtcclxuICAgICAgdHlwZTogQWN0aW9uVHlwZXMuUkVMT0FEX0NVUlJFTlRfQVNTRVRTLFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcblxyXG5pbnRlcmZhY2UgSVNvcnQge1xyXG4gIHZhbHVlOiBTb3J0RmlsZXNCeTtcclxuICBsYWJlbD86IHN0cmluZztcclxufVxyXG4iXX0=
|