nuxeo-development-framework 3.6.7 → 3.6.9
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/nuxeo-development-framework.umd.js +22 -10
- package/bundles/nuxeo-development-framework.umd.js.map +1 -1
- package/esm2015/lib/components/correspondence-relation/components/versions/versions.component.js +22 -13
- package/esm2015/lib/components/notifications/components/notifications-button/notifications-button.component.js +8 -4
- package/fesm2015/nuxeo-development-framework.js +17 -6
- package/fesm2015/nuxeo-development-framework.js.map +1 -1
- package/lib/components/correspondence-relation/components/versions/versions.component.d.ts +9 -3
- package/lib/components/notifications/components/notifications-button/notifications-button.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('@angular/forms'), require('@angular/common/locales/ar'), require('@angular/common/locales/en'), require('@ngx-translate/core'), require('@rxweb/reactive-form-validators'), require('keycloak-angular'), require('ngx-toastr'), require('ngx-treeview'), require('rxjs'), require('rxjs/operators'), require('ngx-cookie-service'), require('@angular/platform-browser'), require('moment-es6'), require('moment-hijri'), require('@ng-bootstrap/ng-bootstrap'), require('moment'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/core'), require('@angular/material/datepicker'), require('@angular/material/icon'), require('@angular/material/input'), require('@angular/material/menu'), require('@angular/material/radio'), require('@angular/material/slide-toggle'), require('@angular/material/tooltip'), require('@busacca/ng-pick-datetime'), require('@mat-datetimepicker/core'), require('@ng-select/ng-select'), require('angular-formio'), require('angular-ng-autocomplete'), require('@angular/router'), require('@angular/material/progress-spinner'), require('@angular/material/list'), require('formiojs'), require('lodash'), require('@angular/cdk/bidi'), require('@angular/material/form-field'), require('ts-cacheable'), require('@angular/material/dialog'), require('@angular/animations'), require('@angular/material/progress-bar'), require('dwt'), require('@swimlane/ngx-datatable'), require('@angular/cdk/layout'), require('@angular/material/autocomplete'), require('chart.js'), require('chartjs-plugin-piechart-outlabels'), require('chartjs-plugin-labels'), require('ngx-infinite-scroll'), require('rxjs/internal/operators/take'), require('sockjs-client'), require('webstomp-client'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@angular/material/chips'), require('@angular/material/expansion'), require('@pdftron/webviewer'), require('file-saver'), require('@angular/material/tabs'), require('@angular/material/divider'), require('devextreme-angular'), require('devextreme-angular/ui/nested'), require('devextreme-angular/core')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('nuxeo-development-framework', ['exports', '@angular/core', '@angular/common', '@angular/common/http', '@angular/forms', '@angular/common/locales/ar', '@angular/common/locales/en', '@ngx-translate/core', '@rxweb/reactive-form-validators', 'keycloak-angular', 'ngx-toastr', 'ngx-treeview', 'rxjs', 'rxjs/operators', 'ngx-cookie-service', '@angular/platform-browser', 'moment-es6', 'moment-hijri', '@ng-bootstrap/ng-bootstrap', 'moment', '@angular/material/button', '@angular/material/checkbox', '@angular/material/core', '@angular/material/datepicker', '@angular/material/icon', '@angular/material/input', '@angular/material/menu', '@angular/material/radio', '@angular/material/slide-toggle', '@angular/material/tooltip', '@busacca/ng-pick-datetime', '@mat-datetimepicker/core', '@ng-select/ng-select', 'angular-formio', 'angular-ng-autocomplete', '@angular/router', '@angular/material/progress-spinner', '@angular/material/list', 'formiojs', 'lodash', '@angular/cdk/bidi', '@angular/material/form-field', 'ts-cacheable', '@angular/material/dialog', '@angular/animations', '@angular/material/progress-bar', 'dwt', '@swimlane/ngx-datatable', '@angular/cdk/layout', '@angular/material/autocomplete', 'chart.js', 'chartjs-plugin-piechart-outlabels', 'chartjs-plugin-labels', 'ngx-infinite-scroll', 'rxjs/internal/operators/take', 'sockjs-client', 'webstomp-client', '@angular/material/badge', '@angular/material/toolbar', '@angular/material/chips', '@angular/material/expansion', '@pdftron/webviewer', 'file-saver', '@angular/material/tabs', '@angular/material/divider', 'devextreme-angular', 'devextreme-angular/ui/nested', 'devextreme-angular/core'], factory) :
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['nuxeo-development-framework'] = {}, global.ng.core, global.ng.common, global.ng.common.http, global.ng.forms, global.ng.common.locales.ar, global.ng.common.locales.en, global.i1$1, global.reactiveFormValidators, global.i2, global.i1$3, global.i1$2, global.rxjs, global.rxjs.operators, global.i3, global.ng.platformBrowser, global.moment$4, global.moment_, global.i1$4, global.momentjs, global.ng.material.button, global.ng.material.checkbox, global.ng.material.core, global.ng.material.datepicker, global.ng.material.icon, global.ng.material.input, global.ng.material.menu, global.ng.material.radio, global.ng.material.slideToggle, global.ng.material.tooltip, global.i6$1, global.core, global.i3$3, global.i3$2, global.i3$1, global.ng.router, global.ng.material.progressSpinner, global.ng.material.list, global.formiojs, global._, global.ng.cdk.bidi, global.ng.material.formField, global.tsCacheable, global.ng.material.dialog, global.ng.animations, global.ng.material.progressBar, global.Dynamsoft, global.i4$3, global.ng.cdk.layout, global.ng.material.autocomplete, global.chart_js, null, null, global.i7$2, global.rxjs['internal/operators/take'], global.SockJS, global.Stomp, global.ng.material.badge, global.ng.material.toolbar, global.ng.material.chips, global.ng.material.expansion, global.WebViewer, global.FileSaver, global.ng.material.tabs, global.ng.material.divider, global.i3$4, global.i4$4, global.i5$3));
|
|
5
|
-
}(this, (function (exports, i0, i4, i1, i6, localeAr, localeEn, i1$1, reactiveFormValidators, i2, i1$3, i1$2, rxjs, operators, i3, i2$1, moment$4, moment_, i1$4, momentjs, button, i7, i2$5, datepicker, i2$4, i5$1, i4$1, i2$8, i2$6, i2$7, i6$1, core, i3$3, i3$2, i3$1, i2$2, i8, i2$3, formiojs, _, i5, i6$2, tsCacheable, i1$5, animations, i4$2, Dynamsoft, i4$3, i5$2, i7$1, chart_js, chartjsPluginPiechartOutlabels, chartjsPluginLabels, i7$2, take, SockJS, Stomp,
|
|
5
|
+
}(this, (function (exports, i0, i4, i1, i6, localeAr, localeEn, i1$1, reactiveFormValidators, i2, i1$3, i1$2, rxjs, operators, i3, i2$1, moment$4, moment_, i1$4, momentjs, button, i7, i2$5, datepicker, i2$4, i5$1, i4$1, i2$8, i2$6, i2$7, i6$1, core, i3$3, i3$2, i3$1, i2$2, i8, i2$3, formiojs, _, i5, i6$2, tsCacheable, i1$5, animations, i4$2, Dynamsoft, i4$3, i5$2, i7$1, chart_js, chartjsPluginPiechartOutlabels, chartjsPluginLabels, i7$2, take, SockJS, Stomp, i10, toolbar, i7$3, i6$3, WebViewer, FileSaver, i1$6, i8$1, i3$4, i4$4, i5$3) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
var i7__namespace$2 = /*#__PURE__*/_interopNamespace(i7$2);
|
|
70
70
|
var SockJS__namespace = /*#__PURE__*/_interopNamespace(SockJS);
|
|
71
71
|
var Stomp__namespace = /*#__PURE__*/_interopNamespace(Stomp);
|
|
72
|
-
var
|
|
72
|
+
var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
|
|
73
73
|
var i7__namespace$3 = /*#__PURE__*/_interopNamespace(i7$3);
|
|
74
74
|
var i6__namespace$3 = /*#__PURE__*/_interopNamespace(i6$3);
|
|
75
75
|
var WebViewer__default = /*#__PURE__*/_interopDefaultLegacy(WebViewer);
|
|
@@ -18401,6 +18401,7 @@
|
|
|
18401
18401
|
this.translationService = translationService;
|
|
18402
18402
|
this.toastrClick = new i0.EventEmitter();
|
|
18403
18403
|
this.listItemClick = new i0.EventEmitter();
|
|
18404
|
+
this.customNotificationIcon = null;
|
|
18404
18405
|
}
|
|
18405
18406
|
Object.defineProperty(NotificationsButtonComponent.prototype, "notificationsCount", {
|
|
18406
18407
|
get: function () {
|
|
@@ -18548,7 +18549,7 @@
|
|
|
18548
18549
|
return NotificationsButtonComponent;
|
|
18549
18550
|
}());
|
|
18550
18551
|
NotificationsButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: NotificationsButtonComponent, deps: [{ token: NotificationsService }, { token: i1__namespace$1.TranslateService }, { token: i1__namespace$3.ToastrService }, { token: TimeAgoPipe }, { token: i2__namespace$2.Router }, { token: i0__namespace.ChangeDetectorRef }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
18551
|
-
NotificationsButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: NotificationsButtonComponent, selector: "app-notifications-button", outputs: { toastrClick: "toastrClick", listItemClick: "listItemClick" }, ngImport: i0__namespace, template: "<div [matMenuTriggerFor]=\"langMenu\" class=\"notification\" (click)=\"getNotifications()\" class=\"search-wrapper\">\r\n <span matBadgeSize=\"small\" matBadge=\"{{ notificationsCount }}\"
|
|
18552
|
+
NotificationsButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: NotificationsButtonComponent, selector: "app-notifications-button", inputs: { customNotificationIcon: "customNotificationIcon" }, outputs: { toastrClick: "toastrClick", listItemClick: "listItemClick" }, ngImport: i0__namespace, template: "<div [matMenuTriggerFor]=\"langMenu\" class=\"notification\" (click)=\"getNotifications()\" class=\"search-wrapper\">\r\n <span *ngIf=\"!customNotificationIcon;else customIcon\" matBadgeSize=\"small\" matBadge=\"{{ notificationsCount }}\"\r\n matBadgeColor=\"warn\" matbadgeposition=\"before\" class=\"bi bi-bell bell\"></span>\r\n</div>\r\n<mat-menu class=\"mat-menu-panel myMenu notification-list\" #langMenu=\"matMenu\">\r\n <app-notifications-list (listItemClick)=\"onListItemClick($event)\"></app-notifications-list>\r\n</mat-menu>\r\n\r\n<ng-template #customIcon>\r\n <ng-container *ngTemplateOutlet=\"customNotificationIcon\"></ng-container>\r\n</ng-template>", styles: [".notifications-count{background-color:#eee;border-radius:5px;color:#333;font-size:11px;padding:0 6px;box-sizing:border-box}.notification-list{max-width:450px!important;width:450px;height:66vh}.notification-list .mat-menu-content{padding:0!important;position:relative;height:calc(100% - 29px)}.notification-list .mat-menu-content .mat-toolbar{margin:0 0 -10px}.mat-menu-panel.myMenu{border-radius:5px!important;overflow:hidden}.notification .mat-icon{margin-right:0!important;vertical-align:middle}.toast-container{right:12px!important;bottom:12px!important;pointer-events:all}.toast-container .ngx-toastr{padding:25px!important;background-position:263px center;border-radius:5px!important;box-shadow:none!important}.toast-container .toast-title{font-weight:normal}.wrap{white-space:normal!important;font-size:14px!important;margin-bottom:8px!important}.mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}[dir=rtl] .toast-container{left:12px!important;right:auto!important;direction:rtl;text-align:right}[dir=rtl] .toast-container .ngx-toastr{background-position:10px center}[dir=rtl] .toast-container .toast-close-button{float:left}.mat-badge-content{right:-4px!important;top:-1px!important}.rtl .mat-badge-content{font-weight:600;right:-6px!important;top:-5px!important}\n"], components: [{ type: i4__namespace$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NotificationsListComponent, selector: "app-notifications-list", outputs: ["listItemClick"] }], directives: [{ type: i4__namespace$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
18552
18553
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: NotificationsButtonComponent, decorators: [{
|
|
18553
18554
|
type: i0.Component,
|
|
18554
18555
|
args: [{
|
|
@@ -18561,6 +18562,8 @@
|
|
|
18561
18562
|
type: i0.Output
|
|
18562
18563
|
}], listItemClick: [{
|
|
18563
18564
|
type: i0.Output
|
|
18565
|
+
}], customNotificationIcon: [{
|
|
18566
|
+
type: i0.Input
|
|
18564
18567
|
}] } });
|
|
18565
18568
|
|
|
18566
18569
|
/** @ignore */
|
|
@@ -18585,7 +18588,7 @@
|
|
|
18585
18588
|
i8.MatProgressSpinnerModule,
|
|
18586
18589
|
i2$7.MatTooltipModule,
|
|
18587
18590
|
i7$2.InfiniteScrollModule,
|
|
18588
|
-
|
|
18591
|
+
i10.MatBadgeModule,
|
|
18589
18592
|
i1$1.TranslateModule,
|
|
18590
18593
|
toolbar.MatToolbarModule], exports: [NotificationsListComponent,
|
|
18591
18594
|
NotificationsButtonComponent,
|
|
@@ -18606,7 +18609,7 @@
|
|
|
18606
18609
|
i8.MatProgressSpinnerModule,
|
|
18607
18610
|
i2$7.MatTooltipModule,
|
|
18608
18611
|
i7$2.InfiniteScrollModule,
|
|
18609
|
-
|
|
18612
|
+
i10.MatBadgeModule,
|
|
18610
18613
|
i1$1.TranslateModule,
|
|
18611
18614
|
toolbar.MatToolbarModule
|
|
18612
18615
|
]] });
|
|
@@ -18625,7 +18628,7 @@
|
|
|
18625
18628
|
i8.MatProgressSpinnerModule,
|
|
18626
18629
|
i2$7.MatTooltipModule,
|
|
18627
18630
|
i7$2.InfiniteScrollModule,
|
|
18628
|
-
|
|
18631
|
+
i10.MatBadgeModule,
|
|
18629
18632
|
i1$1.TranslateModule,
|
|
18630
18633
|
toolbar.MatToolbarModule
|
|
18631
18634
|
],
|
|
@@ -20440,11 +20443,13 @@
|
|
|
20440
20443
|
* ></cts-versions>
|
|
20441
20444
|
*/
|
|
20442
20445
|
var VersionsComponent = /** @class */ (function () {
|
|
20443
|
-
function VersionsComponent(viewerFilesService, documentsApi) {
|
|
20446
|
+
function VersionsComponent(viewerFilesService, trnaslationService, documentsApi) {
|
|
20444
20447
|
this.viewerFilesService = viewerFilesService;
|
|
20448
|
+
this.trnaslationService = trnaslationService;
|
|
20445
20449
|
this.documentsApi = documentsApi;
|
|
20446
20450
|
this.handleActions = new i0.EventEmitter();
|
|
20447
20451
|
this.versions = [];
|
|
20452
|
+
this.isArabic = false;
|
|
20448
20453
|
}
|
|
20449
20454
|
VersionsComponent.prototype.ngOnChanges = function (changes) {
|
|
20450
20455
|
if (changes.file && changes.file.currentValue &&
|
|
@@ -20453,6 +20458,10 @@
|
|
|
20453
20458
|
}
|
|
20454
20459
|
};
|
|
20455
20460
|
VersionsComponent.prototype.ngOnInit = function () {
|
|
20461
|
+
var _this = this;
|
|
20462
|
+
this.langSubscription = this.trnaslationService.isArabic$.subscribe(function (res) {
|
|
20463
|
+
_this.isArabic = res;
|
|
20464
|
+
});
|
|
20456
20465
|
this.getVersions();
|
|
20457
20466
|
};
|
|
20458
20467
|
VersionsComponent.prototype.getVersion = function (version) {
|
|
@@ -20473,10 +20482,13 @@
|
|
|
20473
20482
|
VersionsComponent.prototype.handleAction = function (event) {
|
|
20474
20483
|
this.handleActions.emit(event);
|
|
20475
20484
|
};
|
|
20485
|
+
VersionsComponent.prototype.ngOnDestroy = function () {
|
|
20486
|
+
this.langSubscription ? this.langSubscription.unsubscribe() : null;
|
|
20487
|
+
};
|
|
20476
20488
|
return VersionsComponent;
|
|
20477
20489
|
}());
|
|
20478
|
-
VersionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: VersionsComponent, deps: [{ token: ViewerFilesService }, { token: DocumentsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
20479
|
-
VersionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: VersionsComponent, selector: "cts-versions", inputs: { selectedVersion: "selectedVersion", file: "file", actions: "actions" }, outputs: { handleActions: "handleActions" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"flex flex-col\">\r\n<div class=\"viewer-attachments\">\r\n <div class=\"subheader\">\r\n <div> {{ \"viewer.current\" | translate }}</div>\r\n\r\n </div>\r\n <div class=\"attachments-list\">\r\n <mat-list>\r\n <div class=\"mat-list-items\">\r\n <cts-item-list [item]=\"file\" [title]=\"file.title\" [iconname]=\"'description'\" [moreclasses]=\"'text-danger'\"\r\n [actions]=\"actions\" (itemClicked)=\"showVersion(file)\" (actionclicked)=\"handleAction($event)\">\r\n <div class=\"description\">\r\n {{getVersion(file)}}\r\n -\r\n {{ file.lastModified | localizedDate }}\r\n </div>\r\n </cts-item-list>\r\n </div>\r\n </mat-list>\r\n </div>\r\n</div>\r\n\r\n<div class=\"viewer-attachments original-section\" *ngIf=\"versions.length > 0\">\r\n <div class=\"subheader\">\r\n <div>{{ \"viewer.origin\" | translate }}</div>\r\n </div>\r\n <div class=\"attachments-list\">\r\n <mat-list>\r\n <div class=\"mat-list-items\">\r\n <cts-item-list [item]=\"versions[versions.length -1]\" [title]=\"versions[versions.length -1].title\"\r\n [iconname]=\"'description'\" [moreclasses]=\"'text-danger'\" [actions]=\"actions\"\r\n (itemClicked)=\"showVersion(versions[versions.length -1])\" (actionclicked)=\"handleAction($event)\">\r\n\r\n </cts-item-list>\r\n </div>\r\n </mat-list>\r\n </div>\r\n</div>\r\n\r\n<div class=\"viewer-attachments\" *permission=\"{name: 'viewVersions', entity: file}\">\r\n <div class=\"subheader\">\r\n <div> {{ \"viewer.history\" | translate }}</div>\r\n\r\n </div>\r\n <div class=\"attachments-list\" *ngIf=\"versions.length > 0\">\r\n <ng-container>\r\n\r\n\r\n <mat-list>\r\n <div class=\"mat-list-items\" *ngFor=\"let version of versions ;let cnt = count; let i = index\">\r\n <cts-item-list [item]=\"version\" [title]=\"version.title + '-' + getVersion(version)\" [iconname]=\"'description'\"\r\n [moreclasses]=\"'text-danger'\" (itemClicked)=\"showVersion(version)\" [actions]=\"actions\" (actionclicked)=\"handleAction($event)\">\r\n <div class=\"description\">\r\n {{getVersion(version)}}\r\n -\r\n {{ version.lastModified | localizedDate }}\r\n <span class=\"font-weight-bold\">\r\n\r\n {{\r\n version.properties.lastContributor.id === 'system' ?\r\n ('SYSTEM_ADMIN' | translate) :\r\n version.properties.lastContributor.properties.firstName +\r\n \" \" +\r\n version.properties.lastContributor.properties.lastName\r\n }}\r\n </span>\r\n </div>\r\n </cts-item-list>\r\n </div>\r\n </mat-list>\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"versions.length === 0\">\r\n <cts-no-data></cts-no-data>\r\n </div>\r\n</div>\r\n</div>\r\n<ng-template #noEntry>\r\n\r\n</ng-template>", styles: [""], components: [{ type: i2__namespace$3.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: ItemListComponent, selector: "cts-item-list", inputs: ["item", "iconname", "title", "actions", "isselected", "moreclasses"], outputs: ["itemClicked", "actionclicked"] }, { type: NoDataComponent, selector: "cts-no-data", inputs: ["message", "border", "img"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe } });
|
|
20490
|
+
VersionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: VersionsComponent, deps: [{ token: ViewerFilesService }, { token: TranslationService$1 }, { token: DocumentsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
20491
|
+
VersionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: VersionsComponent, selector: "cts-versions", inputs: { selectedVersion: "selectedVersion", file: "file", actions: "actions" }, outputs: { handleActions: "handleActions" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"flex flex-col\">\r\n<div class=\"viewer-attachments\">\r\n <div class=\"subheader\">\r\n <div> {{ \"viewer.current\" | translate }}</div>\r\n\r\n </div>\r\n <div class=\"attachments-list\">\r\n <mat-list>\r\n <div class=\"mat-list-items\">\r\n <cts-item-list [item]=\"file\" [title]=\"file.title\" [iconname]=\"'description'\" [moreclasses]=\"'text-danger'\"\r\n [actions]=\"actions\" (itemClicked)=\"showVersion(file)\" (actionclicked)=\"handleAction($event)\">\r\n <div class=\"description\">\r\n {{getVersion(file)}}\r\n -\r\n {{ file.lastModified | localizedDate : '' : (isArabic? 'ar-AR' : 'en-US') }}\r\n </div>\r\n </cts-item-list>\r\n </div>\r\n </mat-list>\r\n </div>\r\n</div>\r\n\r\n<div class=\"viewer-attachments original-section\" *ngIf=\"versions.length > 0\">\r\n <div class=\"subheader\">\r\n <div>{{ \"viewer.origin\" | translate }}</div>\r\n </div>\r\n <div class=\"attachments-list\">\r\n <mat-list>\r\n <div class=\"mat-list-items\">\r\n <cts-item-list [item]=\"versions[versions.length -1]\" [title]=\"versions[versions.length -1].title\"\r\n [iconname]=\"'description'\" [moreclasses]=\"'text-danger'\" [actions]=\"actions\"\r\n (itemClicked)=\"showVersion(versions[versions.length -1])\" (actionclicked)=\"handleAction($event)\">\r\n\r\n </cts-item-list>\r\n </div>\r\n </mat-list>\r\n </div>\r\n</div>\r\n\r\n<div class=\"viewer-attachments\" *permission=\"{name: 'viewVersions', entity: file}\">\r\n <div class=\"subheader\">\r\n <div> {{ \"viewer.history\" | translate }}</div>\r\n\r\n </div>\r\n <div class=\"attachments-list\" *ngIf=\"versions.length > 0\">\r\n <ng-container>\r\n\r\n\r\n <mat-list>\r\n <div class=\"mat-list-items\" *ngFor=\"let version of versions ;let cnt = count; let i = index\">\r\n <cts-item-list [item]=\"version\" [title]=\"version.title + '-' + getVersion(version)\" [iconname]=\"'description'\"\r\n [moreclasses]=\"'text-danger'\" (itemClicked)=\"showVersion(version)\" [actions]=\"actions\" (actionclicked)=\"handleAction($event)\">\r\n <div class=\"description\">\r\n {{getVersion(version)}}\r\n -\r\n {{ version.lastModified | localizedDate : '' : (isArabic? 'ar-AR' : 'en-US') }}\r\n <span class=\"font-weight-bold\">\r\n\r\n {{\r\n version.properties.lastContributor.id === 'system' ?\r\n ('SYSTEM_ADMIN' | translate) :\r\n version.properties.lastContributor.properties.firstName +\r\n \" \" +\r\n version.properties.lastContributor.properties.lastName\r\n }}\r\n </span>\r\n </div>\r\n </cts-item-list>\r\n </div>\r\n </mat-list>\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"versions.length === 0\">\r\n <cts-no-data></cts-no-data>\r\n </div>\r\n</div>\r\n</div>\r\n<ng-template #noEntry>\r\n\r\n</ng-template>", styles: [""], components: [{ type: i2__namespace$3.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: ItemListComponent, selector: "cts-item-list", inputs: ["item", "iconname", "title", "actions", "isselected", "moreclasses"], outputs: ["itemClicked", "actionclicked"] }, { type: NoDataComponent, selector: "cts-no-data", inputs: ["message", "border", "img"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe } });
|
|
20480
20492
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: VersionsComponent, decorators: [{
|
|
20481
20493
|
type: i0.Component,
|
|
20482
20494
|
args: [{
|
|
@@ -20484,7 +20496,7 @@
|
|
|
20484
20496
|
templateUrl: './versions.component.html',
|
|
20485
20497
|
styleUrls: ['./versions.component.scss']
|
|
20486
20498
|
}]
|
|
20487
|
-
}], ctorParameters: function () { return [{ type: ViewerFilesService }, { type: DocumentsService }]; }, propDecorators: { selectedVersion: [{
|
|
20499
|
+
}], ctorParameters: function () { return [{ type: ViewerFilesService }, { type: TranslationService$1 }, { type: DocumentsService }]; }, propDecorators: { selectedVersion: [{
|
|
20488
20500
|
type: i0.Input
|
|
20489
20501
|
}], file: [{
|
|
20490
20502
|
type: i0.Input
|