@alfresco/adf-insights 8.4.0-19063861366 → 8.4.0-19066231420
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.
|
@@ -108,11 +108,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
108
108
|
/* eslint-disable @angular-eslint/component-selector, @angular-eslint/no-input-rename */
|
|
109
109
|
class CheckboxWidgetAnalyticsComponent extends WidgetComponent {
|
|
110
110
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CheckboxWidgetAnalyticsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CheckboxWidgetAnalyticsComponent, isStandalone: true, selector: "analytics-checkbox-widget", inputs: { formGroup: ["group", "formGroup"], controllerName: "controllerName" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"formGroup\">\n <mat-checkbox\n formControlName=\"{{controllerName}}\"\n [id]=\"field.id\"\n [checked]=\"field.value\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"changeValue(field)\"\n >{{field.nameKey | translate}}</mat-checkbox\n >\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
111
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CheckboxWidgetAnalyticsComponent, isStandalone: true, selector: "analytics-checkbox-widget", inputs: { formGroup: ["group", "formGroup"], controllerName: "controllerName" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"formGroup\">\n <mat-checkbox\n color=\"primary\"\n formControlName=\"{{controllerName}}\"\n [id]=\"field.id\"\n [checked]=\"field.value\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"changeValue(field)\"\n >{{field.nameKey | translate}}</mat-checkbox\n >\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
112
112
|
}
|
|
113
113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CheckboxWidgetAnalyticsComponent, decorators: [{
|
|
114
114
|
type: Component,
|
|
115
|
-
args: [{ selector: 'analytics-checkbox-widget', imports: [CommonModule, TranslatePipe, ReactiveFormsModule, MatCheckboxModule], encapsulation: ViewEncapsulation.None, template: "<div [formGroup]=\"formGroup\">\n <mat-checkbox\n formControlName=\"{{controllerName}}\"\n [id]=\"field.id\"\n [checked]=\"field.value\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"changeValue(field)\"\n >{{field.nameKey | translate}}</mat-checkbox\n >\n</div>\n" }]
|
|
115
|
+
args: [{ selector: 'analytics-checkbox-widget', imports: [CommonModule, TranslatePipe, ReactiveFormsModule, MatCheckboxModule], encapsulation: ViewEncapsulation.None, template: "<div [formGroup]=\"formGroup\">\n <mat-checkbox\n color=\"primary\"\n formControlName=\"{{controllerName}}\"\n [id]=\"field.id\"\n [checked]=\"field.value\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"changeValue(field)\"\n >{{field.nameKey | translate}}</mat-checkbox\n >\n</div>\n" }]
|
|
116
116
|
}], propDecorators: { formGroup: [{
|
|
117
117
|
type: Input,
|
|
118
118
|
args: ['group']
|
|
@@ -225,14 +225,14 @@ class DateRangeWidgetComponent {
|
|
|
225
225
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateRangeWidgetComponent, isStandalone: true, selector: "adf-date-range-widget", inputs: { dateRange: ["group", "dateRange"], field: "field" }, outputs: { dateRangeChanged: "dateRangeChanged" }, providers: [
|
|
226
226
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter },
|
|
227
227
|
{ provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS }
|
|
228
|
-
], ngImport: i0, template: "<label for=\"adf-dateRange\">{{field.nameKey | translate}}</label><br />\n<div id=\"adf-dateRange\" [formGroup]=\"dateRange\">\n <small *ngIf=\"isStartDateGreaterThanEndDate()\" class=\"adf-date-range-analytics-text-danger\">\n {{'DATE-WIDGET.MESSAGES.START-LESS-THAN-END-DATE' | translate}}\n </small>\n <small *ngIf=\"isStartDateEmpty()\" class=\"adf-date-range-analytics-text-danger\">\n {{'DATE-WIDGET.MESSAGES.START-DATE-REQUIRED' | translate}}\n </small>\n\n <mat-grid-list cols=\"2\" rowHeight=\"80px\">\n <mat-grid-tile>\n <mat-form-field>\n <input\n matInput\n [min]=\"minDate\"\n [max]=\"maxDate\"\n formControlName=\"startDate\"\n [matDatepicker]=\"startDate\"\n [value]=\"startDateValue\"\n (keydown)=\"true\"\n (dateChange)=\"onGroupValueChanged()\"\n placeholder=\"{{'DATE-WIDGET.START-DATE' | translate}}\"\n id=\"startDate_id\"\n required\n />\n <mat-datepicker-toggle matSuffix [for]=\"startDate\" />\n </mat-form-field>\n <mat-datepicker #startDate [touchUi]=\"true\" />\n </mat-grid-tile>\n <mat-grid-tile>\n <mat-form-field>\n <input\n matInput\n [min]=\"minDate\"\n [max]=\"maxDate\"\n formControlName=\"endDate\"\n [matDatepicker]=\"endDate\"\n [value]=\"endDateValue\"\n (keydown)=\"true\"\n (dateChange)=\"onGroupValueChanged()\"\n placeholder=\"{{'DATE-WIDGET.END-DATE' | translate}}\"\n id=\"endDate_id\"\n required\n />\n <mat-datepicker-toggle matSuffix [for]=\"endDate\" />\n </mat-form-field>\n <mat-datepicker #endDate [touchUi]=\"true\" />\n </mat-grid-tile>\n </mat-grid-list>\n</div>\n", styles: [".adf-date-range-analytics-text-danger{color:var(--
|
|
228
|
+
], ngImport: i0, template: "<label for=\"adf-dateRange\">{{field.nameKey | translate}}</label><br />\n<div id=\"adf-dateRange\" [formGroup]=\"dateRange\">\n <small *ngIf=\"isStartDateGreaterThanEndDate()\" class=\"adf-date-range-analytics-text-danger\">\n {{'DATE-WIDGET.MESSAGES.START-LESS-THAN-END-DATE' | translate}}\n </small>\n <small *ngIf=\"isStartDateEmpty()\" class=\"adf-date-range-analytics-text-danger\">\n {{'DATE-WIDGET.MESSAGES.START-DATE-REQUIRED' | translate}}\n </small>\n\n <mat-grid-list cols=\"2\" rowHeight=\"80px\">\n <mat-grid-tile>\n <mat-form-field>\n <input\n matInput\n [min]=\"minDate\"\n [max]=\"maxDate\"\n formControlName=\"startDate\"\n [matDatepicker]=\"startDate\"\n [value]=\"startDateValue\"\n (keydown)=\"true\"\n (dateChange)=\"onGroupValueChanged()\"\n placeholder=\"{{'DATE-WIDGET.START-DATE' | translate}}\"\n id=\"startDate_id\"\n required\n />\n <mat-datepicker-toggle matSuffix [for]=\"startDate\" />\n </mat-form-field>\n <mat-datepicker #startDate [touchUi]=\"true\" />\n </mat-grid-tile>\n <mat-grid-tile>\n <mat-form-field>\n <input\n matInput\n [min]=\"minDate\"\n [max]=\"maxDate\"\n formControlName=\"endDate\"\n [matDatepicker]=\"endDate\"\n [value]=\"endDateValue\"\n (keydown)=\"true\"\n (dateChange)=\"onGroupValueChanged()\"\n placeholder=\"{{'DATE-WIDGET.END-DATE' | translate}}\"\n id=\"endDate_id\"\n required\n />\n <mat-datepicker-toggle matSuffix [for]=\"endDate\" />\n </mat-form-field>\n <mat-datepicker #endDate [touchUi]=\"true\" />\n </mat-grid-tile>\n </mat-grid-list>\n</div>\n", styles: [".adf-date-range-analytics-text-danger{color:var(--theme-warn-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatGridListModule }, { kind: "component", type: i4.MatGridList, selector: "mat-grid-list", inputs: ["cols", "gutterSize", "rowHeight"], exportAs: ["matGridList"] }, { kind: "component", type: i4.MatGridTile, selector: "mat-grid-tile", inputs: ["rowspan", "colspan"], exportAs: ["matGridTile"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i7.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
229
229
|
}
|
|
230
230
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateRangeWidgetComponent, decorators: [{
|
|
231
231
|
type: Component,
|
|
232
232
|
args: [{ selector: 'adf-date-range-widget', imports: [CommonModule, TranslatePipe, ReactiveFormsModule, MatGridListModule, MatFormFieldModule, MatInputModule, MatDatepickerModule], providers: [
|
|
233
233
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter },
|
|
234
234
|
{ provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS }
|
|
235
|
-
], encapsulation: ViewEncapsulation.None, template: "<label for=\"adf-dateRange\">{{field.nameKey | translate}}</label><br />\n<div id=\"adf-dateRange\" [formGroup]=\"dateRange\">\n <small *ngIf=\"isStartDateGreaterThanEndDate()\" class=\"adf-date-range-analytics-text-danger\">\n {{'DATE-WIDGET.MESSAGES.START-LESS-THAN-END-DATE' | translate}}\n </small>\n <small *ngIf=\"isStartDateEmpty()\" class=\"adf-date-range-analytics-text-danger\">\n {{'DATE-WIDGET.MESSAGES.START-DATE-REQUIRED' | translate}}\n </small>\n\n <mat-grid-list cols=\"2\" rowHeight=\"80px\">\n <mat-grid-tile>\n <mat-form-field>\n <input\n matInput\n [min]=\"minDate\"\n [max]=\"maxDate\"\n formControlName=\"startDate\"\n [matDatepicker]=\"startDate\"\n [value]=\"startDateValue\"\n (keydown)=\"true\"\n (dateChange)=\"onGroupValueChanged()\"\n placeholder=\"{{'DATE-WIDGET.START-DATE' | translate}}\"\n id=\"startDate_id\"\n required\n />\n <mat-datepicker-toggle matSuffix [for]=\"startDate\" />\n </mat-form-field>\n <mat-datepicker #startDate [touchUi]=\"true\" />\n </mat-grid-tile>\n <mat-grid-tile>\n <mat-form-field>\n <input\n matInput\n [min]=\"minDate\"\n [max]=\"maxDate\"\n formControlName=\"endDate\"\n [matDatepicker]=\"endDate\"\n [value]=\"endDateValue\"\n (keydown)=\"true\"\n (dateChange)=\"onGroupValueChanged()\"\n placeholder=\"{{'DATE-WIDGET.END-DATE' | translate}}\"\n id=\"endDate_id\"\n required\n />\n <mat-datepicker-toggle matSuffix [for]=\"endDate\" />\n </mat-form-field>\n <mat-datepicker #endDate [touchUi]=\"true\" />\n </mat-grid-tile>\n </mat-grid-list>\n</div>\n", styles: [".adf-date-range-analytics-text-danger{color:var(--
|
|
235
|
+
], encapsulation: ViewEncapsulation.None, template: "<label for=\"adf-dateRange\">{{field.nameKey | translate}}</label><br />\n<div id=\"adf-dateRange\" [formGroup]=\"dateRange\">\n <small *ngIf=\"isStartDateGreaterThanEndDate()\" class=\"adf-date-range-analytics-text-danger\">\n {{'DATE-WIDGET.MESSAGES.START-LESS-THAN-END-DATE' | translate}}\n </small>\n <small *ngIf=\"isStartDateEmpty()\" class=\"adf-date-range-analytics-text-danger\">\n {{'DATE-WIDGET.MESSAGES.START-DATE-REQUIRED' | translate}}\n </small>\n\n <mat-grid-list cols=\"2\" rowHeight=\"80px\">\n <mat-grid-tile>\n <mat-form-field>\n <input\n matInput\n [min]=\"minDate\"\n [max]=\"maxDate\"\n formControlName=\"startDate\"\n [matDatepicker]=\"startDate\"\n [value]=\"startDateValue\"\n (keydown)=\"true\"\n (dateChange)=\"onGroupValueChanged()\"\n placeholder=\"{{'DATE-WIDGET.START-DATE' | translate}}\"\n id=\"startDate_id\"\n required\n />\n <mat-datepicker-toggle matSuffix [for]=\"startDate\" />\n </mat-form-field>\n <mat-datepicker #startDate [touchUi]=\"true\" />\n </mat-grid-tile>\n <mat-grid-tile>\n <mat-form-field>\n <input\n matInput\n [min]=\"minDate\"\n [max]=\"maxDate\"\n formControlName=\"endDate\"\n [matDatepicker]=\"endDate\"\n [value]=\"endDateValue\"\n (keydown)=\"true\"\n (dateChange)=\"onGroupValueChanged()\"\n placeholder=\"{{'DATE-WIDGET.END-DATE' | translate}}\"\n id=\"endDate_id\"\n required\n />\n <mat-datepicker-toggle matSuffix [for]=\"endDate\" />\n </mat-form-field>\n <mat-datepicker #endDate [touchUi]=\"true\" />\n </mat-grid-tile>\n </mat-grid-list>\n</div>\n", styles: [".adf-date-range-analytics-text-danger{color:var(--theme-warn-color)}\n"] }]
|
|
236
236
|
}], ctorParameters: () => [{ type: i1.DateAdapter }], propDecorators: { dateRange: [{
|
|
237
237
|
type: Input,
|
|
238
238
|
args: ['group']
|
|
@@ -283,11 +283,11 @@ class DropdownWidgetAnalyticsComponent extends WidgetComponent {
|
|
|
283
283
|
return validatorList;
|
|
284
284
|
}
|
|
285
285
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownWidgetAnalyticsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
286
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownWidgetAnalyticsComponent, isStandalone: true, selector: "analytics-dropdown-widget", inputs: { formGroup: ["group", "formGroup"], controllerName: "controllerName", showDefaultOption: "showDefaultOption", required: "required", defaultOptionText: "defaultOptionText" }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-dropdown-widget\" [formGroup]=\"formGroup\">\n <label class=\"adf-dropdown-widget__label\" [attr.for]=\"field.id\">{{field.nameKey | translate}}</label>\n <select\n [formControlName]=\"controllerName\"\n [attr.id]=\"'select-' + field.id\"\n class=\"adf-dropdown-widget__select\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"changeValue($event)\"\n >\n <option *ngIf=\"showDefaultOption\" value=\"null\">{{defaultOptionText}}</option>\n <option *ngFor=\"let opt of field.options\" [value]=\"opt.id\">{{opt.label}}</option>\n </select>\n</div>\n", styles: [".adf-dropdown-widget,.adf-dropdown-widget__select{width:100%}.adf-dropdown-widget__invalid .adf-dropdown-widget__select{border-color:var(--
|
|
286
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownWidgetAnalyticsComponent, isStandalone: true, selector: "analytics-dropdown-widget", inputs: { formGroup: ["group", "formGroup"], controllerName: "controllerName", showDefaultOption: "showDefaultOption", required: "required", defaultOptionText: "defaultOptionText" }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-dropdown-widget\" [formGroup]=\"formGroup\">\n <label class=\"adf-dropdown-widget__label\" [attr.for]=\"field.id\">{{field.nameKey | translate}}</label>\n <select\n [formControlName]=\"controllerName\"\n [attr.id]=\"'select-' + field.id\"\n class=\"adf-dropdown-widget__select\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"changeValue($event)\"\n >\n <option *ngIf=\"showDefaultOption\" value=\"null\">{{defaultOptionText}}</option>\n <option *ngFor=\"let opt of field.options\" [value]=\"opt.id\">{{opt.label}}</option>\n </select>\n</div>\n", styles: [".adf-dropdown-widget,.adf-dropdown-widget__select{width:100%}.adf-dropdown-widget__invalid .adf-dropdown-widget__select{border-color:var(--theme-warn-color)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label{color:var(--theme-warn-color)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label:after{background-color:var(--theme-warn-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
287
287
|
}
|
|
288
288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownWidgetAnalyticsComponent, decorators: [{
|
|
289
289
|
type: Component,
|
|
290
|
-
args: [{ selector: 'analytics-dropdown-widget', imports: [CommonModule, TranslatePipe, ReactiveFormsModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-dropdown-widget\" [formGroup]=\"formGroup\">\n <label class=\"adf-dropdown-widget__label\" [attr.for]=\"field.id\">{{field.nameKey | translate}}</label>\n <select\n [formControlName]=\"controllerName\"\n [attr.id]=\"'select-' + field.id\"\n class=\"adf-dropdown-widget__select\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"changeValue($event)\"\n >\n <option *ngIf=\"showDefaultOption\" value=\"null\">{{defaultOptionText}}</option>\n <option *ngFor=\"let opt of field.options\" [value]=\"opt.id\">{{opt.label}}</option>\n </select>\n</div>\n", styles: [".adf-dropdown-widget,.adf-dropdown-widget__select{width:100%}.adf-dropdown-widget__invalid .adf-dropdown-widget__select{border-color:var(--
|
|
290
|
+
args: [{ selector: 'analytics-dropdown-widget', imports: [CommonModule, TranslatePipe, ReactiveFormsModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-dropdown-widget\" [formGroup]=\"formGroup\">\n <label class=\"adf-dropdown-widget__label\" [attr.for]=\"field.id\">{{field.nameKey | translate}}</label>\n <select\n [formControlName]=\"controllerName\"\n [attr.id]=\"'select-' + field.id\"\n class=\"adf-dropdown-widget__select\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"changeValue($event)\"\n >\n <option *ngIf=\"showDefaultOption\" value=\"null\">{{defaultOptionText}}</option>\n <option *ngFor=\"let opt of field.options\" [value]=\"opt.id\">{{opt.label}}</option>\n </select>\n</div>\n", styles: [".adf-dropdown-widget,.adf-dropdown-widget__select{width:100%}.adf-dropdown-widget__invalid .adf-dropdown-widget__select{border-color:var(--theme-warn-color)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label{color:var(--theme-warn-color)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label:after{background-color:var(--theme-warn-color)}\n"] }]
|
|
291
291
|
}], propDecorators: { formGroup: [{
|
|
292
292
|
type: Input,
|
|
293
293
|
args: ['group']
|
|
@@ -1734,11 +1734,11 @@ class DiagramTooltipComponent {
|
|
|
1734
1734
|
this.showTooltip();
|
|
1735
1735
|
}
|
|
1736
1736
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DiagramTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1737
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DiagramTooltipComponent, isStandalone: true, selector: "diagram-tooltip", inputs: { data: "data", position: "position", strategy: "strategy" }, viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true, static: true }], ngImport: i0, template: "<div #tooltipContent class=\"adf-diagram-tooltip\">\n <
|
|
1737
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DiagramTooltipComponent, isStandalone: true, selector: "diagram-tooltip", inputs: { data: "data", position: "position", strategy: "strategy" }, viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true, static: true }], ngImport: i0, template: "<div #tooltipContent class=\"adf-diagram-tooltip\">\n <div class=\"adf-diagram-tooltip-header\">{{ data.type }} {{ data.name || data.id }}</div>\n <div class=\"adf-diagram-tooltip-body\">\n <div *ngIf=\"data.value\" class=\"adf-diagram-heat-value\">\n <span class=\"adf-diagram-value\">{{ data.value }}</span>\n <span class=\"adf-diagram-valuetype\"> {{ data.dataType }}</span>\n </div>\n <div *ngIf=\"data.name\" class=\"adf-diagram-name-property\">\n <span class=\"adf-diagram-propertyName\">Name:</span>\n <span class=\"adf-diagram-propertyValue\">{{ data.name }}</span>\n </div>\n <div *ngFor=\"let property of data.properties\" class=\"adf-diagram-general-property\">\n <span class=\"adf-diagram-propertyName\">{{ property.name }}:</span>\n <span class=\"adf-diagram-propertyValue\">{{ property.value }}</span>\n </div>\n </div>\n</div>\n", styles: [".adf-diagram-tooltip{transform:scale(0);transform-origin:top center;z-index:999;display:inline-block;font-weight:500;line-height:14px;font-size:var(--theme-body-1-font-size);max-width:300px;position:fixed;top:-500px;left:-500px;text-align:left;will-change:unset;border:1px solid #c5c5c5;word-wrap:break-word}.adf-diagram-tooltip.adf-is-active{animation:tooltip-animation .2s cubic-bezier(0,0,.2,1) forwards}.adf-diagram-tooltip-header{background-color:#2b414ff2;color:#fff;padding:8px;font-weight:700;min-width:200px;line-height:20px}.adf-diagram-tooltip-body{color:#4a4a4a;background-color:#fffffff2}.adf-diagram-tooltip-body>div{padding:4px 8px}.adf-diagram-tooltip-body>div:first-child{padding-top:8px}.adf-diagram-tooltip-body>div:last-child{padding-bottom:8px}.adf-diagram-propertyName{font-weight:700;margin-right:5px}.adf-diagram-propertyValue{font-style:italic}@keyframes tooltip-animation{0%{transform:scale(0);opacity:0}50%{transform:scale(.99)}to{transform:scale(1);opacity:1;visibility:visible}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
1738
1738
|
}
|
|
1739
1739
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DiagramTooltipComponent, decorators: [{
|
|
1740
1740
|
type: Component,
|
|
1741
|
-
args: [{ selector: 'diagram-tooltip', imports: [NgIf, NgForOf], template: "<div #tooltipContent class=\"adf-diagram-tooltip\">\n <
|
|
1741
|
+
args: [{ selector: 'diagram-tooltip', imports: [NgIf, NgForOf], template: "<div #tooltipContent class=\"adf-diagram-tooltip\">\n <div class=\"adf-diagram-tooltip-header\">{{ data.type }} {{ data.name || data.id }}</div>\n <div class=\"adf-diagram-tooltip-body\">\n <div *ngIf=\"data.value\" class=\"adf-diagram-heat-value\">\n <span class=\"adf-diagram-value\">{{ data.value }}</span>\n <span class=\"adf-diagram-valuetype\"> {{ data.dataType }}</span>\n </div>\n <div *ngIf=\"data.name\" class=\"adf-diagram-name-property\">\n <span class=\"adf-diagram-propertyName\">Name:</span>\n <span class=\"adf-diagram-propertyValue\">{{ data.name }}</span>\n </div>\n <div *ngFor=\"let property of data.properties\" class=\"adf-diagram-general-property\">\n <span class=\"adf-diagram-propertyName\">{{ property.name }}:</span>\n <span class=\"adf-diagram-propertyValue\">{{ property.value }}</span>\n </div>\n </div>\n</div>\n", styles: [".adf-diagram-tooltip{transform:scale(0);transform-origin:top center;z-index:999;display:inline-block;font-weight:500;line-height:14px;font-size:var(--theme-body-1-font-size);max-width:300px;position:fixed;top:-500px;left:-500px;text-align:left;will-change:unset;border:1px solid #c5c5c5;word-wrap:break-word}.adf-diagram-tooltip.adf-is-active{animation:tooltip-animation .2s cubic-bezier(0,0,.2,1) forwards}.adf-diagram-tooltip-header{background-color:#2b414ff2;color:#fff;padding:8px;font-weight:700;min-width:200px;line-height:20px}.adf-diagram-tooltip-body{color:#4a4a4a;background-color:#fffffff2}.adf-diagram-tooltip-body>div{padding:4px 8px}.adf-diagram-tooltip-body>div:first-child{padding-top:8px}.adf-diagram-tooltip-body>div:last-child{padding-bottom:8px}.adf-diagram-propertyName{font-weight:700;margin-right:5px}.adf-diagram-propertyValue{font-style:italic}@keyframes tooltip-animation{0%{transform:scale(0);opacity:0}50%{transform:scale(.99)}to{transform:scale(1);opacity:1;visibility:visible}}\n"] }]
|
|
1742
1742
|
}], propDecorators: { tooltipContent: [{
|
|
1743
1743
|
type: ViewChild,
|
|
1744
1744
|
args: ['tooltipContent', { static: true }]
|
|
@@ -6082,7 +6082,7 @@ class AnalyticsGeneratorComponent {
|
|
|
6082
6082
|
this.selectCurrent(0);
|
|
6083
6083
|
}
|
|
6084
6084
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AnalyticsGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6085
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AnalyticsGeneratorComponent, isStandalone: true, selector: "adf-analytics-generator", inputs: { reportId: "reportId", reportParamQuery: "reportParamQuery" }, outputs: { success: "success", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"reports\">\n <div class=\"adf-report-icons\">\n <button\n mat-icon-button\n *ngFor=\"let report of reports; let idx = index\"\n [title]=\"report.title\"\n [color]=\"isCurrent(idx) ? 'primary' : null\"\n (click)=\"selectCurrent(idx)\"\n >\n <mat-icon>{{ report.icon }}</mat-icon>\n </button>\n </div>\n <div class=\"adf-clear-both\"></div>\n <div *ngFor=\"let report of reports; let idx = index\">\n <div [ngSwitch]=\"report.type\">\n <div *ngSwitchCase=\"'pie'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasData()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div *ngIf=\"report.hasData()\">\n <div *ngIf=\"report.hasZeroValues()\">{{ 'ANALYTICS.MESSAGES.ZERO-DATA-FOUND' | translate }}</div>\n <canvas\n baseChart\n *ngIf=\"!report.hasZeroValues()\"\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [type]=\"'pie'\"\n [options]=\"report.options\"\n >\n </canvas>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'table'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div [attr.id]=\"'chart-table-' + report.id\" *ngIf=\"report.hasDatasets()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-partial-width\">\n <tr>\n <th *ngFor=\"let label of report.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.datasets\">\n <td *ngFor=\"let row of rows\">{{ row | translate }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'masterDetailTable'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div [attr.id]=\"'chart-master-detail-table-' + report.id\" *ngIf=\"report.hasDatasets()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-full-width\">\n <tr>\n <th *ngFor=\"let label of report.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.datasets\" class=\"adf-analytics-row__entry\">\n <td\n *ngFor=\"let row of rows\"\n (click)=\"toggleDetailsTable()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"toggleDetailsTable()\"\n >\n {{ row | translate }}\n </td>\n </tr>\n </table>\n </div>\n <div [attr.id]=\"'chart-master-detail-' + report.id\" *ngIf=\"isShowDetails()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-full-width\">\n <tr>\n <th *ngFor=\"let label of report.detailsTable.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.detailsTable.datasets\">\n <td *ngFor=\"let row of rows\">{{ row | translate }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'bar'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <canvas\n baseChart\n *ngIf=\"report.hasDatasets()\"\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [options]=\"report.options\"\n [type]=\"'bar'\"\n >\n </canvas>\n </div>\n </div>\n <div *ngSwitchCase=\"'multiBar'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div *ngIf=\"report.hasDatasets()\">\n <mat-checkbox\n
|
|
6085
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AnalyticsGeneratorComponent, isStandalone: true, selector: "adf-analytics-generator", inputs: { reportId: "reportId", reportParamQuery: "reportParamQuery" }, outputs: { success: "success", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"reports\">\n <div class=\"adf-report-icons\">\n <button\n mat-icon-button\n *ngFor=\"let report of reports; let idx = index\"\n [title]=\"report.title\"\n [color]=\"isCurrent(idx) ? 'primary' : null\"\n (click)=\"selectCurrent(idx)\"\n >\n <mat-icon>{{ report.icon }}</mat-icon>\n </button>\n </div>\n <div class=\"adf-clear-both\"></div>\n <div *ngFor=\"let report of reports; let idx = index\">\n <div [ngSwitch]=\"report.type\">\n <div *ngSwitchCase=\"'pie'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasData()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div *ngIf=\"report.hasData()\">\n <div *ngIf=\"report.hasZeroValues()\">{{ 'ANALYTICS.MESSAGES.ZERO-DATA-FOUND' | translate }}</div>\n <canvas\n baseChart\n *ngIf=\"!report.hasZeroValues()\"\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [type]=\"'pie'\"\n [options]=\"report.options\"\n >\n </canvas>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'table'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div [attr.id]=\"'chart-table-' + report.id\" *ngIf=\"report.hasDatasets()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-partial-width\">\n <tr>\n <th *ngFor=\"let label of report.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.datasets\">\n <td *ngFor=\"let row of rows\">{{ row | translate }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'masterDetailTable'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div [attr.id]=\"'chart-master-detail-table-' + report.id\" *ngIf=\"report.hasDatasets()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-full-width\">\n <tr>\n <th *ngFor=\"let label of report.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.datasets\" class=\"adf-analytics-row__entry\">\n <td\n *ngFor=\"let row of rows\"\n (click)=\"toggleDetailsTable()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"toggleDetailsTable()\"\n >\n {{ row | translate }}\n </td>\n </tr>\n </table>\n </div>\n <div [attr.id]=\"'chart-master-detail-' + report.id\" *ngIf=\"isShowDetails()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-full-width\">\n <tr>\n <th *ngFor=\"let label of report.detailsTable.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.detailsTable.datasets\">\n <td *ngFor=\"let row of rows\">{{ row | translate }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'bar'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <canvas\n baseChart\n *ngIf=\"report.hasDatasets()\"\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [options]=\"report.options\"\n [type]=\"'bar'\"\n >\n </canvas>\n </div>\n </div>\n <div *ngSwitchCase=\"'multiBar'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div *ngIf=\"report.hasDatasets()\">\n <mat-checkbox\n color=\"primary\"\n [id]=\"'stacked-id'\"\n [checked]=\"report.options.scales.xAxes[0].stacked\"\n [(ngModel)]=\"report.options.scales.xAxes[0].stacked\"\n (change)=\"refresh(report)\"\n >Stacked</mat-checkbox\n >\n\n <canvas\n baseChart\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [options]=\"report.options\"\n [type]=\"'bar'\"\n >\n </canvas>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'HeatMap'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <analytics-report-heat-map [report]=\"report\" />\n </div>\n </div>\n <div *ngSwitchDefault>\n <span>{{ 'ANALYTICS.MESSAGES.UNKNOWN-WIDGET-TYPE' | translate }}: {{ report.type }}</span>\n </div>\n </div>\n </div>\n</div>\n<br /><br /><br />\n<div *ngIf=\"!reports\">{{ 'ANALYTICS.MESSAGES.FILL-PARAMETER' | translate }}</div>\n", styles: [".adf-chart{display:block;width:100%}.adf-analytics-row__entry{cursor:pointer}.adf-report-icons{margin:20px 0;float:left}.adf-full-width{width:100%}.adf-partial-width{width:80%;margin-left:20px}.adf-clear-both{clear:both}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: NgChartsModule }, { kind: "directive", type: i4$2.BaseChartDirective, selector: "canvas[baseChart]", inputs: ["type", "legend", "data", "options", "plugins", "labels", "datasets"], outputs: ["chartClick", "chartHover"], exportAs: ["base-chart"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AnalyticsReportHeatMapComponent, selector: "adf-analytics-report-heat-map, analytics-report-heat-map", inputs: ["report"], outputs: ["success", "error"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6086
6086
|
}
|
|
6087
6087
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AnalyticsGeneratorComponent, decorators: [{
|
|
6088
6088
|
type: Component,
|
|
@@ -6095,7 +6095,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
6095
6095
|
MatCheckboxModule,
|
|
6096
6096
|
FormsModule,
|
|
6097
6097
|
AnalyticsReportHeatMapComponent
|
|
6098
|
-
], encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"reports\">\n <div class=\"adf-report-icons\">\n <button\n mat-icon-button\n *ngFor=\"let report of reports; let idx = index\"\n [title]=\"report.title\"\n [color]=\"isCurrent(idx) ? 'primary' : null\"\n (click)=\"selectCurrent(idx)\"\n >\n <mat-icon>{{ report.icon }}</mat-icon>\n </button>\n </div>\n <div class=\"adf-clear-both\"></div>\n <div *ngFor=\"let report of reports; let idx = index\">\n <div [ngSwitch]=\"report.type\">\n <div *ngSwitchCase=\"'pie'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasData()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div *ngIf=\"report.hasData()\">\n <div *ngIf=\"report.hasZeroValues()\">{{ 'ANALYTICS.MESSAGES.ZERO-DATA-FOUND' | translate }}</div>\n <canvas\n baseChart\n *ngIf=\"!report.hasZeroValues()\"\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [type]=\"'pie'\"\n [options]=\"report.options\"\n >\n </canvas>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'table'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div [attr.id]=\"'chart-table-' + report.id\" *ngIf=\"report.hasDatasets()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-partial-width\">\n <tr>\n <th *ngFor=\"let label of report.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.datasets\">\n <td *ngFor=\"let row of rows\">{{ row | translate }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'masterDetailTable'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div [attr.id]=\"'chart-master-detail-table-' + report.id\" *ngIf=\"report.hasDatasets()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-full-width\">\n <tr>\n <th *ngFor=\"let label of report.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.datasets\" class=\"adf-analytics-row__entry\">\n <td\n *ngFor=\"let row of rows\"\n (click)=\"toggleDetailsTable()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"toggleDetailsTable()\"\n >\n {{ row | translate }}\n </td>\n </tr>\n </table>\n </div>\n <div [attr.id]=\"'chart-master-detail-' + report.id\" *ngIf=\"isShowDetails()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-full-width\">\n <tr>\n <th *ngFor=\"let label of report.detailsTable.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.detailsTable.datasets\">\n <td *ngFor=\"let row of rows\">{{ row | translate }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'bar'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <canvas\n baseChart\n *ngIf=\"report.hasDatasets()\"\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [options]=\"report.options\"\n [type]=\"'bar'\"\n >\n </canvas>\n </div>\n </div>\n <div *ngSwitchCase=\"'multiBar'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div *ngIf=\"report.hasDatasets()\">\n <mat-checkbox\n
|
|
6098
|
+
], encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"reports\">\n <div class=\"adf-report-icons\">\n <button\n mat-icon-button\n *ngFor=\"let report of reports; let idx = index\"\n [title]=\"report.title\"\n [color]=\"isCurrent(idx) ? 'primary' : null\"\n (click)=\"selectCurrent(idx)\"\n >\n <mat-icon>{{ report.icon }}</mat-icon>\n </button>\n </div>\n <div class=\"adf-clear-both\"></div>\n <div *ngFor=\"let report of reports; let idx = index\">\n <div [ngSwitch]=\"report.type\">\n <div *ngSwitchCase=\"'pie'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasData()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div *ngIf=\"report.hasData()\">\n <div *ngIf=\"report.hasZeroValues()\">{{ 'ANALYTICS.MESSAGES.ZERO-DATA-FOUND' | translate }}</div>\n <canvas\n baseChart\n *ngIf=\"!report.hasZeroValues()\"\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [type]=\"'pie'\"\n [options]=\"report.options\"\n >\n </canvas>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'table'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div [attr.id]=\"'chart-table-' + report.id\" *ngIf=\"report.hasDatasets()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-partial-width\">\n <tr>\n <th *ngFor=\"let label of report.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.datasets\">\n <td *ngFor=\"let row of rows\">{{ row | translate }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'masterDetailTable'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div [attr.id]=\"'chart-master-detail-table-' + report.id\" *ngIf=\"report.hasDatasets()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-full-width\">\n <tr>\n <th *ngFor=\"let label of report.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.datasets\" class=\"adf-analytics-row__entry\">\n <td\n *ngFor=\"let row of rows\"\n (click)=\"toggleDetailsTable()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"toggleDetailsTable()\"\n >\n {{ row | translate }}\n </td>\n </tr>\n </table>\n </div>\n <div [attr.id]=\"'chart-master-detail-' + report.id\" *ngIf=\"isShowDetails()\">\n <table class=\"adf-table adf-table-responsive adf-table-condensed adf-full-width\">\n <tr>\n <th *ngFor=\"let label of report.detailsTable.labels\">{{ label | translate }}</th>\n </tr>\n <tr *ngFor=\"let rows of report.detailsTable.datasets\">\n <td *ngFor=\"let row of rows\">{{ row | translate }}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'bar'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <canvas\n baseChart\n *ngIf=\"report.hasDatasets()\"\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [options]=\"report.options\"\n [type]=\"'bar'\"\n >\n </canvas>\n </div>\n </div>\n <div *ngSwitchCase=\"'multiBar'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <div *ngIf=\"!report.hasDatasets()\">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>\n <div *ngIf=\"report.hasDatasets()\">\n <mat-checkbox\n color=\"primary\"\n [id]=\"'stacked-id'\"\n [checked]=\"report.options.scales.xAxes[0].stacked\"\n [(ngModel)]=\"report.options.scales.xAxes[0].stacked\"\n (change)=\"refresh(report)\"\n >Stacked</mat-checkbox\n >\n\n <canvas\n baseChart\n class=\"adf-chart\"\n [datasets]=\"report.datasets\"\n [labels]=\"report.labels\"\n [options]=\"report.options\"\n [type]=\"'bar'\"\n >\n </canvas>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'HeatMap'\">\n <div *ngIf=\"isCurrent(idx)\">\n <h4>{{ report.title }}</h4>\n <analytics-report-heat-map [report]=\"report\" />\n </div>\n </div>\n <div *ngSwitchDefault>\n <span>{{ 'ANALYTICS.MESSAGES.UNKNOWN-WIDGET-TYPE' | translate }}: {{ report.type }}</span>\n </div>\n </div>\n </div>\n</div>\n<br /><br /><br />\n<div *ngIf=\"!reports\">{{ 'ANALYTICS.MESSAGES.FILL-PARAMETER' | translate }}</div>\n", styles: [".adf-chart{display:block;width:100%}.adf-analytics-row__entry{cursor:pointer}.adf-report-icons{margin:20px 0;float:left}.adf-full-width{width:100%}.adf-partial-width{width:80%;margin-left:20px}.adf-clear-both{clear:both}\n"] }]
|
|
6099
6099
|
}], propDecorators: { reportId: [{
|
|
6100
6100
|
type: Input
|
|
6101
6101
|
}], reportParamQuery: [{
|
|
@@ -6130,11 +6130,11 @@ class ButtonsMenuComponent {
|
|
|
6130
6130
|
return !!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
|
6131
6131
|
}
|
|
6132
6132
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonsMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6133
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonsMenuComponent, isStandalone: true, selector: "adf-buttons-action-menu", queries: [{ propertyName: "buttons", predicate: MatMenuItem }], ngImport: i0, template: "<div id=\"adf-buttons-menu\" class=\"adf-buttons-menu\" *ngIf=\"!isMenuEmpty\">\n <div *ngIf=\"isMobile()\">\n <button mat-icon-button [matMenuTriggerFor]=\"editReportMenu\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #editReportMenu=\"matMenu\" class=\"adf-buttons-menu-mobile\">\n <ng-content *ngTemplateOutlet=\"desktop\" />\n </mat-menu>\n </div>\n\n <div *ngIf=\"!isMobile()\" class=\"adf-buttons-menu-desktop\">\n <ng-content *ngTemplateOutlet=\"desktop\" />\n </div>\n</div>\n\n<ng-template #desktop>\n <ng-content />\n</ng-template>\n", styles: [".adf-buttons-menu{margin-right:10px}.adf-buttons-menu div{display:flex}.adf-buttons-menu-mobile{margin-right:10px}.adf-buttons-menu-desktop{display:flex}.adf-buttons-menu-desktop button{
|
|
6133
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonsMenuComponent, isStandalone: true, selector: "adf-buttons-action-menu", queries: [{ propertyName: "buttons", predicate: MatMenuItem }], ngImport: i0, template: "<div id=\"adf-buttons-menu\" class=\"adf-buttons-menu\" *ngIf=\"!isMenuEmpty\">\n <div *ngIf=\"isMobile()\">\n <button mat-icon-button [matMenuTriggerFor]=\"editReportMenu\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #editReportMenu=\"matMenu\" class=\"adf-buttons-menu-mobile\">\n <ng-content *ngTemplateOutlet=\"desktop\" />\n </mat-menu>\n </div>\n\n <div *ngIf=\"!isMobile()\" class=\"adf-buttons-menu-desktop\">\n <ng-content *ngTemplateOutlet=\"desktop\" />\n </div>\n</div>\n\n<ng-template #desktop>\n <ng-content />\n</ng-template>\n", styles: [".adf-buttons-menu{margin-right:10px}.adf-buttons-menu div{display:flex}.adf-buttons-menu-mobile{margin-right:10px}.adf-buttons-menu-desktop{display:flex}.adf-buttons-menu-desktop button{color:#000;padding:0}.adf-buttons-menu-desktop button>span{display:none}.adf-buttons-menu-desktop button>.material-icons{color:#000;margin:0 10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6134
6134
|
}
|
|
6135
6135
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonsMenuComponent, decorators: [{
|
|
6136
6136
|
type: Component,
|
|
6137
|
-
args: [{ selector: 'adf-buttons-action-menu', imports: [CommonModule, MatButtonModule, MatMenuModule, MatIconModule], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-buttons-menu\" class=\"adf-buttons-menu\" *ngIf=\"!isMenuEmpty\">\n <div *ngIf=\"isMobile()\">\n <button mat-icon-button [matMenuTriggerFor]=\"editReportMenu\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #editReportMenu=\"matMenu\" class=\"adf-buttons-menu-mobile\">\n <ng-content *ngTemplateOutlet=\"desktop\" />\n </mat-menu>\n </div>\n\n <div *ngIf=\"!isMobile()\" class=\"adf-buttons-menu-desktop\">\n <ng-content *ngTemplateOutlet=\"desktop\" />\n </div>\n</div>\n\n<ng-template #desktop>\n <ng-content />\n</ng-template>\n", styles: [".adf-buttons-menu{margin-right:10px}.adf-buttons-menu div{display:flex}.adf-buttons-menu-mobile{margin-right:10px}.adf-buttons-menu-desktop{display:flex}.adf-buttons-menu-desktop button{
|
|
6137
|
+
args: [{ selector: 'adf-buttons-action-menu', imports: [CommonModule, MatButtonModule, MatMenuModule, MatIconModule], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-buttons-menu\" class=\"adf-buttons-menu\" *ngIf=\"!isMenuEmpty\">\n <div *ngIf=\"isMobile()\">\n <button mat-icon-button [matMenuTriggerFor]=\"editReportMenu\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #editReportMenu=\"matMenu\" class=\"adf-buttons-menu-mobile\">\n <ng-content *ngTemplateOutlet=\"desktop\" />\n </mat-menu>\n </div>\n\n <div *ngIf=\"!isMobile()\" class=\"adf-buttons-menu-desktop\">\n <ng-content *ngTemplateOutlet=\"desktop\" />\n </div>\n</div>\n\n<ng-template #desktop>\n <ng-content />\n</ng-template>\n", styles: [".adf-buttons-menu{margin-right:10px}.adf-buttons-menu div{display:flex}.adf-buttons-menu-mobile{margin-right:10px}.adf-buttons-menu-desktop{display:flex}.adf-buttons-menu-desktop button{color:#000;padding:0}.adf-buttons-menu-desktop button>span{display:none}.adf-buttons-menu-desktop button>.material-icons{color:#000;margin:0 10px}\n"] }]
|
|
6138
6138
|
}], propDecorators: { buttons: [{
|
|
6139
6139
|
type: ContentChildren,
|
|
6140
6140
|
args: [MatMenuItem]
|
|
@@ -6444,7 +6444,7 @@ class AnalyticsReportParametersComponent {
|
|
|
6444
6444
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AnalyticsReportParametersComponent, isStandalone: true, selector: "adf-analytics-report-parameters", inputs: { appId: "appId", reportId: "reportId", hideComponent: "hideComponent" }, outputs: { success: "success", error: "error", edit: "edit", formValueChanged: "formValueChanged", saveReportSuccess: "saveReportSuccess", deleteReportSuccess: "deleteReportSuccess" }, providers: [
|
|
6445
6445
|
{ provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS },
|
|
6446
6446
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter }
|
|
6447
|
-
], viewQueries: [{ propertyName: "reportNameDialog", first: true, predicate: ["reportNameDialog"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [class.adf-hide]=\"hideComponent\">\n <div class=\"adf-report-report-container\">\n <div *ngIf=\"reportParameters\">\n <form [formGroup]=\"reportForm\" novalidate>\n <adf-toolbar>\n <adf-toolbar-title class=\"adf-report-title-container\">\n <div *ngIf=\"isEditable\">\n <mat-form-field class=\"adf-full-width-input\">\n <input\n matInput\n type=\"text\"\n class=\"adf-edit-report-title\"\n id=\"reportName\"\n data-automation-id=\"reportName\"\n [value]=\"reportParameters.name\"\n (input)=\"reportParameters.name = $any($event).target.value\"\n (blur)=\"editTitle()\"\n (keyup.enter)=\"editTitle()\"\n />\n </mat-form-field>\n </div>\n <div\n class=\"adf-report-title\"\n *ngIf=\"!isEditable\"\n (click)=\"editEnable()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"editEnable()\"\n >\n <mat-icon class=\"adf-report-icon\">mode_edit</mat-icon>\n <h4>{{ reportParameters.name }}</h4>\n </div>\n </adf-toolbar-title>\n <adf-buttons-action-menu *ngIf=\"!isEditable\">\n <button mat-menu-item (click)=\"toggleParameters()\" id=\"\">\n <mat-icon>settings</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-SETTING' | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"deleteReport(reportId)\" id=\"delete-button\">\n <mat-icon>delete</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-DELETE' | translate }}</span>\n </button>\n <div *ngIf=\"isFormValid()\">\n <button mat-menu-item (click)=\"showDialog('Export')\" id=\"export-button\">\n <mat-icon>file_download</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-EXPORT-CSV' | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"showDialog('Save')\" id=\"save-button\">\n <mat-icon>save</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-SAVE' | translate }}</span>\n </button>\n </div>\n </adf-buttons-action-menu>\n </adf-toolbar>\n <div *ngFor=\"let field of reportParameters.definition.parameters\" [class.adf-is-hide]=\"isParametersHide()\">\n <div [ngSwitch]=\"field.type\">\n <div *ngSwitchCase=\"'integer'\">\n <br />\n <analytics-number-widget\n [field]=\"field\"\n [group]=\"processInstanceGroup\"\n [controllerName]=\"'slowProcessInstanceInteger'\"\n [required]=\"true\"\n />\n </div>\n <div *ngSwitchCase=\"'duration'\">\n <br />\n <duration-widget [field]=\"field\" [group]=\"durationGroup\" [controllerName]=\"'duration'\" />\n </div>\n <div *ngSwitchCase=\"'boolean'\">\n <br />\n <analytics-checkbox-widget [field]=\"field\" [group]=\"typeFilteringGroup\" [controllerName]=\"'typeFiltering'\" />\n </div>\n <div *ngSwitchCase=\"'status'\">\n <br />\n <analytics-dropdown-widget [field]=\"field\" [group]=\"statusGroup\" [controllerName]=\"'status'\" [required]=\"true\" />\n </div>\n <div *ngSwitchCase=\"'processDefinition'\">\n <br />\n <analytics-dropdown-widget\n [field]=\"field\"\n [group]=\"processDefGroup\"\n [controllerName]=\"'processDefinitionId'\"\n [required]=\"true\"\n (fieldChanged)=\"onProcessDefinitionChanges(field)\"\n />\n </div>\n <div *ngSwitchCase=\"'task'\">\n <br />\n <analytics-dropdown-widget [field]=\"field\" [group]=\"taskGroup\" [controllerName]=\"'taskName'\" [required]=\"true\" />\n </div>\n <div *ngSwitchCase=\"'dateRange'\">\n <br />\n <adf-date-range-widget [field]=\"field\" [group]=\"dateRange\" />\n </div>\n <div *ngSwitchCase=\"'dateInterval'\">\n <br />\n <analytics-dropdown-widget\n [field]=\"field\"\n [group]=\"dateIntervalGroup\"\n [controllerName]=\"'dateRangeInterval'\"\n [required]=\"true\"\n [showDefaultOption]=\"false\"\n />\n </div>\n <div *ngSwitchDefault>\n <span>{{ 'ANALYTICS.MESSAGES.UNKNOWN-WIDGET-TYPE' | translate }}: {{ field.type }}</span>\n </div>\n </div>\n </div>\n <ng-template #reportNameDialog>\n <div id=\"report-dialog\" class=\"adf-report-dialog\">\n <h5 matDialogTitle id=\"report-dialog-title\">{{ action }} report</h5>\n <div mat-dialog-content>\n <div *ngIf=\"isSaveAction()\" id=\"save-title-submessage\" class=\"adf-export-message\">\n {{ 'DIALOG.SAVE_MESSAGE' | translate }}\n </div>\n <div class=\"adf-save-export-input\">\n <mat-form-field class=\"adf-example-full-width\" [floatLabel]=\"'always'\">\n <input\n matInput\n type=\"text\"\n id=\"repName\"\n placeholder=\"Report Name\"\n [value]=\"reportName\"\n [(ngModel)]=\"reportName\"\n [ngModelOptions]=\"{ standalone: true }\"\n />\n </mat-form-field>\n </div>\n </div>\n <div class=\"adf-report-dialog-actions\" mat-dialog-actions>\n <button mat-button type=\"button\" id=\"close-dialog-button\" (click)=\"closeDialog()\">Close</button>\n <button\n mat-button\n type=\"button\"\n id=\"action-dialog-button\"\n (click)=\"performAction(action, reportParamQuery)\"\n >\n {{ action }}\n </button>\n </div>\n </div>\n </ng-template>\n </form>\n </div>\n </div>\n</div>\n", styles: [".adf-dropdown-widget,.adf-dropdown-widget__select{width:100%}.adf-dropdown-widget__invalid .adf-dropdown-widget__select{border-color:var(--mat-sys-error)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label{color:var(--mat-sys-error)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label:after{background-color:var(--mat-sys-error)}.adf-full-width-input{width:100%}.adf-full-width-input .adf-edit-report-title[type=text]{float:left;font-size:var(--mat-sys-title-medium-size);padding-top:19px}.adf-report-icon{float:left;padding:5px 5px 0 0;visibility:hidden}.adf-report-title-container{cursor:pointer;width:100%;margin-bottom:12px}.adf-report-title-container :hover .adf-report-icon{color:var(--mat-sys-primary);visibility:visible}.adf-report-title{padding-top:10px}.adf-is-hide{height:0;overflow:hidden;transition:height .5s}.adf-report-report-container{border-bottom:solid 1px var(--mat-sys-outline);padding-top:10px}.adf-report-report-container .adf-toolbar-container.adf-toolbar-container-row{border:0;padding:0}.adf-report-container-setting{padding-left:10px}.adf-option_button_details{padding-top:20px}.adf-export-message{background-color:var(--mat-sys-surface)}.adf-save-export-input{width:100%}.adf-delete-parameter{position:absolute;margin-left:60%;padding-top:5px}.adf-hide{display:none}.adf-report-dialog .adf-example-full-width{width:100%}.adf-report-dialog .adf-report-dialog-actions{justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "component", type: CheckboxWidgetAnalyticsComponent, selector: "analytics-checkbox-widget", inputs: ["group", "controllerName"] }, { kind: "component", type: DateRangeWidgetComponent, selector: "adf-date-range-widget", inputs: ["group", "field"], outputs: ["dateRangeChanged"] }, { kind: "component", type: DropdownWidgetAnalyticsComponent, selector: "analytics-dropdown-widget", inputs: ["group", "controllerName", "showDefaultOption", "required", "defaultOptionText"] }, { kind: "component", type: DurationWidgetComponent, selector: "duration-widget", inputs: ["group", "controllerName", "required"] }, { kind: "component", type: NumberWidgetAnalyticsComponent, selector: "analytics-number-widget", inputs: ["group", "controllerName", "required"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i4$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: ButtonsMenuComponent, selector: "adf-buttons-action-menu" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6447
|
+
], viewQueries: [{ propertyName: "reportNameDialog", first: true, predicate: ["reportNameDialog"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [class.adf-hide]=\"hideComponent\">\n <div class=\"adf-report-report-container\">\n <div *ngIf=\"reportParameters\">\n <form [formGroup]=\"reportForm\" novalidate>\n <adf-toolbar>\n <adf-toolbar-title class=\"adf-report-title-container\">\n <div *ngIf=\"isEditable\">\n <mat-form-field class=\"adf-full-width-input\">\n <input\n matInput\n type=\"text\"\n class=\"adf-edit-report-title\"\n id=\"reportName\"\n data-automation-id=\"reportName\"\n [value]=\"reportParameters.name\"\n (input)=\"reportParameters.name = $any($event).target.value\"\n (blur)=\"editTitle()\"\n (keyup.enter)=\"editTitle()\"\n />\n </mat-form-field>\n </div>\n <div\n class=\"adf-report-title\"\n *ngIf=\"!isEditable\"\n (click)=\"editEnable()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"editEnable()\"\n >\n <mat-icon class=\"adf-report-icon\">mode_edit</mat-icon>\n <h4>{{ reportParameters.name }}</h4>\n </div>\n </adf-toolbar-title>\n <adf-buttons-action-menu *ngIf=\"!isEditable\">\n <button mat-menu-item (click)=\"toggleParameters()\" id=\"\">\n <mat-icon>settings</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-SETTING' | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"deleteReport(reportId)\" id=\"delete-button\">\n <mat-icon>delete</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-DELETE' | translate }}</span>\n </button>\n <div *ngIf=\"isFormValid()\">\n <button mat-menu-item (click)=\"showDialog('Export')\" id=\"export-button\">\n <mat-icon>file_download</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-EXPORT-CSV' | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"showDialog('Save')\" id=\"save-button\">\n <mat-icon>save</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-SAVE' | translate }}</span>\n </button>\n </div>\n </adf-buttons-action-menu>\n </adf-toolbar>\n <div *ngFor=\"let field of reportParameters.definition.parameters\" [class.adf-is-hide]=\"isParametersHide()\">\n <div [ngSwitch]=\"field.type\">\n <div *ngSwitchCase=\"'integer'\">\n <br />\n <analytics-number-widget\n [field]=\"field\"\n [group]=\"processInstanceGroup\"\n [controllerName]=\"'slowProcessInstanceInteger'\"\n [required]=\"true\"\n />\n </div>\n <div *ngSwitchCase=\"'duration'\">\n <br />\n <duration-widget [field]=\"field\" [group]=\"durationGroup\" [controllerName]=\"'duration'\" />\n </div>\n <div *ngSwitchCase=\"'boolean'\">\n <br />\n <analytics-checkbox-widget [field]=\"field\" [group]=\"typeFilteringGroup\" [controllerName]=\"'typeFiltering'\" />\n </div>\n <div *ngSwitchCase=\"'status'\">\n <br />\n <analytics-dropdown-widget [field]=\"field\" [group]=\"statusGroup\" [controllerName]=\"'status'\" [required]=\"true\" />\n </div>\n <div *ngSwitchCase=\"'processDefinition'\">\n <br />\n <analytics-dropdown-widget\n [field]=\"field\"\n [group]=\"processDefGroup\"\n [controllerName]=\"'processDefinitionId'\"\n [required]=\"true\"\n (fieldChanged)=\"onProcessDefinitionChanges(field)\"\n />\n </div>\n <div *ngSwitchCase=\"'task'\">\n <br />\n <analytics-dropdown-widget [field]=\"field\" [group]=\"taskGroup\" [controllerName]=\"'taskName'\" [required]=\"true\" />\n </div>\n <div *ngSwitchCase=\"'dateRange'\">\n <br />\n <adf-date-range-widget [field]=\"field\" [group]=\"dateRange\" />\n </div>\n <div *ngSwitchCase=\"'dateInterval'\">\n <br />\n <analytics-dropdown-widget\n [field]=\"field\"\n [group]=\"dateIntervalGroup\"\n [controllerName]=\"'dateRangeInterval'\"\n [required]=\"true\"\n [showDefaultOption]=\"false\"\n />\n </div>\n <div *ngSwitchDefault>\n <span>{{ 'ANALYTICS.MESSAGES.UNKNOWN-WIDGET-TYPE' | translate }}: {{ field.type }}</span>\n </div>\n </div>\n </div>\n <ng-template #reportNameDialog>\n <div id=\"report-dialog\" class=\"adf-report-dialog\">\n <h5 matDialogTitle id=\"report-dialog-title\">{{ action }} report</h5>\n <div mat-dialog-content>\n <div *ngIf=\"isSaveAction()\" id=\"save-title-submessage\" class=\"adf-export-message\">\n {{ 'DIALOG.SAVE_MESSAGE' | translate }}\n </div>\n <div class=\"adf-save-export-input\">\n <mat-form-field class=\"adf-example-full-width\" [floatLabel]=\"'always'\">\n <input\n matInput\n type=\"text\"\n id=\"repName\"\n placeholder=\"Report Name\"\n [value]=\"reportName\"\n [(ngModel)]=\"reportName\"\n [ngModelOptions]=\"{ standalone: true }\"\n />\n </mat-form-field>\n </div>\n </div>\n <div class=\"adf-report-dialog-actions\" mat-dialog-actions>\n <button mat-button color=\"accent\" type=\"button\" id=\"close-dialog-button\" (click)=\"closeDialog()\">Close</button>\n <button\n mat-button\n color=\"primary\"\n type=\"button\"\n id=\"action-dialog-button\"\n (click)=\"performAction(action, reportParamQuery)\"\n >\n {{ action }}\n </button>\n </div>\n </div>\n </ng-template>\n </form>\n </div>\n </div>\n</div>\n", styles: [".adf-dropdown-widget,.adf-dropdown-widget__select{width:100%}.adf-dropdown-widget__invalid .adf-dropdown-widget__select{border-color:var(--theme-warn-color)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label{color:var(--theme-warn-color)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label:after{background-color:var(--theme-warn-color)}.adf-full-width-input{width:100%}.adf-full-width-input .adf-edit-report-title[type=text]{float:left;font-size:var(--theme-title-font-size);padding-top:19px}.adf-report-icon{float:left;padding:5px 5px 0 0;visibility:hidden}.adf-report-title-container{cursor:pointer;width:100%;margin-bottom:12px}.adf-report-title-container :hover .adf-report-icon{color:var(--theme-primary-color);visibility:visible}.adf-report-title{padding-top:10px}.adf-is-hide{height:0;overflow:hidden;transition:height .5s}.adf-report-report-container{border-bottom:solid 1px var(--adf-theme-foreground-divider-color);padding-top:10px}.adf-report-report-container .adf-toolbar-container.adf-toolbar-container-row{border:0;padding:0}.adf-report-container-setting{padding-left:10px}.adf-option_button_details{padding-top:20px}.adf-export-message{background-color:var(--theme-background-color)}.adf-save-export-input{width:100%}.adf-delete-parameter{position:absolute;margin-left:60%;padding-top:5px}.adf-hide{display:none}.adf-report-dialog .adf-example-full-width{width:100%}.adf-report-dialog .adf-report-dialog-actions{justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "component", type: CheckboxWidgetAnalyticsComponent, selector: "analytics-checkbox-widget", inputs: ["group", "controllerName"] }, { kind: "component", type: DateRangeWidgetComponent, selector: "adf-date-range-widget", inputs: ["group", "field"], outputs: ["dateRangeChanged"] }, { kind: "component", type: DropdownWidgetAnalyticsComponent, selector: "analytics-dropdown-widget", inputs: ["group", "controllerName", "showDefaultOption", "required", "defaultOptionText"] }, { kind: "component", type: DurationWidgetComponent, selector: "duration-widget", inputs: ["group", "controllerName", "required"] }, { kind: "component", type: NumberWidgetAnalyticsComponent, selector: "analytics-number-widget", inputs: ["group", "controllerName", "required"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i4$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: ButtonsMenuComponent, selector: "adf-buttons-action-menu" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6448
6448
|
}
|
|
6449
6449
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AnalyticsReportParametersComponent, decorators: [{
|
|
6450
6450
|
type: Component,
|
|
@@ -6466,7 +6466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
6466
6466
|
], providers: [
|
|
6467
6467
|
{ provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS },
|
|
6468
6468
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter }
|
|
6469
|
-
], encapsulation: ViewEncapsulation.None, template: "<div [class.adf-hide]=\"hideComponent\">\n <div class=\"adf-report-report-container\">\n <div *ngIf=\"reportParameters\">\n <form [formGroup]=\"reportForm\" novalidate>\n <adf-toolbar>\n <adf-toolbar-title class=\"adf-report-title-container\">\n <div *ngIf=\"isEditable\">\n <mat-form-field class=\"adf-full-width-input\">\n <input\n matInput\n type=\"text\"\n class=\"adf-edit-report-title\"\n id=\"reportName\"\n data-automation-id=\"reportName\"\n [value]=\"reportParameters.name\"\n (input)=\"reportParameters.name = $any($event).target.value\"\n (blur)=\"editTitle()\"\n (keyup.enter)=\"editTitle()\"\n />\n </mat-form-field>\n </div>\n <div\n class=\"adf-report-title\"\n *ngIf=\"!isEditable\"\n (click)=\"editEnable()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"editEnable()\"\n >\n <mat-icon class=\"adf-report-icon\">mode_edit</mat-icon>\n <h4>{{ reportParameters.name }}</h4>\n </div>\n </adf-toolbar-title>\n <adf-buttons-action-menu *ngIf=\"!isEditable\">\n <button mat-menu-item (click)=\"toggleParameters()\" id=\"\">\n <mat-icon>settings</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-SETTING' | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"deleteReport(reportId)\" id=\"delete-button\">\n <mat-icon>delete</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-DELETE' | translate }}</span>\n </button>\n <div *ngIf=\"isFormValid()\">\n <button mat-menu-item (click)=\"showDialog('Export')\" id=\"export-button\">\n <mat-icon>file_download</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-EXPORT-CSV' | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"showDialog('Save')\" id=\"save-button\">\n <mat-icon>save</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-SAVE' | translate }}</span>\n </button>\n </div>\n </adf-buttons-action-menu>\n </adf-toolbar>\n <div *ngFor=\"let field of reportParameters.definition.parameters\" [class.adf-is-hide]=\"isParametersHide()\">\n <div [ngSwitch]=\"field.type\">\n <div *ngSwitchCase=\"'integer'\">\n <br />\n <analytics-number-widget\n [field]=\"field\"\n [group]=\"processInstanceGroup\"\n [controllerName]=\"'slowProcessInstanceInteger'\"\n [required]=\"true\"\n />\n </div>\n <div *ngSwitchCase=\"'duration'\">\n <br />\n <duration-widget [field]=\"field\" [group]=\"durationGroup\" [controllerName]=\"'duration'\" />\n </div>\n <div *ngSwitchCase=\"'boolean'\">\n <br />\n <analytics-checkbox-widget [field]=\"field\" [group]=\"typeFilteringGroup\" [controllerName]=\"'typeFiltering'\" />\n </div>\n <div *ngSwitchCase=\"'status'\">\n <br />\n <analytics-dropdown-widget [field]=\"field\" [group]=\"statusGroup\" [controllerName]=\"'status'\" [required]=\"true\" />\n </div>\n <div *ngSwitchCase=\"'processDefinition'\">\n <br />\n <analytics-dropdown-widget\n [field]=\"field\"\n [group]=\"processDefGroup\"\n [controllerName]=\"'processDefinitionId'\"\n [required]=\"true\"\n (fieldChanged)=\"onProcessDefinitionChanges(field)\"\n />\n </div>\n <div *ngSwitchCase=\"'task'\">\n <br />\n <analytics-dropdown-widget [field]=\"field\" [group]=\"taskGroup\" [controllerName]=\"'taskName'\" [required]=\"true\" />\n </div>\n <div *ngSwitchCase=\"'dateRange'\">\n <br />\n <adf-date-range-widget [field]=\"field\" [group]=\"dateRange\" />\n </div>\n <div *ngSwitchCase=\"'dateInterval'\">\n <br />\n <analytics-dropdown-widget\n [field]=\"field\"\n [group]=\"dateIntervalGroup\"\n [controllerName]=\"'dateRangeInterval'\"\n [required]=\"true\"\n [showDefaultOption]=\"false\"\n />\n </div>\n <div *ngSwitchDefault>\n <span>{{ 'ANALYTICS.MESSAGES.UNKNOWN-WIDGET-TYPE' | translate }}: {{ field.type }}</span>\n </div>\n </div>\n </div>\n <ng-template #reportNameDialog>\n <div id=\"report-dialog\" class=\"adf-report-dialog\">\n <h5 matDialogTitle id=\"report-dialog-title\">{{ action }} report</h5>\n <div mat-dialog-content>\n <div *ngIf=\"isSaveAction()\" id=\"save-title-submessage\" class=\"adf-export-message\">\n {{ 'DIALOG.SAVE_MESSAGE' | translate }}\n </div>\n <div class=\"adf-save-export-input\">\n <mat-form-field class=\"adf-example-full-width\" [floatLabel]=\"'always'\">\n <input\n matInput\n type=\"text\"\n id=\"repName\"\n placeholder=\"Report Name\"\n [value]=\"reportName\"\n [(ngModel)]=\"reportName\"\n [ngModelOptions]=\"{ standalone: true }\"\n />\n </mat-form-field>\n </div>\n </div>\n <div class=\"adf-report-dialog-actions\" mat-dialog-actions>\n <button mat-button type=\"button\" id=\"close-dialog-button\" (click)=\"closeDialog()\">Close</button>\n <button\n mat-button\n type=\"button\"\n id=\"action-dialog-button\"\n (click)=\"performAction(action, reportParamQuery)\"\n >\n {{ action }}\n </button>\n </div>\n </div>\n </ng-template>\n </form>\n </div>\n </div>\n</div>\n", styles: [".adf-dropdown-widget,.adf-dropdown-widget__select{width:100%}.adf-dropdown-widget__invalid .adf-dropdown-widget__select{border-color:var(--mat-sys-error)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label{color:var(--mat-sys-error)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label:after{background-color:var(--mat-sys-error)}.adf-full-width-input{width:100%}.adf-full-width-input .adf-edit-report-title[type=text]{float:left;font-size:var(--mat-sys-title-medium-size);padding-top:19px}.adf-report-icon{float:left;padding:5px 5px 0 0;visibility:hidden}.adf-report-title-container{cursor:pointer;width:100%;margin-bottom:12px}.adf-report-title-container :hover .adf-report-icon{color:var(--mat-sys-primary);visibility:visible}.adf-report-title{padding-top:10px}.adf-is-hide{height:0;overflow:hidden;transition:height .5s}.adf-report-report-container{border-bottom:solid 1px var(--mat-sys-outline);padding-top:10px}.adf-report-report-container .adf-toolbar-container.adf-toolbar-container-row{border:0;padding:0}.adf-report-container-setting{padding-left:10px}.adf-option_button_details{padding-top:20px}.adf-export-message{background-color:var(--mat-sys-surface)}.adf-save-export-input{width:100%}.adf-delete-parameter{position:absolute;margin-left:60%;padding-top:5px}.adf-hide{display:none}.adf-report-dialog .adf-example-full-width{width:100%}.adf-report-dialog .adf-report-dialog-actions{justify-content:flex-end}\n"] }]
|
|
6469
|
+
], encapsulation: ViewEncapsulation.None, template: "<div [class.adf-hide]=\"hideComponent\">\n <div class=\"adf-report-report-container\">\n <div *ngIf=\"reportParameters\">\n <form [formGroup]=\"reportForm\" novalidate>\n <adf-toolbar>\n <adf-toolbar-title class=\"adf-report-title-container\">\n <div *ngIf=\"isEditable\">\n <mat-form-field class=\"adf-full-width-input\">\n <input\n matInput\n type=\"text\"\n class=\"adf-edit-report-title\"\n id=\"reportName\"\n data-automation-id=\"reportName\"\n [value]=\"reportParameters.name\"\n (input)=\"reportParameters.name = $any($event).target.value\"\n (blur)=\"editTitle()\"\n (keyup.enter)=\"editTitle()\"\n />\n </mat-form-field>\n </div>\n <div\n class=\"adf-report-title\"\n *ngIf=\"!isEditable\"\n (click)=\"editEnable()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"editEnable()\"\n >\n <mat-icon class=\"adf-report-icon\">mode_edit</mat-icon>\n <h4>{{ reportParameters.name }}</h4>\n </div>\n </adf-toolbar-title>\n <adf-buttons-action-menu *ngIf=\"!isEditable\">\n <button mat-menu-item (click)=\"toggleParameters()\" id=\"\">\n <mat-icon>settings</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-SETTING' | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"deleteReport(reportId)\" id=\"delete-button\">\n <mat-icon>delete</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-DELETE' | translate }}</span>\n </button>\n <div *ngIf=\"isFormValid()\">\n <button mat-menu-item (click)=\"showDialog('Export')\" id=\"export-button\">\n <mat-icon>file_download</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-EXPORT-CSV' | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"showDialog('Save')\" id=\"save-button\">\n <mat-icon>save</mat-icon>\n <span>{{ 'ANALYTICS.MESSAGES.ICON-SAVE' | translate }}</span>\n </button>\n </div>\n </adf-buttons-action-menu>\n </adf-toolbar>\n <div *ngFor=\"let field of reportParameters.definition.parameters\" [class.adf-is-hide]=\"isParametersHide()\">\n <div [ngSwitch]=\"field.type\">\n <div *ngSwitchCase=\"'integer'\">\n <br />\n <analytics-number-widget\n [field]=\"field\"\n [group]=\"processInstanceGroup\"\n [controllerName]=\"'slowProcessInstanceInteger'\"\n [required]=\"true\"\n />\n </div>\n <div *ngSwitchCase=\"'duration'\">\n <br />\n <duration-widget [field]=\"field\" [group]=\"durationGroup\" [controllerName]=\"'duration'\" />\n </div>\n <div *ngSwitchCase=\"'boolean'\">\n <br />\n <analytics-checkbox-widget [field]=\"field\" [group]=\"typeFilteringGroup\" [controllerName]=\"'typeFiltering'\" />\n </div>\n <div *ngSwitchCase=\"'status'\">\n <br />\n <analytics-dropdown-widget [field]=\"field\" [group]=\"statusGroup\" [controllerName]=\"'status'\" [required]=\"true\" />\n </div>\n <div *ngSwitchCase=\"'processDefinition'\">\n <br />\n <analytics-dropdown-widget\n [field]=\"field\"\n [group]=\"processDefGroup\"\n [controllerName]=\"'processDefinitionId'\"\n [required]=\"true\"\n (fieldChanged)=\"onProcessDefinitionChanges(field)\"\n />\n </div>\n <div *ngSwitchCase=\"'task'\">\n <br />\n <analytics-dropdown-widget [field]=\"field\" [group]=\"taskGroup\" [controllerName]=\"'taskName'\" [required]=\"true\" />\n </div>\n <div *ngSwitchCase=\"'dateRange'\">\n <br />\n <adf-date-range-widget [field]=\"field\" [group]=\"dateRange\" />\n </div>\n <div *ngSwitchCase=\"'dateInterval'\">\n <br />\n <analytics-dropdown-widget\n [field]=\"field\"\n [group]=\"dateIntervalGroup\"\n [controllerName]=\"'dateRangeInterval'\"\n [required]=\"true\"\n [showDefaultOption]=\"false\"\n />\n </div>\n <div *ngSwitchDefault>\n <span>{{ 'ANALYTICS.MESSAGES.UNKNOWN-WIDGET-TYPE' | translate }}: {{ field.type }}</span>\n </div>\n </div>\n </div>\n <ng-template #reportNameDialog>\n <div id=\"report-dialog\" class=\"adf-report-dialog\">\n <h5 matDialogTitle id=\"report-dialog-title\">{{ action }} report</h5>\n <div mat-dialog-content>\n <div *ngIf=\"isSaveAction()\" id=\"save-title-submessage\" class=\"adf-export-message\">\n {{ 'DIALOG.SAVE_MESSAGE' | translate }}\n </div>\n <div class=\"adf-save-export-input\">\n <mat-form-field class=\"adf-example-full-width\" [floatLabel]=\"'always'\">\n <input\n matInput\n type=\"text\"\n id=\"repName\"\n placeholder=\"Report Name\"\n [value]=\"reportName\"\n [(ngModel)]=\"reportName\"\n [ngModelOptions]=\"{ standalone: true }\"\n />\n </mat-form-field>\n </div>\n </div>\n <div class=\"adf-report-dialog-actions\" mat-dialog-actions>\n <button mat-button color=\"accent\" type=\"button\" id=\"close-dialog-button\" (click)=\"closeDialog()\">Close</button>\n <button\n mat-button\n color=\"primary\"\n type=\"button\"\n id=\"action-dialog-button\"\n (click)=\"performAction(action, reportParamQuery)\"\n >\n {{ action }}\n </button>\n </div>\n </div>\n </ng-template>\n </form>\n </div>\n </div>\n</div>\n", styles: [".adf-dropdown-widget,.adf-dropdown-widget__select{width:100%}.adf-dropdown-widget__invalid .adf-dropdown-widget__select{border-color:var(--theme-warn-color)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label{color:var(--theme-warn-color)}.adf-dropdown-widget__invalid .adf-dropdown-widget__label:after{background-color:var(--theme-warn-color)}.adf-full-width-input{width:100%}.adf-full-width-input .adf-edit-report-title[type=text]{float:left;font-size:var(--theme-title-font-size);padding-top:19px}.adf-report-icon{float:left;padding:5px 5px 0 0;visibility:hidden}.adf-report-title-container{cursor:pointer;width:100%;margin-bottom:12px}.adf-report-title-container :hover .adf-report-icon{color:var(--theme-primary-color);visibility:visible}.adf-report-title{padding-top:10px}.adf-is-hide{height:0;overflow:hidden;transition:height .5s}.adf-report-report-container{border-bottom:solid 1px var(--adf-theme-foreground-divider-color);padding-top:10px}.adf-report-report-container .adf-toolbar-container.adf-toolbar-container-row{border:0;padding:0}.adf-report-container-setting{padding-left:10px}.adf-option_button_details{padding-top:20px}.adf-export-message{background-color:var(--theme-background-color)}.adf-save-export-input{width:100%}.adf-delete-parameter{position:absolute;margin-left:60%;padding-top:5px}.adf-hide{display:none}.adf-report-dialog .adf-example-full-width{width:100%}.adf-report-dialog .adf-report-dialog-actions{justify-content:flex-end}\n"] }]
|
|
6470
6470
|
}], ctorParameters: () => [{ type: AnalyticsService }, { type: i2.FormBuilder }, { type: i3$2.DownloadService }, { type: i4$3.MatDialog }, { type: i3$2.AdfDateFnsAdapter }], propDecorators: { appId: [{
|
|
6471
6471
|
type: Input
|
|
6472
6472
|
}], reportId: [{
|
|
@@ -6692,11 +6692,11 @@ class AnalyticsReportListComponent {
|
|
|
6692
6692
|
}
|
|
6693
6693
|
}
|
|
6694
6694
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AnalyticsReportListComponent, deps: [{ token: AnalyticsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6695
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AnalyticsReportListComponent, isStandalone: true, selector: "adf-analytics-report-list", inputs: { layoutType: "layoutType", appId: "appId", selectFirst: "selectFirst" }, outputs: { reportClick: "reportClick", success: "success", error: "error" }, ngImport: i0, template: "<div class=\"adf-analytics-report-list menu-container\">\n <mat-nav-list *ngIf=\"isList()\">\n <mat-list-item\n class=\"adf-activiti-filters__entry\"\n (click)=\"selectReport(report)\"\n *ngFor=\"let report of reports; let idx = index\"\n [class.adf-active]=\"currentReport === report\">\n <span [attr.id]=\"'report-list-' + idx\" class=\"adf-activiti-filters__label\">\n <mat-icon matListItemLine\n [attr.data-automation-id]=\"report.name + '_filter'\"\n class=\"adf-activiti-filters__entry-icon\">assignment</mat-icon>\n <span class=\"adf-text\">{{report.name}}</span>\n </span>\n </mat-list-item>\n </mat-nav-list>\n <div class=\"adf-report-card-grids\" *ngIf=\"isGrid()\">\n <mat-card appearance=\"outlined\" (click)=\"selectReport(report)\" class=\"adf-report-card\" *ngFor=\"let report of reports\">\n <div class=\"adf-report-card-logo logo\">\n <mat-icon class=\"adf-report-card-logo-icon\">equalizer</mat-icon>\n </div>\n <div mat-card-title class=\"adf-report-card-title\">\n <h1 class=\"adf-application-title\">{{report.name}}</h1>\n </div>\n <div mat-card-content class=\"adf-report-card-content\">\n <p>{{report.description}}</p>\n </div>\n <div mat-card-actions class=\"adf-report-card-actions\">\n <mat-icon class=\"adf-report-card-actions-icon\" *ngIf=\"isSelected(report)\">done</mat-icon>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-analytics-report-list .adf-activiti-filters__entry{cursor:pointer}.adf-analytics-report-list .adf-activiti-filters__entry .adf-active{color:var(--
|
|
6695
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AnalyticsReportListComponent, isStandalone: true, selector: "adf-analytics-report-list", inputs: { layoutType: "layoutType", appId: "appId", selectFirst: "selectFirst" }, outputs: { reportClick: "reportClick", success: "success", error: "error" }, ngImport: i0, template: "<div class=\"adf-analytics-report-list menu-container\">\n <mat-nav-list *ngIf=\"isList()\">\n <mat-list-item\n class=\"adf-activiti-filters__entry\"\n (click)=\"selectReport(report)\"\n *ngFor=\"let report of reports; let idx = index\"\n [class.adf-active]=\"currentReport === report\">\n <span [attr.id]=\"'report-list-' + idx\" class=\"adf-activiti-filters__label\">\n <mat-icon matListItemLine\n [attr.data-automation-id]=\"report.name + '_filter'\"\n class=\"adf-activiti-filters__entry-icon\">assignment</mat-icon>\n <span class=\"adf-text\">{{report.name}}</span>\n </span>\n </mat-list-item>\n </mat-nav-list>\n <div class=\"adf-report-card-grids\" *ngIf=\"isGrid()\">\n <mat-card appearance=\"outlined\" (click)=\"selectReport(report)\" class=\"adf-report-card\" *ngFor=\"let report of reports\">\n <div class=\"adf-report-card-logo logo\">\n <mat-icon class=\"adf-report-card-logo-icon\">equalizer</mat-icon>\n </div>\n <div mat-card-title class=\"adf-report-card-title\">\n <h1 class=\"adf-application-title\">{{report.name}}</h1>\n </div>\n <div mat-card-content class=\"adf-report-card-content\">\n <p>{{report.description}}</p>\n </div>\n <div mat-card-actions class=\"adf-report-card-actions\">\n <mat-icon class=\"adf-report-card-actions-icon\" *ngIf=\"isSelected(report)\">done</mat-icon>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-analytics-report-list .adf-activiti-filters__entry{cursor:pointer}.adf-analytics-report-list .adf-activiti-filters__entry .adf-active{color:var(--theme-primary-color)}.adf-analytics-report-list .adf-activiti-filters__entry-icon{color:var(--theme-primary-color);position:relative;top:5px}.adf-analytics-report-list .adf-activiti-filters__label{white-space:nowrap;overflow:hidden}.adf-analytics-report-list .adf-report-card-grids{display:flex;padding:8px;flex-flow:row wrap;margin:0 auto;align-items:stretch}.adf-analytics-report-list .adf-report-card{margin:8px;width:calc(33.3333% - 16px);position:relative;min-height:200px;overflow:hidden;background-color:var(--theme-background-color);display:flex;flex-direction:column;cursor:pointer}.adf-analytics-report-list .adf-report-card-logo{position:absolute;right:20px;top:35px;z-index:6}.adf-analytics-report-list .adf-report-card-logo-icon{font-size:70px;color:var(--theme-accent-color);width:1em;height:1em;display:inline-block}.adf-analytics-report-list .adf-report-card-title{padding:16px;z-index:7}.adf-analytics-report-list .adf-report-card-title .adf-application-title{font-size:var(--theme-headline-font-size);margin:0}.adf-analytics-report-list .adf-report-card-content{padding:16px;flex-grow:1}.adf-analytics-report-list .adf-report-card-actions{border-top:1px solid var(--adf-theme-foreground-divider-color);padding:8px;box-sizing:border-box;height:40px}.adf-analytics-report-list .adf-report-card-actions-icon{color:var(--adf-theme-foreground-text-color-054)}.adf-analytics-report-list .adf-report-card-actions-icon:hover{color:var(--adf-theme-foreground-text-color-087)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3$3.MatListItemLine, selector: "[matListItemLine]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6696
6696
|
}
|
|
6697
6697
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AnalyticsReportListComponent, decorators: [{
|
|
6698
6698
|
type: Component,
|
|
6699
|
-
args: [{ selector: 'adf-analytics-report-list', imports: [CommonModule, MatListModule, MatIconModule, MatCardModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-analytics-report-list menu-container\">\n <mat-nav-list *ngIf=\"isList()\">\n <mat-list-item\n class=\"adf-activiti-filters__entry\"\n (click)=\"selectReport(report)\"\n *ngFor=\"let report of reports; let idx = index\"\n [class.adf-active]=\"currentReport === report\">\n <span [attr.id]=\"'report-list-' + idx\" class=\"adf-activiti-filters__label\">\n <mat-icon matListItemLine\n [attr.data-automation-id]=\"report.name + '_filter'\"\n class=\"adf-activiti-filters__entry-icon\">assignment</mat-icon>\n <span class=\"adf-text\">{{report.name}}</span>\n </span>\n </mat-list-item>\n </mat-nav-list>\n <div class=\"adf-report-card-grids\" *ngIf=\"isGrid()\">\n <mat-card appearance=\"outlined\" (click)=\"selectReport(report)\" class=\"adf-report-card\" *ngFor=\"let report of reports\">\n <div class=\"adf-report-card-logo logo\">\n <mat-icon class=\"adf-report-card-logo-icon\">equalizer</mat-icon>\n </div>\n <div mat-card-title class=\"adf-report-card-title\">\n <h1 class=\"adf-application-title\">{{report.name}}</h1>\n </div>\n <div mat-card-content class=\"adf-report-card-content\">\n <p>{{report.description}}</p>\n </div>\n <div mat-card-actions class=\"adf-report-card-actions\">\n <mat-icon class=\"adf-report-card-actions-icon\" *ngIf=\"isSelected(report)\">done</mat-icon>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-analytics-report-list .adf-activiti-filters__entry{cursor:pointer}.adf-analytics-report-list .adf-activiti-filters__entry .adf-active{color:var(--
|
|
6699
|
+
args: [{ selector: 'adf-analytics-report-list', imports: [CommonModule, MatListModule, MatIconModule, MatCardModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-analytics-report-list menu-container\">\n <mat-nav-list *ngIf=\"isList()\">\n <mat-list-item\n class=\"adf-activiti-filters__entry\"\n (click)=\"selectReport(report)\"\n *ngFor=\"let report of reports; let idx = index\"\n [class.adf-active]=\"currentReport === report\">\n <span [attr.id]=\"'report-list-' + idx\" class=\"adf-activiti-filters__label\">\n <mat-icon matListItemLine\n [attr.data-automation-id]=\"report.name + '_filter'\"\n class=\"adf-activiti-filters__entry-icon\">assignment</mat-icon>\n <span class=\"adf-text\">{{report.name}}</span>\n </span>\n </mat-list-item>\n </mat-nav-list>\n <div class=\"adf-report-card-grids\" *ngIf=\"isGrid()\">\n <mat-card appearance=\"outlined\" (click)=\"selectReport(report)\" class=\"adf-report-card\" *ngFor=\"let report of reports\">\n <div class=\"adf-report-card-logo logo\">\n <mat-icon class=\"adf-report-card-logo-icon\">equalizer</mat-icon>\n </div>\n <div mat-card-title class=\"adf-report-card-title\">\n <h1 class=\"adf-application-title\">{{report.name}}</h1>\n </div>\n <div mat-card-content class=\"adf-report-card-content\">\n <p>{{report.description}}</p>\n </div>\n <div mat-card-actions class=\"adf-report-card-actions\">\n <mat-icon class=\"adf-report-card-actions-icon\" *ngIf=\"isSelected(report)\">done</mat-icon>\n </div>\n </mat-card>\n </div>\n</div>\n", styles: [".adf-analytics-report-list .adf-activiti-filters__entry{cursor:pointer}.adf-analytics-report-list .adf-activiti-filters__entry .adf-active{color:var(--theme-primary-color)}.adf-analytics-report-list .adf-activiti-filters__entry-icon{color:var(--theme-primary-color);position:relative;top:5px}.adf-analytics-report-list .adf-activiti-filters__label{white-space:nowrap;overflow:hidden}.adf-analytics-report-list .adf-report-card-grids{display:flex;padding:8px;flex-flow:row wrap;margin:0 auto;align-items:stretch}.adf-analytics-report-list .adf-report-card{margin:8px;width:calc(33.3333% - 16px);position:relative;min-height:200px;overflow:hidden;background-color:var(--theme-background-color);display:flex;flex-direction:column;cursor:pointer}.adf-analytics-report-list .adf-report-card-logo{position:absolute;right:20px;top:35px;z-index:6}.adf-analytics-report-list .adf-report-card-logo-icon{font-size:70px;color:var(--theme-accent-color);width:1em;height:1em;display:inline-block}.adf-analytics-report-list .adf-report-card-title{padding:16px;z-index:7}.adf-analytics-report-list .adf-report-card-title .adf-application-title{font-size:var(--theme-headline-font-size);margin:0}.adf-analytics-report-list .adf-report-card-content{padding:16px;flex-grow:1}.adf-analytics-report-list .adf-report-card-actions{border-top:1px solid var(--adf-theme-foreground-divider-color);padding:8px;box-sizing:border-box;height:40px}.adf-analytics-report-list .adf-report-card-actions-icon{color:var(--adf-theme-foreground-text-color-054)}.adf-analytics-report-list .adf-report-card-actions-icon:hover{color:var(--adf-theme-foreground-text-color-087)}\n"] }]
|
|
6700
6700
|
}], ctorParameters: () => [{ type: AnalyticsService }], propDecorators: { layoutType: [{
|
|
6701
6701
|
type: Input
|
|
6702
6702
|
}], appId: [{
|