@rs-pk/asset-management 1.0.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/README.md +24 -0
- package/bundles/rs-pk-asset-management.umd.js +6474 -0
- package/bundles/rs-pk-asset-management.umd.js.map +1 -0
- package/bundles/rs-pk-asset-management.umd.min.js +16 -0
- package/bundles/rs-pk-asset-management.umd.min.js.map +1 -0
- package/esm2015/lib/asset-management.component.js +147 -0
- package/esm2015/lib/asset-management.module.js +179 -0
- package/esm2015/lib/asset-management.service.js +45 -0
- package/esm2015/lib/components/partial/add-folder-dialog/add-folder-dialog.component.js +143 -0
- package/esm2015/lib/components/partial/asset-dialog/asset-dialog.component.js +373 -0
- package/esm2015/lib/components/partial/asset-item/asset-item.component.js +165 -0
- package/esm2015/lib/components/partial/asset-list/asset-list.component.js +239 -0
- package/esm2015/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js +108 -0
- package/esm2015/lib/components/partial/asset-wrapper/asset-wrapper.component.js +100 -0
- package/esm2015/lib/components/partial/breadcrumb/breadcrumb.component.js +115 -0
- package/esm2015/lib/components/partial/delete-dialog/delete-dialog.component.js +139 -0
- package/esm2015/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.js +148 -0
- package/esm2015/lib/components/partial/file-item/file-item.component.js +136 -0
- package/esm2015/lib/components/partial/file-list/file-list.component.js +72 -0
- package/esm2015/lib/components/partial/folder-item/folder-item.component.js +114 -0
- package/esm2015/lib/components/partial/folder-list/folder-list.component.js +69 -0
- package/esm2015/lib/components/partial/node-details/node-details.component.js +402 -0
- package/esm2015/lib/components/partial/node-tree/node-tree.component.js +330 -0
- package/esm2015/lib/components/partial/search-box/search-box.component.js +158 -0
- package/esm2015/lib/components/partial/sort-items/sort-items.component.js +99 -0
- package/esm2015/lib/components/partial/upload-dialog/upload-dialog.component.js +136 -0
- package/esm2015/lib/components/partial/upload-file/upload-file.component.js +102 -0
- package/esm2015/lib/components/ui/drag-to-resize/drag-to-resize.component.js +96 -0
- package/esm2015/lib/components/ui/input-file/input-file.component.js +49 -0
- package/esm2015/lib/components/ui/modal/modal.component.js +34 -0
- package/esm2015/lib/components/ui/search-not-found/search-not-found.component.js +41 -0
- package/esm2015/lib/configs/admin.config.js +22 -0
- package/esm2015/lib/contanst/data-image.js +12 -0
- package/esm2015/lib/contanst/index.js +6 -0
- package/esm2015/lib/datasources/index.js +6 -0
- package/esm2015/lib/datasources/node-tree.datasource.js +179 -0
- package/esm2015/lib/directives/dialogTrigger.directive.js +47 -0
- package/esm2015/lib/directives/directives.module.js +20 -0
- package/esm2015/lib/directives/dnd.directive.js +57 -0
- package/esm2015/lib/models/asset-file.model.js +57 -0
- package/esm2015/lib/models/asset.model.js +135 -0
- package/esm2015/lib/models/file-type.enum.js +11 -0
- package/esm2015/lib/models/file.model.js +91 -0
- package/esm2015/lib/models/index.js +12 -0
- package/esm2015/lib/models/node-tree.model.js +32 -0
- package/esm2015/lib/models/sort.enum.js +23 -0
- package/esm2015/lib/pipes/datetime.pipe.js +79 -0
- package/esm2015/lib/pipes/file-size.pipe.js +54 -0
- package/esm2015/lib/services/asset.service.js +224 -0
- package/esm2015/lib/services/base.service.js +49 -0
- package/esm2015/lib/services/env-config.service.js +18 -0
- package/esm2015/lib/services/file.service.js +106 -0
- package/esm2015/lib/services/index.js +11 -0
- package/esm2015/lib/services/node-tree.service.js +212 -0
- package/esm2015/lib/services/upload-assets.service.js +203 -0
- package/esm2015/lib/store/actions.action.js +125 -0
- package/esm2015/lib/store/index.js +7 -0
- package/esm2015/lib/store/reducer.js +115 -0
- package/esm2015/public-api.js +34 -0
- package/esm2015/rs-pk-asset-management.js +17 -0
- package/esm5/lib/asset-management.component.js +162 -0
- package/esm5/lib/asset-management.module.js +180 -0
- package/esm5/lib/asset-management.service.js +54 -0
- package/esm5/lib/components/partial/add-folder-dialog/add-folder-dialog.component.js +161 -0
- package/esm5/lib/components/partial/asset-dialog/asset-dialog.component.js +417 -0
- package/esm5/lib/components/partial/asset-item/asset-item.component.js +184 -0
- package/esm5/lib/components/partial/asset-list/asset-list.component.js +266 -0
- package/esm5/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js +123 -0
- package/esm5/lib/components/partial/asset-wrapper/asset-wrapper.component.js +115 -0
- package/esm5/lib/components/partial/breadcrumb/breadcrumb.component.js +138 -0
- package/esm5/lib/components/partial/delete-dialog/delete-dialog.component.js +154 -0
- package/esm5/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.js +166 -0
- package/esm5/lib/components/partial/file-item/file-item.component.js +151 -0
- package/esm5/lib/components/partial/file-list/file-list.component.js +93 -0
- package/esm5/lib/components/partial/folder-item/folder-item.component.js +126 -0
- package/esm5/lib/components/partial/folder-list/folder-list.component.js +82 -0
- package/esm5/lib/components/partial/node-details/node-details.component.js +443 -0
- package/esm5/lib/components/partial/node-tree/node-tree.component.js +413 -0
- package/esm5/lib/components/partial/search-box/search-box.component.js +184 -0
- package/esm5/lib/components/partial/sort-items/sort-items.component.js +107 -0
- package/esm5/lib/components/partial/upload-dialog/upload-dialog.component.js +151 -0
- package/esm5/lib/components/partial/upload-file/upload-file.component.js +130 -0
- package/esm5/lib/components/ui/drag-to-resize/drag-to-resize.component.js +117 -0
- package/esm5/lib/components/ui/input-file/input-file.component.js +55 -0
- package/esm5/lib/components/ui/modal/modal.component.js +39 -0
- package/esm5/lib/components/ui/search-not-found/search-not-found.component.js +43 -0
- package/esm5/lib/configs/admin.config.js +22 -0
- package/esm5/lib/contanst/data-image.js +12 -0
- package/esm5/lib/contanst/index.js +6 -0
- package/esm5/lib/datasources/index.js +6 -0
- package/esm5/lib/datasources/node-tree.datasource.js +239 -0
- package/esm5/lib/directives/dialogTrigger.directive.js +53 -0
- package/esm5/lib/directives/directives.module.js +25 -0
- package/esm5/lib/directives/dnd.directive.js +80 -0
- package/esm5/lib/models/asset-file.model.js +69 -0
- package/esm5/lib/models/asset.model.js +154 -0
- package/esm5/lib/models/file-type.enum.js +11 -0
- package/esm5/lib/models/file.model.js +99 -0
- package/esm5/lib/models/index.js +12 -0
- package/esm5/lib/models/node-tree.model.js +37 -0
- package/esm5/lib/models/sort.enum.js +23 -0
- package/esm5/lib/pipes/datetime.pipe.js +83 -0
- package/esm5/lib/pipes/file-size.pipe.js +63 -0
- package/esm5/lib/services/asset.service.js +274 -0
- package/esm5/lib/services/base.service.js +57 -0
- package/esm5/lib/services/env-config.service.js +18 -0
- package/esm5/lib/services/file.service.js +127 -0
- package/esm5/lib/services/index.js +11 -0
- package/esm5/lib/services/node-tree.service.js +278 -0
- package/esm5/lib/services/upload-assets.service.js +260 -0
- package/esm5/lib/store/actions.action.js +143 -0
- package/esm5/lib/store/index.js +7 -0
- package/esm5/lib/store/reducer.js +116 -0
- package/esm5/public-api.js +34 -0
- package/esm5/rs-pk-asset-management.js +17 -0
- package/fesm2015/rs-pk-asset-management.js +5429 -0
- package/fesm2015/rs-pk-asset-management.js.map +1 -0
- package/fesm5/rs-pk-asset-management.js +6244 -0
- package/fesm5/rs-pk-asset-management.js.map +1 -0
- package/lib/asset-management.component.d.ts +21 -0
- package/lib/asset-management.module.d.ts +5 -0
- package/lib/asset-management.service.d.ts +7 -0
- package/lib/components/partial/add-folder-dialog/add-folder-dialog.component.d.ts +27 -0
- package/lib/components/partial/asset-dialog/asset-dialog.component.d.ts +52 -0
- package/lib/components/partial/asset-item/asset-item.component.d.ts +25 -0
- package/lib/components/partial/asset-list/asset-list.component.d.ts +22 -0
- package/lib/components/partial/asset-management-dialog/asset-management-dialog.component.d.ts +17 -0
- package/lib/components/partial/asset-wrapper/asset-wrapper.component.d.ts +19 -0
- package/lib/components/partial/breadcrumb/breadcrumb.component.d.ts +17 -0
- package/lib/components/partial/delete-dialog/delete-dialog.component.d.ts +24 -0
- package/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.d.ts +28 -0
- package/lib/components/partial/file-item/file-item.component.d.ts +27 -0
- package/lib/components/partial/file-list/file-list.component.d.ts +12 -0
- package/lib/components/partial/folder-item/folder-item.component.d.ts +14 -0
- package/lib/components/partial/folder-list/folder-list.component.d.ts +11 -0
- package/lib/components/partial/node-details/node-details.component.d.ts +29 -0
- package/lib/components/partial/node-tree/node-tree.component.d.ts +34 -0
- package/lib/components/partial/search-box/search-box.component.d.ts +18 -0
- package/lib/components/partial/sort-items/sort-items.component.d.ts +21 -0
- package/lib/components/partial/upload-dialog/upload-dialog.component.d.ts +24 -0
- package/lib/components/partial/upload-file/upload-file.component.d.ts +18 -0
- package/lib/components/ui/drag-to-resize/drag-to-resize.component.d.ts +15 -0
- package/lib/components/ui/input-file/input-file.component.d.ts +9 -0
- package/lib/components/ui/modal/modal.component.d.ts +7 -0
- package/lib/components/ui/search-not-found/search-not-found.component.d.ts +8 -0
- package/lib/configs/admin.config.d.ts +3 -0
- package/lib/contanst/data-image.d.ts +3 -0
- package/lib/contanst/index.d.ts +1 -0
- package/lib/datasources/index.d.ts +1 -0
- package/lib/datasources/node-tree.datasource.d.ts +24 -0
- package/lib/directives/dialogTrigger.directive.d.ts +7 -0
- package/lib/directives/directives.module.d.ts +5 -0
- package/lib/directives/dnd.directive.d.ts +7 -0
- package/lib/models/asset-file.model.d.ts +26 -0
- package/lib/models/asset.model.d.ts +61 -0
- package/lib/models/file-type.enum.d.ts +4 -0
- package/lib/models/file.model.d.ts +41 -0
- package/lib/models/index.d.ts +7 -0
- package/lib/models/node-tree.model.d.ts +9 -0
- package/lib/models/sort.enum.d.ts +9 -0
- package/lib/pipes/datetime.pipe.d.ts +13 -0
- package/lib/pipes/file-size.pipe.d.ts +5 -0
- package/lib/services/asset.service.d.ts +35 -0
- package/lib/services/base.service.d.ts +20 -0
- package/lib/services/env-config.service.d.ts +7 -0
- package/lib/services/file.service.d.ts +13 -0
- package/lib/services/index.d.ts +6 -0
- package/lib/services/node-tree.service.d.ts +24 -0
- package/lib/services/upload-assets.service.d.ts +42 -0
- package/lib/store/actions.action.d.ts +51 -0
- package/lib/store/index.d.ts +2 -0
- package/lib/store/reducer.d.ts +18 -0
- package/package.json +28 -0
- package/public-api.d.ts +26 -0
- package/rs-pk-asset-management.d.ts +12 -0
- package/rs-pk-asset-management.metadata.json +1 -0
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
+
*/
|
|
5
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
6
|
+
import { Subject } from 'rxjs/internal/Subject';
|
|
7
|
+
import { takeUntil } from 'rxjs/operators';
|
|
8
|
+
import { AssetService } from '../../../services/asset.service';
|
|
9
|
+
import { select } from '../../../store';
|
|
10
|
+
var AssetWrapperComponent = /** @class */ (function () {
|
|
11
|
+
function AssetWrapperComponent(assetService) {
|
|
12
|
+
this.assetService = assetService;
|
|
13
|
+
this.header = true;
|
|
14
|
+
this.assets = new EventEmitter();
|
|
15
|
+
this.unsubscribe$ = new Subject();
|
|
16
|
+
this.nodeTreeMinWidth = 250;
|
|
17
|
+
this.nodeTreeMaxWidth = 700;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* @return {?}
|
|
21
|
+
*/
|
|
22
|
+
AssetWrapperComponent.prototype.ngOnInit = /**
|
|
23
|
+
* @return {?}
|
|
24
|
+
*/
|
|
25
|
+
function () {
|
|
26
|
+
var _this = this;
|
|
27
|
+
this.nodeTreeWidth = this.nodeTreeMinWidth;
|
|
28
|
+
select((/**
|
|
29
|
+
* @param {?} state
|
|
30
|
+
* @return {?}
|
|
31
|
+
*/
|
|
32
|
+
function (state) { return state.selectedAssets; }))
|
|
33
|
+
.pipe(takeUntil(this.unsubscribe$))
|
|
34
|
+
.subscribe((/**
|
|
35
|
+
* @param {?} selectedAssets
|
|
36
|
+
* @return {?}
|
|
37
|
+
*/
|
|
38
|
+
function (selectedAssets) {
|
|
39
|
+
_this.assets.emit(selectedAssets);
|
|
40
|
+
}));
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* @param {?} __0
|
|
44
|
+
* @return {?}
|
|
45
|
+
*/
|
|
46
|
+
AssetWrapperComponent.prototype.onResize = /**
|
|
47
|
+
* @param {?} __0
|
|
48
|
+
* @return {?}
|
|
49
|
+
*/
|
|
50
|
+
function (_a) {
|
|
51
|
+
var width = _a.width;
|
|
52
|
+
this.nodeTreeWidth = width;
|
|
53
|
+
};
|
|
54
|
+
Object.defineProperty(AssetWrapperComponent.prototype, "nodeDetailsWidth", {
|
|
55
|
+
get: /**
|
|
56
|
+
* @return {?}
|
|
57
|
+
*/
|
|
58
|
+
function () {
|
|
59
|
+
return "calc(100% - " + this.nodeTreeWidth + "px)";
|
|
60
|
+
},
|
|
61
|
+
enumerable: true,
|
|
62
|
+
configurable: true
|
|
63
|
+
});
|
|
64
|
+
/**
|
|
65
|
+
* @return {?}
|
|
66
|
+
*/
|
|
67
|
+
AssetWrapperComponent.prototype.ngOnDestroy = /**
|
|
68
|
+
* @return {?}
|
|
69
|
+
*/
|
|
70
|
+
function () {
|
|
71
|
+
this.assetService.resetAsset();
|
|
72
|
+
this.unsubscribe$.next();
|
|
73
|
+
this.unsubscribe$.complete();
|
|
74
|
+
};
|
|
75
|
+
AssetWrapperComponent.decorators = [
|
|
76
|
+
{ type: Component, args: [{
|
|
77
|
+
selector: 'lib-asset-wrapper',
|
|
78
|
+
template: "<div class=\"asset-wrapper\">\n <div class=\"asset-header\" *ngIf=\"header\">\n <div class=\"asset-header__left asset-header__title\" #title>\n <lib-breadcrumb></lib-breadcrumb>\n </div>\n <div class=\"asset-header__right asset-header__actions\" #actions>\n <lib-search-box></lib-search-box>\n </div>\n </div>\n <div class=\"asset-body\">\n <lib-drag-to-resize (resizeCompleted)=\"onResize($event)\" class=\"asset-body__node-tree\" [minWidth]=\"nodeTreeMinWidth\" [maxWidth]=\"nodeTreeMaxWidth\">\n <lib-node-tree [width]=\"nodeTreeWidth\"></lib-node-tree>\n </lib-drag-to-resize>\n <lib-node-details class=\"asset-body__node-details\" [style.maxWidth]=\"nodeDetailsWidth\"></lib-node-details>\n </div>\n</div>",
|
|
79
|
+
styles: [":host::ng-deep .mat-dialog-title{padding:24px}:host::ng-deep .mat-dialog-title .lib-modal--close{padding:10px;position:absolute;top:10px;right:10px;z-index:1}:host::ng-deep .mat-dialog-actions{padding-left:24px;padding-right:24px}:host::ng-deep .asset-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow-x:hidden}:host::ng-deep .asset-wrapper .asset-header{display:flex;padding:20px 15px;border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:center}:host::ng-deep .asset-wrapper .asset-body{display:flex;align-items:stretch}:host::ng-deep .asset-wrapper .asset-body__node-tree{border-right:1px solid #d8d8d8}:host::ng-deep .asset-wrapper .asset-body__node-details{flex:1}@media screen and (max-width:768px){:host::ng-deep .asset-wrapper .asset-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}:host::ng-deep .asset-wrapper .asset-body{flex-direction:column;justify-content:flex-start}:host::ng-deep .asset-wrapper .asset-body__node-tree{width:100%}:host::ng-deep .asset-wrapper .asset-body__node-details{max-width:100%!important}}::ng-deep .mat-tooltip.width-auto{max-width:100%!important}"]
|
|
80
|
+
}] }
|
|
81
|
+
];
|
|
82
|
+
/** @nocollapse */
|
|
83
|
+
AssetWrapperComponent.ctorParameters = function () { return [
|
|
84
|
+
{ type: AssetService }
|
|
85
|
+
]; };
|
|
86
|
+
AssetWrapperComponent.propDecorators = {
|
|
87
|
+
header: [{ type: Input }],
|
|
88
|
+
assets: [{ type: Output }]
|
|
89
|
+
};
|
|
90
|
+
return AssetWrapperComponent;
|
|
91
|
+
}());
|
|
92
|
+
export { AssetWrapperComponent };
|
|
93
|
+
if (false) {
|
|
94
|
+
/** @type {?} */
|
|
95
|
+
AssetWrapperComponent.prototype.header;
|
|
96
|
+
/** @type {?} */
|
|
97
|
+
AssetWrapperComponent.prototype.assets;
|
|
98
|
+
/**
|
|
99
|
+
* @type {?}
|
|
100
|
+
* @private
|
|
101
|
+
*/
|
|
102
|
+
AssetWrapperComponent.prototype.unsubscribe$;
|
|
103
|
+
/** @type {?} */
|
|
104
|
+
AssetWrapperComponent.prototype.nodeTreeMinWidth;
|
|
105
|
+
/** @type {?} */
|
|
106
|
+
AssetWrapperComponent.prototype.nodeTreeMaxWidth;
|
|
107
|
+
/** @type {?} */
|
|
108
|
+
AssetWrapperComponent.prototype.nodeTreeWidth;
|
|
109
|
+
/**
|
|
110
|
+
* @type {?}
|
|
111
|
+
* @private
|
|
112
|
+
*/
|
|
113
|
+
AssetWrapperComponent.prototype.assetService;
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYXNzZXQtd3JhcHBlci9hc3NldC13cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEM7SUFjRSwrQkFBb0IsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFSckMsV0FBTSxHQUFHLElBQUksQ0FBQztRQUNiLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUU1QyxpQkFBWSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDcEMscUJBQWdCLEdBQUcsR0FBRyxDQUFDO1FBQ3ZCLHFCQUFnQixHQUFHLEdBQUcsQ0FBQztJQUdtQixDQUFDOzs7O0lBRWxELHdDQUFROzs7SUFBUjtRQUFBLGlCQU9DO1FBTkMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDM0MsTUFBTTs7OztRQUFDLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLGNBQWMsRUFBcEIsQ0FBb0IsRUFBQzthQUNwQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQzthQUNsQyxTQUFTOzs7O1FBQUMsVUFBQyxjQUFjO1lBQ3hCLEtBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ25DLENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCx3Q0FBUTs7OztJQUFSLFVBQVMsRUFBUztZQUFQLGdCQUFLO1FBQ2QsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQUVELHNCQUFJLG1EQUFnQjs7OztRQUFwQjtZQUNFLE9BQU8saUJBQWUsSUFBSSxDQUFDLGFBQWEsUUFBSyxDQUFDO1FBQ2hELENBQUM7OztPQUFBOzs7O0lBRUQsMkNBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQzs7Z0JBckNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QiwwdkJBQTZDOztpQkFFOUM7Ozs7Z0JBUFEsWUFBWTs7O3lCQVNsQixLQUFLO3lCQUNMLE1BQU07O0lBK0JULDRCQUFDO0NBQUEsQUF0Q0QsSUFzQ0M7U0FqQ1kscUJBQXFCOzs7SUFDaEMsdUNBQXVCOztJQUN2Qix1Q0FBb0Q7Ozs7O0lBRXBELDZDQUEyQzs7SUFDM0MsaURBQThCOztJQUM5QixpREFBOEI7O0lBQzlCLDhDQUFxQjs7Ozs7SUFFVCw2Q0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBBc3NldE1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEFzc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fzc2V0LnNlcnZpY2UnO1xuaW1wb3J0IHsgc2VsZWN0IH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYXNzZXQtd3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hc3NldC13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXNzZXQtd3JhcHBlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBc3NldFdyYXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIGhlYWRlciA9IHRydWU7XG4gIEBPdXRwdXQoKSBhc3NldHMgPSBuZXcgRXZlbnRFbWl0dGVyPEFzc2V0TW9kZWxbXT4oKTtcblxuICBwcml2YXRlIHVuc3Vic2NyaWJlJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIHB1YmxpYyBub2RlVHJlZU1pbldpZHRoID0gMjUwO1xuICBwdWJsaWMgbm9kZVRyZWVNYXhXaWR0aCA9IDcwMDtcbiAgcHVibGljIG5vZGVUcmVlV2lkdGg7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhc3NldFNlcnZpY2U6IEFzc2V0U2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm5vZGVUcmVlV2lkdGggPSB0aGlzLm5vZGVUcmVlTWluV2lkdGg7XG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuc2VsZWN0ZWRBc3NldHMpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxuICAgICAgLnN1YnNjcmliZSgoc2VsZWN0ZWRBc3NldHMpID0+IHtcbiAgICAgICAgdGhpcy5hc3NldHMuZW1pdChzZWxlY3RlZEFzc2V0cyk7XG4gICAgICB9KTtcbiAgfVxuXG4gIG9uUmVzaXplKHsgd2lkdGggfSkge1xuICAgIHRoaXMubm9kZVRyZWVXaWR0aCA9IHdpZHRoO1xuICB9XG5cbiAgZ2V0IG5vZGVEZXRhaWxzV2lkdGgoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGNhbGMoMTAwJSAtICR7dGhpcy5ub2RlVHJlZVdpZHRofXB4KWA7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmFzc2V0U2VydmljZS5yZXNldEFzc2V0KCk7XG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
+
*/
|
|
5
|
+
import * as tslib_1 from "tslib";
|
|
6
|
+
import { Component } from '@angular/core';
|
|
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 { NodeTreeService } from '../../../services/node-tree.service';
|
|
12
|
+
import { ActionTypes, select } from '../../../store';
|
|
13
|
+
var BreadcrumbComponent = /** @class */ (function () {
|
|
14
|
+
function BreadcrumbComponent(nodeTreeService, svc) {
|
|
15
|
+
this.nodeTreeService = nodeTreeService;
|
|
16
|
+
this.svc = svc;
|
|
17
|
+
this.unsubscribe$ = new Subject();
|
|
18
|
+
this.currentFolderHierarchy = [];
|
|
19
|
+
this.maximumShownLevel = 3;
|
|
20
|
+
this.bindSubscriber();
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* @return {?}
|
|
24
|
+
*/
|
|
25
|
+
BreadcrumbComponent.prototype.ngOnInit = /**
|
|
26
|
+
* @return {?}
|
|
27
|
+
*/
|
|
28
|
+
function () { };
|
|
29
|
+
/**
|
|
30
|
+
* @return {?}
|
|
31
|
+
*/
|
|
32
|
+
BreadcrumbComponent.prototype.ngOnDestroy = /**
|
|
33
|
+
* @return {?}
|
|
34
|
+
*/
|
|
35
|
+
function () {
|
|
36
|
+
this.unsubscribe$.next();
|
|
37
|
+
this.unsubscribe$.complete();
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* @private
|
|
41
|
+
* @return {?}
|
|
42
|
+
*/
|
|
43
|
+
BreadcrumbComponent.prototype.bindSubscriber = /**
|
|
44
|
+
* @private
|
|
45
|
+
* @return {?}
|
|
46
|
+
*/
|
|
47
|
+
function () {
|
|
48
|
+
var _this = this;
|
|
49
|
+
select((/**
|
|
50
|
+
* @param {?} state
|
|
51
|
+
* @return {?}
|
|
52
|
+
*/
|
|
53
|
+
function (state) { return state.currentFolderHierarchy; }))
|
|
54
|
+
.pipe(takeUntil(this.unsubscribe$), switchMap((/**
|
|
55
|
+
* @param {?} res
|
|
56
|
+
* @return {?}
|
|
57
|
+
*/
|
|
58
|
+
function (res) { return of(res); })))
|
|
59
|
+
.subscribe((/**
|
|
60
|
+
* @param {?} currentFolderHierarchy
|
|
61
|
+
* @return {?}
|
|
62
|
+
*/
|
|
63
|
+
function (currentFolderHierarchy) {
|
|
64
|
+
_this.currentFolderHierarchy = currentFolderHierarchy;
|
|
65
|
+
}));
|
|
66
|
+
};
|
|
67
|
+
/**
|
|
68
|
+
* @param {?} folder
|
|
69
|
+
* @return {?}
|
|
70
|
+
*/
|
|
71
|
+
BreadcrumbComponent.prototype.navigateToFolder = /**
|
|
72
|
+
* @param {?} folder
|
|
73
|
+
* @return {?}
|
|
74
|
+
*/
|
|
75
|
+
function (folder) {
|
|
76
|
+
this.svc.dispatch({
|
|
77
|
+
type: ActionTypes.SET_CURRENT_FOLDER_ID,
|
|
78
|
+
payload: folder.AssetId,
|
|
79
|
+
});
|
|
80
|
+
};
|
|
81
|
+
/**
|
|
82
|
+
* @return {?}
|
|
83
|
+
*/
|
|
84
|
+
BreadcrumbComponent.prototype.backToHome = /**
|
|
85
|
+
* @return {?}
|
|
86
|
+
*/
|
|
87
|
+
function () {
|
|
88
|
+
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
|
89
|
+
return tslib_1.__generator(this, function (_a) {
|
|
90
|
+
switch (_a.label) {
|
|
91
|
+
case 0: return [4 /*yield*/, this.nodeTreeService.initialData({ dispatchRootId: true })];
|
|
92
|
+
case 1:
|
|
93
|
+
_a.sent();
|
|
94
|
+
this.svc.dispatch({
|
|
95
|
+
type: ActionTypes.RELOAD_CURRENT_NODE,
|
|
96
|
+
});
|
|
97
|
+
return [2 /*return*/];
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
});
|
|
101
|
+
};
|
|
102
|
+
BreadcrumbComponent.decorators = [
|
|
103
|
+
{ type: Component, args: [{
|
|
104
|
+
selector: 'lib-breadcrumb',
|
|
105
|
+
template: "<nav class=\"breadcrumb-wrapper\">\n <ul class=\"lib-breadcrumb\">\n <li class=\"lib-breadcrumb__item\">\n <span class=\"lib-breadcrumb__item--name\" (click)=\"backToHome()\">Home</span>\n </li>\n <ng-container *ngIf=\"currentFolderHierarchy.length <= maximumShownLevel\">\n <li *ngFor=\"let folder of currentFolderHierarchy; let last = last\" class=\"lib-breadcrumb__item\">\n <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\n <span class=\"lib-breadcrumb__item--name\" (click)=\"navigateToFolder(folder)\" [ngClass]=\"{ 'current-item' : last }\">\n {{folder.OriginalFileName}}\n </span>\n </li>\n </ng-container>\n <ng-container *ngIf=\"currentFolderHierarchy.length> maximumShownLevel\">\n <div class=\"lib-breadcrumb__item\">\n <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\n <span class=\"lib-breadcrumb__item--name\" [matMenuTriggerFor]=\"menu\">\n <mat-icon>more_horiz</mat-icon>\n </span>\n </div>\n\n <li *ngFor=\"let folder of currentFolderHierarchy; let index= index; let last = last\" class=\"lib-breadcrumb__item\">\n <ng-container *ngIf=\"index> currentFolderHierarchy.length -\n maximumShownLevel\">\n <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\n <span class=\"lib-breadcrumb__item--name\" (click)=\"navigateToFolder(folder)\" [ngClass]=\"{ 'current-item' : last }\">\n {{folder.OriginalFileName}}\n </span>\n </ng-container>\n </li>\n </ng-container>\n\n </ul>\n</nav>\n\n<mat-menu #menu=\"matMenu\">\n <ng-container *ngFor=\"let folder of currentFolderHierarchy; let index=\n index;\">\n <button mat-menu-item *ngIf=\"index<= currentFolderHierarchy.length -\n maximumShownLevel\" (click)=\"navigateToFolder(folder)\">\n <mat-icon>navigate_next</mat-icon>\n <span>{{folder.OriginalFileName}}</span>\n </button>\n </ng-container>\n</mat-menu>",
|
|
106
|
+
styles: [":host::ng-deep .breadcrumb-wrapper{color:#979797;background-color:#fff}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb{display:flex;align-items:center;margin:0;padding:0}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item{height:20px;display:flex;align-items:center;list-style:none}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--icon{color:#c8c8c8;cursor:default}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;font-size:14px;padding:0;font-weight:400;cursor:pointer;transition:.3s;height:20px;line-height:20px}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name:hover{color:#000}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name .mat-icon{color:#979797;height:16px}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name .mat-icon:hover{color:#000}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name.current-item{cursor:default}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name.current-item:hover{color:#979797}"]
|
|
107
|
+
}] }
|
|
108
|
+
];
|
|
109
|
+
/** @nocollapse */
|
|
110
|
+
BreadcrumbComponent.ctorParameters = function () { return [
|
|
111
|
+
{ type: NodeTreeService },
|
|
112
|
+
{ type: AssetManagementService }
|
|
113
|
+
]; };
|
|
114
|
+
return BreadcrumbComponent;
|
|
115
|
+
}());
|
|
116
|
+
export { BreadcrumbComponent };
|
|
117
|
+
if (false) {
|
|
118
|
+
/**
|
|
119
|
+
* @type {?}
|
|
120
|
+
* @private
|
|
121
|
+
*/
|
|
122
|
+
BreadcrumbComponent.prototype.unsubscribe$;
|
|
123
|
+
/** @type {?} */
|
|
124
|
+
BreadcrumbComponent.prototype.currentFolderHierarchy;
|
|
125
|
+
/** @type {?} */
|
|
126
|
+
BreadcrumbComponent.prototype.maximumShownLevel;
|
|
127
|
+
/**
|
|
128
|
+
* @type {?}
|
|
129
|
+
* @private
|
|
130
|
+
*/
|
|
131
|
+
BreadcrumbComponent.prototype.nodeTreeService;
|
|
132
|
+
/**
|
|
133
|
+
* @type {?}
|
|
134
|
+
* @private
|
|
135
|
+
*/
|
|
136
|
+
BreadcrumbComponent.prototype.svc;
|
|
137
|
+
}
|
|
138
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRDtJQU1FLDZCQUFvQixlQUFnQyxFQUFVLEdBQTJCO1FBQXJFLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUFVLFFBQUcsR0FBSCxHQUFHLENBQXdCO1FBR2pGLGlCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUNwQywyQkFBc0IsR0FBMkIsRUFBRSxDQUFDO1FBQ3BELHNCQUFpQixHQUFHLENBQUMsQ0FBQztRQUozQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7OztJQUtELHNDQUFROzs7SUFBUixjQUFhLENBQUM7Ozs7SUFFZCx5Q0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQzs7Ozs7SUFFTyw0Q0FBYzs7OztJQUF0QjtRQUFBLGlCQVNDO1FBUkMsTUFBTTs7OztRQUFDLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLHNCQUFzQixFQUE1QixDQUE0QixFQUFDO2FBQzVDLElBQUksQ0FDSCxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUM1QixTQUFTOzs7O1FBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxFQUFFLENBQUMsR0FBRyxDQUFDLEVBQVAsQ0FBTyxFQUFDLENBQzVCO2FBQ0EsU0FBUzs7OztRQUFDLFVBQUMsc0JBQXNCO1lBQ2hDLEtBQUksQ0FBQyxzQkFBc0IsR0FBRyxzQkFBc0IsQ0FBQztRQUN2RCxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7Ozs7O0lBRU0sOENBQWdCOzs7O0lBQXZCLFVBQXdCLE1BQXVCO1FBQzdDLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDO1lBQ2hCLElBQUksRUFBRSxXQUFXLENBQUMscUJBQXFCO1lBQ3ZDLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTztTQUN4QixDQUFDLENBQUM7SUFDTCxDQUFDOzs7O0lBRVksd0NBQVU7OztJQUF2Qjs7Ozs0QkFDRSxxQkFBTSxJQUFJLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFBOzt3QkFBaEUsU0FBZ0UsQ0FBQzt3QkFDakUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUM7NEJBQ2hCLElBQUksRUFBRSxXQUFXLENBQUMsbUJBQW1CO3lCQUN0QyxDQUFDLENBQUM7Ozs7O0tBQ0o7O2dCQTNDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsa3ZFQUEwQzs7aUJBRTNDOzs7O2dCQVBRLGVBQWU7Z0JBRmYsc0JBQXNCOztJQWlEL0IsMEJBQUM7Q0FBQSxBQTVDRCxJQTRDQztTQXZDWSxtQkFBbUI7Ozs7OztJQUk5QiwyQ0FBMkM7O0lBQzNDLHFEQUEyRDs7SUFDM0QsZ0RBQTZCOzs7OztJQUxqQiw4Q0FBd0M7Ozs7O0lBQUUsa0NBQW1DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgb2YgfSBmcm9tICdyeGpzL2ludGVybmFsL29ic2VydmFibGUvb2YnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XG5pbXBvcnQgeyBzd2l0Y2hNYXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEFzc2V0TWFuYWdlbWVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hc3NldC1tYW5hZ2VtZW50LnNlcnZpY2UnO1xuaW1wb3J0IHsgRm9sZGVyVHJlZU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IE5vZGVUcmVlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL25vZGUtdHJlZS5zZXJ2aWNlJztcbmltcG9ydCB7IEFjdGlvblR5cGVzLCBzZWxlY3QgfSBmcm9tICcuLi8uLi8uLi9zdG9yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbm9kZVRyZWVTZXJ2aWNlOiBOb2RlVHJlZVNlcnZpY2UsIHByaXZhdGUgc3ZjOiBBc3NldE1hbmFnZW1lbnRTZXJ2aWNlKSB7XG4gICAgdGhpcy5iaW5kU3Vic2NyaWJlcigpO1xuICB9XG4gIHByaXZhdGUgdW5zdWJzY3JpYmUkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgcHVibGljIGN1cnJlbnRGb2xkZXJIaWVyYXJjaHk6IEFycmF5PEZvbGRlclRyZWVNb2RlbD4gPSBbXTtcbiAgcHVibGljIG1heGltdW1TaG93bkxldmVsID0gMztcblxuICBuZ09uSW5pdCgpIHsgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLm5leHQoKTtcbiAgICB0aGlzLnVuc3Vic2NyaWJlJC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBiaW5kU3Vic2NyaWJlcigpIHtcbiAgICBzZWxlY3QoKHN0YXRlKSA9PiBzdGF0ZS5jdXJyZW50Rm9sZGVySGllcmFyY2h5KVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlJCksXG4gICAgICAgIHN3aXRjaE1hcCgocmVzKSA9PiBvZihyZXMpKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgoY3VycmVudEZvbGRlckhpZXJhcmNoeSkgPT4ge1xuICAgICAgICB0aGlzLmN1cnJlbnRGb2xkZXJIaWVyYXJjaHkgPSBjdXJyZW50Rm9sZGVySGllcmFyY2h5O1xuICAgICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmF2aWdhdGVUb0ZvbGRlcihmb2xkZXI6IEZvbGRlclRyZWVNb2RlbCkge1xuICAgIHRoaXMuc3ZjLmRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlNFVF9DVVJSRU5UX0ZPTERFUl9JRCxcbiAgICAgIHBheWxvYWQ6IGZvbGRlci5Bc3NldElkLFxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIGFzeW5jIGJhY2tUb0hvbWUoKSB7XG4gICAgYXdhaXQgdGhpcy5ub2RlVHJlZVNlcnZpY2UuaW5pdGlhbERhdGEoeyBkaXNwYXRjaFJvb3RJZDogdHJ1ZSB9KTtcbiAgICB0aGlzLnN2Yy5kaXNwYXRjaCh7XG4gICAgICB0eXBlOiBBY3Rpb25UeXBlcy5SRUxPQURfQ1VSUkVOVF9OT0RFLFxuICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
+
*/
|
|
5
|
+
import { Component, Inject } from '@angular/core';
|
|
6
|
+
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
7
|
+
import { takeUntil } from 'rxjs/operators';
|
|
8
|
+
import { Subject } from 'rxjs';
|
|
9
|
+
import { FileService } from '../../../services/file.service';
|
|
10
|
+
import { AssetService } from '../../../services/asset.service';
|
|
11
|
+
/**
|
|
12
|
+
* @record
|
|
13
|
+
*/
|
|
14
|
+
function IData() { }
|
|
15
|
+
if (false) {
|
|
16
|
+
/** @type {?} */
|
|
17
|
+
IData.prototype.type;
|
|
18
|
+
/** @type {?} */
|
|
19
|
+
IData.prototype.ids;
|
|
20
|
+
/** @type {?|undefined} */
|
|
21
|
+
IData.prototype.name;
|
|
22
|
+
}
|
|
23
|
+
var DeleteDialogComponent = /** @class */ (function () {
|
|
24
|
+
function DeleteDialogComponent(data, dialogRef, fileService, assetService) {
|
|
25
|
+
this.data = data;
|
|
26
|
+
this.dialogRef = dialogRef;
|
|
27
|
+
this.fileService = fileService;
|
|
28
|
+
this.assetService = assetService;
|
|
29
|
+
this.isLoading = false;
|
|
30
|
+
this.destroy$ = new Subject();
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* @return {?}
|
|
34
|
+
*/
|
|
35
|
+
DeleteDialogComponent.prototype.ngOnInit = /**
|
|
36
|
+
* @return {?}
|
|
37
|
+
*/
|
|
38
|
+
function () { };
|
|
39
|
+
/**
|
|
40
|
+
* @return {?}
|
|
41
|
+
*/
|
|
42
|
+
DeleteDialogComponent.prototype.delete = /**
|
|
43
|
+
* @return {?}
|
|
44
|
+
*/
|
|
45
|
+
function () {
|
|
46
|
+
var _this = this;
|
|
47
|
+
this.isLoading = true;
|
|
48
|
+
this.fileService
|
|
49
|
+
.deleteFile(this.data.ids)
|
|
50
|
+
.pipe(takeUntil(this.destroy$))
|
|
51
|
+
.subscribe((/**
|
|
52
|
+
* @param {?} _res
|
|
53
|
+
* @return {?}
|
|
54
|
+
*/
|
|
55
|
+
function (_res) {
|
|
56
|
+
_this.handleAssetPaging();
|
|
57
|
+
_this.isLoading = false;
|
|
58
|
+
_this.closeDialog(true);
|
|
59
|
+
}), (/**
|
|
60
|
+
* @param {?} _err
|
|
61
|
+
* @return {?}
|
|
62
|
+
*/
|
|
63
|
+
function (_err) {
|
|
64
|
+
_this.isLoading = false;
|
|
65
|
+
console.log('deleted fail', _err);
|
|
66
|
+
}));
|
|
67
|
+
};
|
|
68
|
+
/**
|
|
69
|
+
* @private
|
|
70
|
+
* @return {?}
|
|
71
|
+
*/
|
|
72
|
+
DeleteDialogComponent.prototype.handleAssetPaging = /**
|
|
73
|
+
* @private
|
|
74
|
+
* @return {?}
|
|
75
|
+
*/
|
|
76
|
+
function () {
|
|
77
|
+
var _this = this;
|
|
78
|
+
this.assetService
|
|
79
|
+
.getAssetList()
|
|
80
|
+
.pipe(takeUntil(this.destroy$))
|
|
81
|
+
.subscribe((/**
|
|
82
|
+
* @param {?} assets
|
|
83
|
+
* @return {?}
|
|
84
|
+
*/
|
|
85
|
+
function (assets) {
|
|
86
|
+
if (assets &&
|
|
87
|
+
assets.length === _this.data.ids.length &&
|
|
88
|
+
_this.assetService.pageIndex > 0) {
|
|
89
|
+
_this.assetService.pageIndex--;
|
|
90
|
+
}
|
|
91
|
+
}));
|
|
92
|
+
};
|
|
93
|
+
/**
|
|
94
|
+
* @param {?=} res
|
|
95
|
+
* @return {?}
|
|
96
|
+
*/
|
|
97
|
+
DeleteDialogComponent.prototype.closeDialog = /**
|
|
98
|
+
* @param {?=} res
|
|
99
|
+
* @return {?}
|
|
100
|
+
*/
|
|
101
|
+
function (res) {
|
|
102
|
+
this.dialogRef.close(res);
|
|
103
|
+
};
|
|
104
|
+
/**
|
|
105
|
+
* @return {?}
|
|
106
|
+
*/
|
|
107
|
+
DeleteDialogComponent.prototype.ngOnDestroy = /**
|
|
108
|
+
* @return {?}
|
|
109
|
+
*/
|
|
110
|
+
function () {
|
|
111
|
+
this.destroy$.next(true);
|
|
112
|
+
this.destroy$.complete();
|
|
113
|
+
};
|
|
114
|
+
DeleteDialogComponent.decorators = [
|
|
115
|
+
{ type: Component, args: [{
|
|
116
|
+
selector: 'lib-delete-dialog',
|
|
117
|
+
template: "<ng-container *ngIf=\"data?.type === 'folder'\">\n <lib-modal heading=\"Delete folder\">\n <ng-container content>\n <div>\n Are you sure you want to delete folder{{ ' ' }}\n <strong class=\"file__name\">{{ data.name }}</strong\n >?\n </div>\n </ng-container>\n <ng-container actions *ngTemplateOutlet=\"deleteAction\"></ng-container>\n </lib-modal>\n</ng-container>\n\n<ng-container *ngIf=\"data?.type === 'file'\">\n <lib-modal heading=\"Delete file\">\n <ng-container content>\n <div>\n Are you sure you want to delete file{{ ' ' }}\n <strong class=\"file__name\">{{ ' ' }}{{ data.name }}</strong\n >?\n </div>\n </ng-container>\n <ng-container actions *ngTemplateOutlet=\"deleteAction\"></ng-container>\n </lib-modal>\n</ng-container>\n\n<ng-container *ngIf=\"data?.type === 'files'\">\n <lib-modal heading=\"Delete files\">\n <ng-container content>\n <div>\n Are you sure you want to delete\n <strong *ngIf=\"data?.ids?.length > 1; else singular\"\n >{{ data?.ids?.length }} files</strong\n >\n <ng-template #singular>\n <strong>{{ data?.ids?.length }} file</strong> </ng-template\n >?\n </div>\n </ng-container>\n <ng-container actions *ngTemplateOutlet=\"deleteAction\"></ng-container>\n </lib-modal>\n</ng-container>\n\n<ng-template #deleteAction>\n <button mat-raised-button mat-dialog-close>No</button>\n <button\n mat-raised-button\n color=\"warn\"\n (click)=\"delete()\"\n class=\"file__button delete__action\"\n [class.loading]=\"isLoading\"\n [disabled]=\"isLoading\"\n >\n <ng-container *ngIf=\"isLoading\">\n <mat-spinner [diameter]=\"20\"></mat-spinner>\n </ng-container>\n <span>Yes</span>\n </button>\n</ng-template>\n",
|
|
118
|
+
styles: [""]
|
|
119
|
+
}] }
|
|
120
|
+
];
|
|
121
|
+
/** @nocollapse */
|
|
122
|
+
DeleteDialogComponent.ctorParameters = function () { return [
|
|
123
|
+
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
|
|
124
|
+
{ type: MatDialogRef },
|
|
125
|
+
{ type: FileService },
|
|
126
|
+
{ type: AssetService }
|
|
127
|
+
]; };
|
|
128
|
+
return DeleteDialogComponent;
|
|
129
|
+
}());
|
|
130
|
+
export { DeleteDialogComponent };
|
|
131
|
+
if (false) {
|
|
132
|
+
/** @type {?} */
|
|
133
|
+
DeleteDialogComponent.prototype.isLoading;
|
|
134
|
+
/**
|
|
135
|
+
* @type {?}
|
|
136
|
+
* @private
|
|
137
|
+
*/
|
|
138
|
+
DeleteDialogComponent.prototype.destroy$;
|
|
139
|
+
/** @type {?} */
|
|
140
|
+
DeleteDialogComponent.prototype.data;
|
|
141
|
+
/** @type {?} */
|
|
142
|
+
DeleteDialogComponent.prototype.dialogRef;
|
|
143
|
+
/**
|
|
144
|
+
* @type {?}
|
|
145
|
+
* @private
|
|
146
|
+
*/
|
|
147
|
+
DeleteDialogComponent.prototype.fileService;
|
|
148
|
+
/**
|
|
149
|
+
* @type {?}
|
|
150
|
+
* @private
|
|
151
|
+
*/
|
|
152
|
+
DeleteDialogComponent.prototype.assetService;
|
|
153
|
+
}
|
|
154
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsZXRlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvZGVsZXRlLWRpYWxvZy9kZWxldGUtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7OztBQUUvRCxvQkFJQzs7O0lBSEMscUJBQWtDOztJQUNsQyxvQkFBYzs7SUFDZCxxQkFBYzs7QUFHaEI7SUFRRSwrQkFFUyxJQUFXLEVBQ1gsU0FBOEMsRUFDN0MsV0FBd0IsRUFDeEIsWUFBMEI7UUFIM0IsU0FBSSxHQUFKLElBQUksQ0FBTztRQUNYLGNBQVMsR0FBVCxTQUFTLENBQXFDO1FBQzdDLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQ3hCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBUDdCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBRSxDQUFDO0lBT2hELENBQUM7Ozs7SUFFSix3Q0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7O0lBRWIsc0NBQU07OztJQUFOO1FBQUEsaUJBZ0JDO1FBZkMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLFdBQVc7YUFDYixVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDekIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDOUIsU0FBUzs7OztRQUNSLFVBQUMsSUFBc0I7WUFDckIsS0FBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDekIsS0FBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsS0FBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixDQUFDOzs7O1FBQ0QsVUFBQyxJQUFJO1lBQ0gsS0FBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDcEMsQ0FBQyxFQUNGLENBQUM7SUFDTixDQUFDOzs7OztJQUVPLGlEQUFpQjs7OztJQUF6QjtRQUFBLGlCQWFDO1FBWkMsSUFBSSxDQUFDLFlBQVk7YUFDZCxZQUFZLEVBQUU7YUFDZCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTOzs7O1FBQUMsVUFBQyxNQUFNO1lBQ2hCLElBQ0UsTUFBTTtnQkFDTixNQUFNLENBQUMsTUFBTSxLQUFLLEtBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU07Z0JBQ3RDLEtBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxHQUFHLENBQUMsRUFDL0I7Z0JBQ0EsS0FBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLEVBQUUsQ0FBQzthQUMvQjtRQUNILENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCwyQ0FBVzs7OztJQUFYLFVBQVksR0FBYTtRQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM1QixDQUFDOzs7O0lBRUQsMkNBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDOztnQkExREYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLGt6REFBNkM7O2lCQUU5Qzs7OztnREFLSSxNQUFNLFNBQUMsZUFBZTtnQkF0QmxCLFlBQVk7Z0JBR1osV0FBVztnQkFFWCxZQUFZOztJQW1FckIsNEJBQUM7Q0FBQSxBQTNERCxJQTJEQztTQXREWSxxQkFBcUI7OztJQUNoQywwQ0FBeUI7Ozs7O0lBQ3pCLHlDQUFtRDs7SUFFakQscUNBQ2tCOztJQUNsQiwwQ0FBcUQ7Ozs7O0lBQ3JELDRDQUFnQzs7Ozs7SUFDaEMsNkNBQWtDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGaWxlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ZpbGUuc2VydmljZSc7XG5pbXBvcnQgeyBJQXNzZXREZXRhaWxzUmVzIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEFzc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fzc2V0LnNlcnZpY2UnO1xuXG5pbnRlcmZhY2UgSURhdGEge1xuICB0eXBlOiAnZmlsZScgfCAnZm9sZGVyJyB8ICdmaWxlcyc7XG4gIGlkczogc3RyaW5nW107XG4gIG5hbWU/OiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1kZWxldGUtZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlbGV0ZS1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kZWxldGUtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERlbGV0ZURpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHVibGljIGlzTG9hZGluZyA9IGZhbHNlO1xuICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3QoKTtcbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpXG4gICAgcHVibGljIGRhdGE6IElEYXRhLFxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxEZWxldGVEaWFsb2dDb21wb25lbnQ+LFxuICAgIHByaXZhdGUgZmlsZVNlcnZpY2U6IEZpbGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgYXNzZXRTZXJ2aWNlOiBBc3NldFNlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBkZWxldGUoKSB7XG4gICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuICAgIHRoaXMuZmlsZVNlcnZpY2VcbiAgICAgIC5kZWxldGVGaWxlKHRoaXMuZGF0YS5pZHMpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXG4gICAgICAuc3Vic2NyaWJlKFxuICAgICAgICAoX3JlczogSUFzc2V0RGV0YWlsc1JlcykgPT4ge1xuICAgICAgICAgIHRoaXMuaGFuZGxlQXNzZXRQYWdpbmcoKTtcbiAgICAgICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgIHRoaXMuY2xvc2VEaWFsb2codHJ1ZSk7XG4gICAgICAgIH0sXG4gICAgICAgIChfZXJyKSA9PiB7XG4gICAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICBjb25zb2xlLmxvZygnZGVsZXRlZCBmYWlsJywgX2Vycik7XG4gICAgICAgIH1cbiAgICAgICk7XG4gIH1cblxuICBwcml2YXRlIGhhbmRsZUFzc2V0UGFnaW5nKCkge1xuICAgIHRoaXMuYXNzZXRTZXJ2aWNlXG4gICAgICAuZ2V0QXNzZXRMaXN0KClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoKGFzc2V0cykgPT4ge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgYXNzZXRzICYmXG4gICAgICAgICAgYXNzZXRzLmxlbmd0aCA9PT0gdGhpcy5kYXRhLmlkcy5sZW5ndGggJiZcbiAgICAgICAgICB0aGlzLmFzc2V0U2VydmljZS5wYWdlSW5kZXggPiAwXG4gICAgICAgICkge1xuICAgICAgICAgIHRoaXMuYXNzZXRTZXJ2aWNlLnBhZ2VJbmRleC0tO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgfVxuXG4gIGNsb3NlRGlhbG9nKHJlcz86IGJvb2xlYW4pIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShyZXMpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KHRydWUpO1xuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
+
*/
|
|
5
|
+
import { Component, Inject } from '@angular/core';
|
|
6
|
+
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
7
|
+
import { takeUntil } from 'rxjs/operators';
|
|
8
|
+
import { Subject } from 'rxjs';
|
|
9
|
+
import { FileService } from '../../../services/file.service';
|
|
10
|
+
import { FormBuilder, FormControl, Validators, } from '@angular/forms';
|
|
11
|
+
/**
|
|
12
|
+
* @record
|
|
13
|
+
*/
|
|
14
|
+
function IData() { }
|
|
15
|
+
if (false) {
|
|
16
|
+
/** @type {?} */
|
|
17
|
+
IData.prototype.assetId;
|
|
18
|
+
/** @type {?} */
|
|
19
|
+
IData.prototype.name;
|
|
20
|
+
}
|
|
21
|
+
var EditFolderDialogComponent = /** @class */ (function () {
|
|
22
|
+
function EditFolderDialogComponent(fb, data, dialogRef, fileService) {
|
|
23
|
+
this.fb = fb;
|
|
24
|
+
this.data = data;
|
|
25
|
+
this.dialogRef = dialogRef;
|
|
26
|
+
this.fileService = fileService;
|
|
27
|
+
this.isLoading = false;
|
|
28
|
+
this.errorMessage = '';
|
|
29
|
+
this.value = '';
|
|
30
|
+
this.destroy$ = new Subject();
|
|
31
|
+
this.form = new FormControl();
|
|
32
|
+
this.formGroup = this.fb.group({
|
|
33
|
+
name: [this.data.name, Validators.compose([Validators.required])],
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* @return {?}
|
|
38
|
+
*/
|
|
39
|
+
EditFolderDialogComponent.prototype.ngOnInit = /**
|
|
40
|
+
* @return {?}
|
|
41
|
+
*/
|
|
42
|
+
function () { };
|
|
43
|
+
Object.defineProperty(EditFolderDialogComponent.prototype, "disabled", {
|
|
44
|
+
get: /**
|
|
45
|
+
* @return {?}
|
|
46
|
+
*/
|
|
47
|
+
function () {
|
|
48
|
+
var name = this.formGroup.controls.name.value;
|
|
49
|
+
return (!name ||
|
|
50
|
+
!!this.errorMessage ||
|
|
51
|
+
name.toLowerCase().trim() === this.data.name.toLowerCase() ||
|
|
52
|
+
this.isLoading);
|
|
53
|
+
},
|
|
54
|
+
enumerable: true,
|
|
55
|
+
configurable: true
|
|
56
|
+
});
|
|
57
|
+
/**
|
|
58
|
+
* @param {?} _event
|
|
59
|
+
* @return {?}
|
|
60
|
+
*/
|
|
61
|
+
EditFolderDialogComponent.prototype.onChange = /**
|
|
62
|
+
* @param {?} _event
|
|
63
|
+
* @return {?}
|
|
64
|
+
*/
|
|
65
|
+
function (_event) {
|
|
66
|
+
this.errorMessage = '';
|
|
67
|
+
};
|
|
68
|
+
/**
|
|
69
|
+
* @return {?}
|
|
70
|
+
*/
|
|
71
|
+
EditFolderDialogComponent.prototype.editFolder = /**
|
|
72
|
+
* @return {?}
|
|
73
|
+
*/
|
|
74
|
+
function () {
|
|
75
|
+
var _this = this;
|
|
76
|
+
var name = this.formGroup.controls.name.value;
|
|
77
|
+
this.isLoading = true;
|
|
78
|
+
this.fileService
|
|
79
|
+
.updateFile({
|
|
80
|
+
assetId: this.data.assetId,
|
|
81
|
+
fileName: name.trim(),
|
|
82
|
+
})
|
|
83
|
+
.pipe(takeUntil(this.destroy$))
|
|
84
|
+
.subscribe((/**
|
|
85
|
+
* @param {?} _res
|
|
86
|
+
* @return {?}
|
|
87
|
+
*/
|
|
88
|
+
function (_res) { return _this.closeDialog(true); }), (/**
|
|
89
|
+
* @param {?} err
|
|
90
|
+
* @return {?}
|
|
91
|
+
*/
|
|
92
|
+
function (err) {
|
|
93
|
+
_this.isLoading = false;
|
|
94
|
+
_this.errorMessage = err.ResponseMessage;
|
|
95
|
+
}));
|
|
96
|
+
};
|
|
97
|
+
/**
|
|
98
|
+
* @param {?=} res
|
|
99
|
+
* @return {?}
|
|
100
|
+
*/
|
|
101
|
+
EditFolderDialogComponent.prototype.closeDialog = /**
|
|
102
|
+
* @param {?=} res
|
|
103
|
+
* @return {?}
|
|
104
|
+
*/
|
|
105
|
+
function (res) {
|
|
106
|
+
this.dialogRef.close(res);
|
|
107
|
+
};
|
|
108
|
+
/**
|
|
109
|
+
* @return {?}
|
|
110
|
+
*/
|
|
111
|
+
EditFolderDialogComponent.prototype.ngOnDestroy = /**
|
|
112
|
+
* @return {?}
|
|
113
|
+
*/
|
|
114
|
+
function () {
|
|
115
|
+
this.destroy$.next(true);
|
|
116
|
+
this.destroy$.complete();
|
|
117
|
+
};
|
|
118
|
+
EditFolderDialogComponent.decorators = [
|
|
119
|
+
{ type: Component, args: [{
|
|
120
|
+
selector: 'lib-edit-folder-dialog',
|
|
121
|
+
template: "<lib-modal heading=\"Rename folder\">\n <ng-container content>\n <form (ngSubmit)=\"editFolder()\" [formGroup]=\"formGroup\" #form=\"ngForm\">\n <input\n matInput\n required\n autocomplete=\"off\"\n formControlName=\"name\"\n (input)=\"onChange($event)\"\n placeholder=\"Enter your folder name\"\n pattern=\".*\\S+.*\"\n />\n <mat-error *ngIf=\"formGroup?.controls?.name?.errors?.pattern\">\n This field does not allow only whitespace\n </mat-error>\n <mat-error *ngIf=\"errorMessage\">{{ errorMessage }}</mat-error>\n </form>\n </ng-container>\n <ng-container actions>\n <button mat-raised-button mat-dialog-close>Cancel</button>\n <button\n mat-raised-button\n color=\"primary\"\n (click)=\"editFolder()\"\n [class.loading]=\"isLoading\"\n [disabled]=\"disabled || formGroup?.controls?.name?.errors?.pattern\"\n >\n <ng-container *ngIf=\"isLoading\">\n <mat-spinner [diameter]=\"20\"></mat-spinner>\n </ng-container>\n <span>Update</span>\n </button>\n </ng-container>\n</lib-modal>\n",
|
|
122
|
+
styles: [":host::ng-deep .mat-dialog-title{padding-bottom:0!important}:host::ng-deep form{position:relative}:host::ng-deep form .mat-error{margin-top:0;position:absolute;left:0;bottom:-20px;line-height:15px;font-size:13px}:host::ng-deep .mat-dialog-content{padding-top:24px;padding-bottom:24px}:host::ng-deep .mat-dialog-actions{padding-top:5px}"]
|
|
123
|
+
}] }
|
|
124
|
+
];
|
|
125
|
+
/** @nocollapse */
|
|
126
|
+
EditFolderDialogComponent.ctorParameters = function () { return [
|
|
127
|
+
{ type: FormBuilder },
|
|
128
|
+
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
|
|
129
|
+
{ type: MatDialogRef },
|
|
130
|
+
{ type: FileService }
|
|
131
|
+
]; };
|
|
132
|
+
return EditFolderDialogComponent;
|
|
133
|
+
}());
|
|
134
|
+
export { EditFolderDialogComponent };
|
|
135
|
+
if (false) {
|
|
136
|
+
/** @type {?} */
|
|
137
|
+
EditFolderDialogComponent.prototype.isLoading;
|
|
138
|
+
/** @type {?} */
|
|
139
|
+
EditFolderDialogComponent.prototype.errorMessage;
|
|
140
|
+
/** @type {?} */
|
|
141
|
+
EditFolderDialogComponent.prototype.value;
|
|
142
|
+
/**
|
|
143
|
+
* @type {?}
|
|
144
|
+
* @private
|
|
145
|
+
*/
|
|
146
|
+
EditFolderDialogComponent.prototype.destroy$;
|
|
147
|
+
/** @type {?} */
|
|
148
|
+
EditFolderDialogComponent.prototype.formGroup;
|
|
149
|
+
/** @type {?} */
|
|
150
|
+
EditFolderDialogComponent.prototype.form;
|
|
151
|
+
/**
|
|
152
|
+
* @type {?}
|
|
153
|
+
* @private
|
|
154
|
+
*/
|
|
155
|
+
EditFolderDialogComponent.prototype.fb;
|
|
156
|
+
/** @type {?} */
|
|
157
|
+
EditFolderDialogComponent.prototype.data;
|
|
158
|
+
/** @type {?} */
|
|
159
|
+
EditFolderDialogComponent.prototype.dialogRef;
|
|
160
|
+
/**
|
|
161
|
+
* @type {?}
|
|
162
|
+
* @private
|
|
163
|
+
*/
|
|
164
|
+
EditFolderDialogComponent.prototype.fileService;
|
|
165
|
+
}
|
|
166
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1mb2xkZXItZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bycy1way9hc3NldC1tYW5hZ2VtZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvcGFydGlhbC9lZGl0LWZvbGRlci1kaWFsb2cvZWRpdC1mb2xkZXItZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRTdELE9BQU8sRUFDTCxXQUFXLEVBQ1gsV0FBVyxFQUVYLFVBQVUsR0FDWCxNQUFNLGdCQUFnQixDQUFDOzs7O0FBRXhCLG9CQUdDOzs7SUFGQyx3QkFBZ0I7O0lBQ2hCLHFCQUFhOztBQUdmO0lBWUUsbUNBQ1UsRUFBZSxFQUNTLElBQVcsRUFDcEMsU0FBa0QsRUFDakQsV0FBd0I7UUFIeEIsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQUNTLFNBQUksR0FBSixJQUFJLENBQU87UUFDcEMsY0FBUyxHQUFULFNBQVMsQ0FBeUM7UUFDakQsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFWM0IsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1YsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBRTVDLFNBQUksR0FBZ0IsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQU8zQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQzdCLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztTQUNsRSxDQUFDLENBQUM7SUFDTCxDQUFDOzs7O0lBRUQsNENBQVE7OztJQUFSLGNBQVksQ0FBQztJQUViLHNCQUFJLCtDQUFROzs7O1FBQVo7WUFDVSxJQUFBLHlDQUFXO1lBQ25CLE9BQU8sQ0FDTCxDQUFDLElBQUk7Z0JBQ0wsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZO2dCQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO2dCQUMxRCxJQUFJLENBQUMsU0FBUyxDQUNmLENBQUM7UUFDSixDQUFDOzs7T0FBQTs7Ozs7SUFFRCw0Q0FBUTs7OztJQUFSLFVBQVMsTUFBYTtRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN6QixDQUFDOzs7O0lBRUQsOENBQVU7OztJQUFWO1FBQUEsaUJBZ0JDO1FBZlMsSUFBQSx5Q0FBVztRQUNuQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsV0FBVzthQUNiLFVBQVUsQ0FBQztZQUNWLE9BQU8sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU87WUFDMUIsUUFBUSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUU7U0FDdEIsQ0FBQzthQUNELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVM7Ozs7UUFDUixVQUFDLElBQXNCLElBQUssT0FBQSxLQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUF0QixDQUFzQjs7OztRQUNsRCxVQUFBLEdBQUc7WUFDRCxLQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixLQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsQ0FBQyxlQUFlLENBQUM7UUFDMUMsQ0FBQyxFQUNGLENBQUM7SUFDTixDQUFDOzs7OztJQUVELCtDQUFXOzs7O0lBQVgsVUFBWSxHQUFhO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzVCLENBQUM7Ozs7SUFFRCwrQ0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7O2dCQWhFRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsNG5DQUFrRDs7aUJBRW5EOzs7O2dCQWZDLFdBQVc7Z0RBeUJSLE1BQU0sU0FBQyxlQUFlO2dCQS9CbEIsWUFBWTtnQkFHWixXQUFXOztJQStFcEIsZ0NBQUM7Q0FBQSxBQWpFRCxJQWlFQztTQTVEWSx5QkFBeUI7OztJQUNwQyw4Q0FBeUI7O0lBQ3pCLGlEQUF5Qjs7SUFDekIsMENBQWtCOzs7OztJQUNsQiw2Q0FBbUQ7O0lBQ25ELDhDQUE0Qjs7SUFDNUIseUNBQTZDOzs7OztJQUUzQyx1Q0FBdUI7O0lBQ3ZCLHlDQUEyQzs7SUFDM0MsOENBQXlEOzs7OztJQUN6RCxnREFBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEZpbGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZmlsZS5zZXJ2aWNlJztcbmltcG9ydCB7IElBc3NldFVwZGF0ZWRSZXMgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHtcbiAgRm9ybUJ1aWxkZXIsXG4gIEZvcm1Db250cm9sLFxuICBGb3JtR3JvdXAsXG4gIFZhbGlkYXRvcnMsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW50ZXJmYWNlIElEYXRhIHtcbiAgYXNzZXRJZDogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1lZGl0LWZvbGRlci1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZWRpdC1mb2xkZXItZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZWRpdC1mb2xkZXItZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEVkaXRGb2xkZXJEaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHB1YmxpYyBpc0xvYWRpbmcgPSBmYWxzZTtcbiAgcHVibGljIGVycm9yTWVzc2FnZSA9ICcnO1xuICBwdWJsaWMgdmFsdWUgPSAnJztcbiAgcHJpdmF0ZSBkZXN0cm95JDogU3ViamVjdDxib29sZWFuPiA9IG5ldyBTdWJqZWN0KCk7XG4gIHB1YmxpYyBmb3JtR3JvdXA6IEZvcm1Hcm91cDtcbiAgcHVibGljIGZvcm06IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogSURhdGEsXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEVkaXRGb2xkZXJEaWFsb2dDb21wb25lbnQ+LFxuICAgIHByaXZhdGUgZmlsZVNlcnZpY2U6IEZpbGVTZXJ2aWNlXG4gICkge1xuICAgIHRoaXMuZm9ybUdyb3VwID0gdGhpcy5mYi5ncm91cCh7XG4gICAgICBuYW1lOiBbdGhpcy5kYXRhLm5hbWUsIFZhbGlkYXRvcnMuY29tcG9zZShbVmFsaWRhdG9ycy5yZXF1aXJlZF0pXSxcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge31cblxuICBnZXQgZGlzYWJsZWQoKSB7XG4gICAgY29uc3QgeyB2YWx1ZTogbmFtZSB9ID0gdGhpcy5mb3JtR3JvdXAuY29udHJvbHMubmFtZTtcbiAgICByZXR1cm4gKFxuICAgICAgIW5hbWUgfHxcbiAgICAgICEhdGhpcy5lcnJvck1lc3NhZ2UgfHxcbiAgICAgIG5hbWUudG9Mb3dlckNhc2UoKS50cmltKCkgPT09IHRoaXMuZGF0YS5uYW1lLnRvTG93ZXJDYXNlKCkgfHxcbiAgICAgIHRoaXMuaXNMb2FkaW5nXG4gICAgKTtcbiAgfVxuXG4gIG9uQ2hhbmdlKF9ldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLmVycm9yTWVzc2FnZSA9ICcnO1xuICB9XG5cbiAgZWRpdEZvbGRlcigpIHtcbiAgICBjb25zdCB7IHZhbHVlOiBuYW1lIH0gPSB0aGlzLmZvcm1Hcm91cC5jb250cm9scy5uYW1lO1xuICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZTtcbiAgICB0aGlzLmZpbGVTZXJ2aWNlXG4gICAgICAudXBkYXRlRmlsZSh7XG4gICAgICAgIGFzc2V0SWQ6IHRoaXMuZGF0YS5hc3NldElkLFxuICAgICAgICBmaWxlTmFtZTogbmFtZS50cmltKCksXG4gICAgICB9KVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxuICAgICAgLnN1YnNjcmliZShcbiAgICAgICAgKF9yZXM6IElBc3NldFVwZGF0ZWRSZXMpID0+IHRoaXMuY2xvc2VEaWFsb2codHJ1ZSksXG4gICAgICAgIGVyciA9PiB7XG4gICAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IGVyci5SZXNwb25zZU1lc3NhZ2U7XG4gICAgICAgIH1cbiAgICAgICk7XG4gIH1cblxuICBjbG9zZURpYWxvZyhyZXM/OiBib29sZWFuKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UocmVzKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==
|