@rs-pk/asset-management 1.0.24 → 1.0.25
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/bundles/rs-pk-asset-management.umd.js +11 -17
- package/bundles/rs-pk-asset-management.umd.js.map +1 -1
- package/bundles/rs-pk-asset-management.umd.min.js +1 -1
- package/bundles/rs-pk-asset-management.umd.min.js.map +1 -1
- package/esm2015/lib/asset-management.component.js +7 -2
- package/esm2015/lib/components/partial/asset-item/asset-item.component.js +2 -2
- package/esm2015/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js +4 -17
- package/esm2015/lib/models/asset.model.js +3 -1
- package/esm5/lib/asset-management.component.js +7 -2
- package/esm5/lib/components/partial/asset-item/asset-item.component.js +2 -2
- package/esm5/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js +4 -17
- package/esm5/lib/models/asset.model.js +3 -1
- package/fesm2015/rs-pk-asset-management.js +12 -18
- package/fesm2015/rs-pk-asset-management.js.map +1 -1
- package/fesm5/rs-pk-asset-management.js +12 -18
- package/fesm5/rs-pk-asset-management.js.map +1 -1
- package/lib/components/partial/asset-management-dialog/asset-management-dialog.component.d.ts +0 -3
- package/lib/models/asset.model.d.ts +5 -0
- package/package.json +2 -1
- package/rs-pk-asset-management.metadata.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __extends, __assign, __spread, __awaiter, __generator, __read } from 'tslib';
|
|
2
|
-
import { InjectionToken, Injectable, Inject, ɵɵdefineInjectable, Component,
|
|
2
|
+
import { InjectionToken, Injectable, Inject, ɵɵdefineInjectable, Component, EventEmitter, Input, Output, Directive, HostListener, NgModule, ChangeDetectorRef, ViewChild, Pipe, APP_INITIALIZER } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import { FormControl, Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import { MatDialog, MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
|
|
@@ -176,6 +176,8 @@ if (false) {
|
|
|
176
176
|
DialogConfig.prototype.allowedType;
|
|
177
177
|
/** @type {?} */
|
|
178
178
|
DialogConfig.prototype.maxSize;
|
|
179
|
+
/** @type {?} */
|
|
180
|
+
DialogConfig.prototype.permission;
|
|
179
181
|
}
|
|
180
182
|
/** @enum {number} */
|
|
181
183
|
var BackgroudProcessingStatus = {
|
|
@@ -1667,9 +1669,6 @@ var AssetManagementDialogComponent = /** @class */ (function () {
|
|
|
1667
1669
|
this.data = data;
|
|
1668
1670
|
this.dialogRef = dialogRef;
|
|
1669
1671
|
this.assetService = assetService;
|
|
1670
|
-
this.hasModifyPermission = true;
|
|
1671
|
-
this.hasAccessPermission = true;
|
|
1672
|
-
this.hasArchivePermission = true;
|
|
1673
1672
|
this.destroy$ = new Subject$1();
|
|
1674
1673
|
this.selectedAssets = [];
|
|
1675
1674
|
}
|
|
@@ -1681,6 +1680,7 @@ var AssetManagementDialogComponent = /** @class */ (function () {
|
|
|
1681
1680
|
*/
|
|
1682
1681
|
function () {
|
|
1683
1682
|
var _this = this;
|
|
1683
|
+
console.log('Assest Management Dialog', this.data);
|
|
1684
1684
|
this.initDialogConfig(this.data);
|
|
1685
1685
|
select((/**
|
|
1686
1686
|
* @param {?} state
|
|
@@ -1746,7 +1746,7 @@ var AssetManagementDialogComponent = /** @class */ (function () {
|
|
|
1746
1746
|
AssetManagementDialogComponent.decorators = [
|
|
1747
1747
|
{ type: Component, args: [{
|
|
1748
1748
|
selector: 'lib-asset-management-dialog',
|
|
1749
|
-
template: "<lib-modal heading=\"Asset management\" [customHeader]=\"true\">\r\n <ng-container subtitle>\r\n <lib-breadcrumb></lib-breadcrumb>\r\n </ng-container>\r\n <ng-container headerActions>\r\n <lib-search-box></lib-search-box>\r\n </ng-container>\r\n <ng-container content>\r\n <lib-asset-wrapper \r\n [header]=\"false\"\r\n [hasModifyPermission]=\"
|
|
1749
|
+
template: "<lib-modal heading=\"Asset management\" [customHeader]=\"true\">\r\n <ng-container subtitle>\r\n <lib-breadcrumb></lib-breadcrumb>\r\n </ng-container>\r\n <ng-container headerActions>\r\n <lib-search-box></lib-search-box>\r\n </ng-container>\r\n <ng-container content>\r\n <lib-asset-wrapper \r\n [header]=\"false\"\r\n [hasModifyPermission]=\"data.permission.modify\"\r\n [hasAccessPermission]=\"data.permission.access\"\r\n [hasArchivePermission]=\"data.permission.archive\"\r\n ></lib-asset-wrapper>\r\n </ng-container>\r\n <ng-container actions>\r\n <div class=\"asset-management-dialog__footer\">\r\n <div class=\"selected-assets\">\r\n <ng-container *ngIf=\"data?.limit\">\r\n <span>Selected{{' '}}</span>\r\n <span class=\"count\" [ngClass]=\"{'error': selectedAssets?.length && disabled}\">\r\n {{selectedAssets?.length}}/{{data?.limit}}\r\n </span>\r\n <span>\r\n {{data?.limit > 1 ? \"assets\": \"asset\"}}\r\n </span>\r\n </ng-container>\r\n\r\n </div>\r\n <div>\r\n <button mat-raised-button mat-dialog-close>Cancel</button>\r\n <button mat-raised-button color=\"primary\" (click)=\"selectAssets()\" [disabled]=\"disabled\">Done</button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</lib-modal>",
|
|
1750
1750
|
styles: [":host::ng-deep .asset-management-dialog__footer{display:flex;width:100%;align-items:center;justify-content:space-between}:host::ng-deep .asset-management-dialog__footer .selected-assets{font-size:14px;color:#979797}:host::ng-deep .asset-management-dialog__footer .selected-assets .count{color:#000}:host::ng-deep .asset-management-dialog__footer .selected-assets .error{color:#f44336}"]
|
|
1751
1751
|
}] }
|
|
1752
1752
|
];
|
|
@@ -1756,20 +1756,9 @@ var AssetManagementDialogComponent = /** @class */ (function () {
|
|
|
1756
1756
|
{ type: MatDialogRef },
|
|
1757
1757
|
{ type: AssetService }
|
|
1758
1758
|
]; };
|
|
1759
|
-
AssetManagementDialogComponent.propDecorators = {
|
|
1760
|
-
hasModifyPermission: [{ type: Input }],
|
|
1761
|
-
hasAccessPermission: [{ type: Input }],
|
|
1762
|
-
hasArchivePermission: [{ type: Input }]
|
|
1763
|
-
};
|
|
1764
1759
|
return AssetManagementDialogComponent;
|
|
1765
1760
|
}());
|
|
1766
1761
|
if (false) {
|
|
1767
|
-
/** @type {?} */
|
|
1768
|
-
AssetManagementDialogComponent.prototype.hasModifyPermission;
|
|
1769
|
-
/** @type {?} */
|
|
1770
|
-
AssetManagementDialogComponent.prototype.hasAccessPermission;
|
|
1771
|
-
/** @type {?} */
|
|
1772
|
-
AssetManagementDialogComponent.prototype.hasArchivePermission;
|
|
1773
1762
|
/**
|
|
1774
1763
|
* @type {?}
|
|
1775
1764
|
* @private
|
|
@@ -1862,7 +1851,12 @@ var AssetManagementComponent = /** @class */ (function () {
|
|
|
1862
1851
|
var config = {
|
|
1863
1852
|
limit: this.limit,
|
|
1864
1853
|
allowedType: this.allowedType,
|
|
1865
|
-
maxSize: this.maxSize
|
|
1854
|
+
maxSize: this.maxSize,
|
|
1855
|
+
permission: {
|
|
1856
|
+
access: this.hasAccessPermission,
|
|
1857
|
+
modify: this.hasModifyPermission,
|
|
1858
|
+
archive: this.hasArchivePermission,
|
|
1859
|
+
}
|
|
1866
1860
|
};
|
|
1867
1861
|
/** @type {?} */
|
|
1868
1862
|
var dialogRef = this.dialog.open(AssetManagementDialogComponent, {
|
|
@@ -4532,7 +4526,7 @@ var AssetItemComponent = /** @class */ (function () {
|
|
|
4532
4526
|
AssetItemComponent.decorators = [
|
|
4533
4527
|
{ type: Component, args: [{
|
|
4534
4528
|
selector: 'lib-asset-item',
|
|
4535
|
-
template: "<div class=\"asset-wrapper\">\r\n <div class=\"asset-content\">\r\n <div class=\"asset-content__header\" *ngIf=\"asset?.BackgroudProcessingStatus === backgroundProcessingNum.Processed\">\r\n <button class=\"asset-content__header--button\" mat-raised-button (click)=\"onChange()\"
|
|
4529
|
+
template: "<div class=\"asset-wrapper\">\r\n <div class=\"asset-content\">\r\n <div class=\"asset-content__header\" *ngIf=\"asset?.BackgroudProcessingStatus === backgroundProcessingNum.Processed\">\r\n <button class=\"asset-content__header--button\" mat-raised-button (click)=\"onChange()\">\r\n <mat-checkbox\r\n class=\"checkbox\"\r\n [checked]=\"checkSelectedAsset\"\r\n ></mat-checkbox>\r\n </button>\r\n <button\r\n class=\"asset-content__header--button edit-button\"\r\n mat-raised-button\r\n (click)=\"editAsset()\"\r\n >\r\n <mat-icon>edit</mat-icon>\r\n </button>\r\n </div>\r\n <div class=\"asset-content__body\">\r\n <ng-container [ngSwitch]=\"asset.FileType\">\r\n <ng-container *ngSwitchCase=\"fileType.IMAGE\">\r\n <img\r\n class=\"image\"\r\n [src]=\"asset.UrlThumbnail\"\r\n [alt]=\"asset.OriginalFileName\"\r\n *ngIf=\"asset.BackgroudProcessingStatus === backgroundProcessingNum.Processed\"\r\n />\r\n <!-- In Processing -->\r\n <div class=\"processing\" *ngIf=\"asset?.BackgroudProcessingStatus === backgroundProcessingNum.InProcessing\">\r\n <mat-icon class=\"icon\">cloud_upload</mat-icon>\r\n <span class=\"processing-txt\">Uploading...</span>\r\n </div>\r\n <!-- Failed -->\r\n <div class=\"processing\" *ngIf=\"asset.BackgroudProcessingStatus === backgroundProcessingNum.Failed\">\r\n <mat-icon class=\"icon-img\">error_outline</mat-icon>\r\n <div class=\"failed-group\">\r\n <span style=\"color: #f44336; font-weight: 300; font-size: 12px;\">Failed to upload the file</span>\r\n </div>\r\n <div class=\"btn-failed-group\">\r\n <button class=\"btn-custom-upload\" (click)=\"onUploadAgain(asset)\">Delete and update again</button>\r\n <span class=\"failed-txt mx-1\">or</span>\r\n <button class=\"btn-custom-failed\" (click)=\"onDelete(asset)\">Delete</button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"fileType.DOCUMENT\">\r\n <img [src]=\"base64PNG[asset.Extension] || base64PNG.default\" [alt]=\"asset.OriginalFileName\" class=\"file\" *ngIf=\"asset.BackgroudProcessingStatus === backgroundProcessingNum.Processed\"/>\r\n <!-- In Processing -->\r\n <div class=\"processing\" *ngIf=\"asset.BackgroudProcessingStatus === backgroundProcessingNum.InProcessing\">\r\n <mat-icon class=\"icon\">cloud_upload</mat-icon>\r\n <span class=\"processing-txt\">Uploading...</span>\r\n </div>\r\n <!-- Failed -->\r\n <div class=\"processing\" *ngIf=\"asset.BackgroudProcessingStatus === backgroundProcessingNum.Failed\">\r\n <mat-icon class=\"icon-doc\">error_outline</mat-icon>\r\n <div class=\"failed-group\">\r\n <span style=\"color: #f44336; font-weight: 300; font-size: 12px;\">Failed to upload the file</span>\r\n </div>\r\n <div class=\"btn-failed-group\">\r\n <button class=\"btn-custom-upload\" (click)=\"onUploadAgain(asset)\">Delete and update again</button>\r\n <span class=\"failed-txt mx-1\">or</span>\r\n <button class=\"btn-custom-failed\" (click)=\"onDelete(asset)\">Delete</button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"asset-content__footer\">\r\n <div\r\n class=\"asset-content__footer--info\"\r\n [ngClass]=\"{\r\n 'file-type__document': asset.FileType === fileType.DOCUMENT\r\n }\"\r\n >\r\n <p\r\n class=\"name\"\r\n [matTooltip]=\"asset.OriginalFileNameWithoutExtension\"\r\n matTooltipClass=\"width-auto\"\r\n >\r\n {{ asset.OriginalFileNameWithoutExtension }}\r\n </p>\r\n <p class=\"info\">\r\n <span class=\"extension\">{{ asset.Extension }}</span>\r\n <span\r\n *ngIf=\"\r\n asset.FileType === fileType.IMAGE && asset?.Extension !== 'svg'\r\n \"\r\n >\r\n - {{ asset.Width }}x{{ asset.Height }}</span\r\n >\r\n <span *ngIf=\"asset.Size\"> - {{ asset.Size }}</span>\r\n </p>\r\n </div>\r\n <div class=\"asset-content__footer--file-type\">\r\n <span>{{ asset.FileType }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
4536
4530
|
styles: [":host::ng-deep .asset-wrapper{padding:5px}:host::ng-deep .asset-wrapper .asset-content{overflow:hidden;position:relative;border-radius:10px;border:1px solid #d8d8d8;font-size:14px;transition:.3s cubic-bezier(.25,.8,.25,1)}:host::ng-deep .asset-wrapper .asset-content:hover{box-shadow:0 0 8px rgba(0,0,0,.17),0 0 0 rgba(0,0,0,.06)}:host::ng-deep .asset-wrapper .asset-content__header{position:absolute;z-index:1;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:14px}:host::ng-deep .asset-wrapper .asset-content__header--button{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(0,0,0,.65);background:rgba(255,255,255,.6)}:host::ng-deep .asset-wrapper .asset-content__header--button:hover{background:#fff}:host::ng-deep .asset-wrapper .asset-content__header--button.edit-button{transition:.3s cubic-bezier(.25,.8,.25,1);opacity:0}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-icon{font-size:22px}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox{pointer-events:none;display:flex;align-items:center}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox .mat-checkbox-layout{display:block;margin:0}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox .mat-checkbox-layout .mat-checkbox-frame{color:#767676}:host::ng-deep .asset-wrapper .asset-content__body{padding-bottom:66.66%;background:#f1f1f1;position:relative}:host::ng-deep .asset-wrapper .asset-content__body img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host::ng-deep .asset-wrapper .asset-content__body img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .asset-wrapper .asset-content__body img.file{width:75%;height:75%}:host::ng-deep .asset-wrapper .asset-content__body .processing{background-color:#f1f1f1;width:100%;height:100%}:host::ng-deep .asset-wrapper .asset-content__body .processing .icon{position:absolute;top:30%;left:42%;font-size:35px}:host::ng-deep .asset-wrapper .asset-content__body .processing .icon-img{position:absolute;top:30%;left:42%;font-size:35px;color:#f44336}:host::ng-deep .asset-wrapper .asset-content__body .processing .icon-doc{position:absolute;top:30%;left:42%;font-size:35px;color:#f44336}:host::ng-deep .asset-wrapper .asset-content__body .processing .processing-txt{position:absolute;top:55%;left:35%}:host::ng-deep .asset-wrapper .asset-content__body .processing .failed-image{width:27px;height:27px;-o-object-fit:contain;object-fit:contain}:host::ng-deep .asset-wrapper .asset-content__body .processing .failed-group{position:absolute;top:55%;left:20%}:host::ng-deep .asset-wrapper .asset-content__body .processing .btn-failed-group{position:absolute;top:70%;left:10%;font-size:12px}:host::ng-deep .asset-wrapper .asset-content__body .processing .btn-failed-group .failed-txt{color:#f44336}:host::ng-deep .asset-wrapper .asset-content__body .processing .btn-failed-group .btn-custom-upload{font-size:9px;border:0;color:#fff;background-color:#ffc107;border-radius:3px}:host::ng-deep .asset-wrapper .asset-content__body .processing .btn-failed-group .btn-custom-failed{font-size:9px;border:0;color:#fff;background-color:#f44336;border-radius:3px}:host::ng-deep .asset-wrapper .asset-content__body .processing .btn-failed-group .btn-custom-failed:hover,:host::ng-deep .asset-wrapper .asset-content__body .processing .btn-failed-group .btn-custom-upload:hover{opacity:.8}:host::ng-deep .asset-wrapper .asset-content__footer{display:flex;align-items:center;justify-content:space-between;padding:5px 8px}:host::ng-deep .asset-wrapper .asset-content__footer--info{max-width:calc(100% - 50px)}:host::ng-deep .asset-wrapper .asset-content__footer--info p{margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host::ng-deep .asset-wrapper .asset-content__footer--info .info{font-size:12px;color:#979797}:host::ng-deep .asset-wrapper .asset-content__footer--info .info .extension{text-transform:uppercase}:host::ng-deep .asset-wrapper .asset-content__footer--info.file-type__document{max-width:calc(100% - 70px)}:host::ng-deep .asset-wrapper .asset-content__footer--file-type{border-radius:5px;background-color:#d8d8d8;padding:2px 6px;font-size:12px}:host::ng-deep .asset-wrapper .asset-content:hover .edit-button{opacity:1!important}"]
|
|
4537
4531
|
}] }
|
|
4538
4532
|
];
|