@alfresco/adf-process-services 9.2.0-30823636929 → 9.2.0-30825573264
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/adf-process-services.mjs +20 -20
- package/fesm2022/adf-process-services.mjs.map +1 -1
- package/lib/app-list/apps-list.component.scss +2 -1
- package/lib/form/start-form/start-form.component.scss +18 -15
- package/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss +8 -8
- package/lib/form/widgets/content-widget/attach-folder-widget.component.scss +7 -1
- package/lib/form/widgets/upload/upload.widget.scss +8 -0
- package/lib/people/components/people/people.component.scss +6 -3
- package/lib/process-list/components/start-process/start-process.component.scss +11 -2
- package/lib/styles/mat-selectors.scss +13 -0
- package/lib/task-list/components/attach-form/attach-form.component.scss +3 -2
- package/lib/task-list/components/checklist/checklist.component.scss +3 -2
- package/lib/task-list/components/task-form/task-form.component.scss +4 -9
- package/package.json +4 -4
|
@@ -2933,11 +2933,11 @@ class StartFormComponent extends FormComponent {
|
|
|
2933
2933
|
this.outcomeClick.emit(outcome);
|
|
2934
2934
|
}
|
|
2935
2935
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: StartFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2936
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: StartFormComponent, isStandalone: true, selector: "adf-start-form", inputs: { processDefinitionId: "processDefinitionId", processId: "processId", showOutcomeButtons: "showOutcomeButtons", showRefreshButton: "showRefreshButton", readOnlyForm: "readOnlyForm" }, outputs: { outcomeClick: "outcomeClick", formContentClicked: "formContentClicked" }, viewQueries: [{ propertyName: "outcomesContainer", first: true, predicate: ["outcomesContainer"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-start-form-container\" *ngIf=\"hasForm()\">\n <mat-card class=\"adf-start-form-card\">\n <mat-card-header class=\"adf-start-form-header\">\n <mat-card-title>\n <h2 *ngIf=\"isTitleEnabled()\" class=\"mdl-card__title-text\">{{form.taskName}}</h2>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-start-form-content\">\n <adf-form-renderer [formDefinition]=\"form\" />\n </mat-card-content>\n <mat-card-content class=\"adf-start-form-actions\" *ngIf=\"showOutcomeButtons && form.hasOutcomes()\"\n #outcomesContainer>\n <ng-content select=\"[adf-form-custom-button], [form-custom-button]\" />\n\n <button *ngFor=\"let outcome of form.outcomes\"\n mat-button\n class=\"adf-start-form-actions-button\"\n [attr.data-automation-id]=\"'adf-form-' + outcome.name | lowercase\"\n [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.mdl-button--colored]=\"!outcome.isSystem\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{ outcome.name | uppercase | translate | uppercase }}\n </button>\n </mat-card-content>\n <mat-card-actions *ngIf=\"showRefreshButton\">\n <button mat-button\n (click)=\"onRefreshClicked()\">\n <mat-icon>refresh</mat-icon>\n </button>\n </mat-card-actions>\n </mat-card>\n</div>\n", styles: [".adf-form-container{max-width:100%;max-height:100%}.adf-form-container mat-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-body-content{overflow:hidden}.adf-form-container .mdc-tab__text-label{text-align:left;text-transform:uppercase}.adf-form-container
|
|
2936
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: StartFormComponent, isStandalone: true, selector: "adf-start-form", inputs: { processDefinitionId: "processDefinitionId", processId: "processId", showOutcomeButtons: "showOutcomeButtons", showRefreshButton: "showRefreshButton", readOnlyForm: "readOnlyForm" }, outputs: { outcomeClick: "outcomeClick", formContentClicked: "formContentClicked" }, viewQueries: [{ propertyName: "outcomesContainer", first: true, predicate: ["outcomesContainer"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-start-form-container\" *ngIf=\"hasForm()\">\n <mat-card class=\"adf-start-form-card\">\n <mat-card-header class=\"adf-start-form-header\">\n <mat-card-title>\n <h2 *ngIf=\"isTitleEnabled()\" class=\"mdl-card__title-text\">{{form.taskName}}</h2>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-start-form-content\">\n <adf-form-renderer [formDefinition]=\"form\" />\n </mat-card-content>\n <mat-card-content class=\"adf-start-form-actions\" *ngIf=\"showOutcomeButtons && form.hasOutcomes()\"\n #outcomesContainer>\n <ng-content select=\"[adf-form-custom-button], [form-custom-button]\" />\n\n <button *ngFor=\"let outcome of form.outcomes\"\n mat-button\n class=\"adf-start-form-actions-button\"\n [attr.data-automation-id]=\"'adf-form-' + outcome.name | lowercase\"\n [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.mdl-button--colored]=\"!outcome.isSystem\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{ outcome.name | uppercase | translate | uppercase }}\n </button>\n </mat-card-content>\n <mat-card-actions *ngIf=\"showRefreshButton\">\n <button mat-button\n (click)=\"onRefreshClicked()\">\n <mat-icon>refresh</mat-icon>\n </button>\n </mat-card-actions>\n </mat-card>\n</div>\n", styles: [".adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-tab-body-content{overflow:hidden}.adf-form-container .mdc-tab__text-label{text-align:left;text-transform:uppercase}.adf-form-container .mdc-tab-indicator{height:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-container-card .adf-form-title{font:var(--mat-sys-title-medium)}.adf-form-container-card .adf-form-debug-container{padding:10px}.adf-form-container-card .adf-form-debug-container .adf-debug-toggle-text{padding-left:15px;cursor:pointer}.adf-form-container-card .adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-container-card .adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--mat-sys-primary)}.adf-form-container-card .adf-form-validation-button .adf-invalid-color{color:var(--mat-sys-error)}.adf-form-container-card .adf-form-hide-button{display:none}.adf-form-container-card .adf-task-title{text-align:center}.adf-form-container-card .adf-label{width:32px;height:16px;font:var(--mat-sys-body-small);text-align:left;white-space:nowrap}.adf-form-container-card .adf-form-mat-card-actions{float:right;padding-bottom:25px;padding-right:25px}.adf-form-container-card .adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px}.adf-form-container-card .adf-form-mat-card-actions .mdc-button__label{width:58px;height:20px;font:var(--mat-sys-body-large)}form-field{width:100%}[dir=rtl] .adf-form-validation-button{left:50px;right:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i2$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: FormRendererComponent, selector: "adf-form-renderer", inputs: ["formDefinition", "readOnly"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2937
2937
|
}
|
|
2938
2938
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: StartFormComponent, decorators: [{
|
|
2939
2939
|
type: Component,
|
|
2940
|
-
args: [{ selector: 'adf-start-form', imports: [CommonModule, TranslatePipe, MatButtonModule, MatCardModule, FormRendererComponent, MatIconModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-start-form-container\" *ngIf=\"hasForm()\">\n <mat-card class=\"adf-start-form-card\">\n <mat-card-header class=\"adf-start-form-header\">\n <mat-card-title>\n <h2 *ngIf=\"isTitleEnabled()\" class=\"mdl-card__title-text\">{{form.taskName}}</h2>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-start-form-content\">\n <adf-form-renderer [formDefinition]=\"form\" />\n </mat-card-content>\n <mat-card-content class=\"adf-start-form-actions\" *ngIf=\"showOutcomeButtons && form.hasOutcomes()\"\n #outcomesContainer>\n <ng-content select=\"[adf-form-custom-button], [form-custom-button]\" />\n\n <button *ngFor=\"let outcome of form.outcomes\"\n mat-button\n class=\"adf-start-form-actions-button\"\n [attr.data-automation-id]=\"'adf-form-' + outcome.name | lowercase\"\n [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.mdl-button--colored]=\"!outcome.isSystem\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{ outcome.name | uppercase | translate | uppercase }}\n </button>\n </mat-card-content>\n <mat-card-actions *ngIf=\"showRefreshButton\">\n <button mat-button\n (click)=\"onRefreshClicked()\">\n <mat-icon>refresh</mat-icon>\n </button>\n </mat-card-actions>\n </mat-card>\n</div>\n", styles: [".adf-form-container{max-width:100%;max-height:100%}.adf-form-container mat-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-body-content{overflow:hidden}.adf-form-container .mdc-tab__text-label{text-align:left;text-transform:uppercase}.adf-form-container
|
|
2940
|
+
args: [{ selector: 'adf-start-form', imports: [CommonModule, TranslatePipe, MatButtonModule, MatCardModule, FormRendererComponent, MatIconModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-start-form-container\" *ngIf=\"hasForm()\">\n <mat-card class=\"adf-start-form-card\">\n <mat-card-header class=\"adf-start-form-header\">\n <mat-card-title>\n <h2 *ngIf=\"isTitleEnabled()\" class=\"mdl-card__title-text\">{{form.taskName}}</h2>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content class=\"adf-start-form-content\">\n <adf-form-renderer [formDefinition]=\"form\" />\n </mat-card-content>\n <mat-card-content class=\"adf-start-form-actions\" *ngIf=\"showOutcomeButtons && form.hasOutcomes()\"\n #outcomesContainer>\n <ng-content select=\"[adf-form-custom-button], [form-custom-button]\" />\n\n <button *ngFor=\"let outcome of form.outcomes\"\n mat-button\n class=\"adf-start-form-actions-button\"\n [attr.data-automation-id]=\"'adf-form-' + outcome.name | lowercase\"\n [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n [class.mdl-button--colored]=\"!outcome.isSystem\"\n [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n (click)=\"onOutcomeClicked(outcome)\">\n {{ outcome.name | uppercase | translate | uppercase }}\n </button>\n </mat-card-content>\n <mat-card-actions *ngIf=\"showRefreshButton\">\n <button mat-button\n (click)=\"onRefreshClicked()\">\n <mat-icon>refresh</mat-icon>\n </button>\n </mat-card-actions>\n </mat-card>\n</div>\n", styles: [".adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-tab-body-content{overflow:hidden}.adf-form-container .mdc-tab__text-label{text-align:left;text-transform:uppercase}.adf-form-container .mdc-tab-indicator{height:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-container-card .adf-form-title{font:var(--mat-sys-title-medium)}.adf-form-container-card .adf-form-debug-container{padding:10px}.adf-form-container-card .adf-form-debug-container .adf-debug-toggle-text{padding-left:15px;cursor:pointer}.adf-form-container-card .adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-container-card .adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--mat-sys-primary)}.adf-form-container-card .adf-form-validation-button .adf-invalid-color{color:var(--mat-sys-error)}.adf-form-container-card .adf-form-hide-button{display:none}.adf-form-container-card .adf-task-title{text-align:center}.adf-form-container-card .adf-label{width:32px;height:16px;font:var(--mat-sys-body-small);text-align:left;white-space:nowrap}.adf-form-container-card .adf-form-mat-card-actions{float:right;padding-bottom:25px;padding-right:25px}.adf-form-container-card .adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px}.adf-form-container-card .adf-form-mat-card-actions .mdc-button__label{width:58px;height:20px;font:var(--mat-sys-body-large)}form-field{width:100%}[dir=rtl] .adf-form-validation-button{left:50px;right:unset}\n"] }]
|
|
2941
2941
|
}], ctorParameters: () => [], propDecorators: { processDefinitionId: [{
|
|
2942
2942
|
type: Input
|
|
2943
2943
|
}], processId: [{
|
|
@@ -3252,7 +3252,7 @@ class UploadWidgetComponent extends WidgetComponent {
|
|
|
3252
3252
|
});
|
|
3253
3253
|
}
|
|
3254
3254
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: UploadWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3255
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: UploadWidgetComponent, isStandalone: true, selector: "upload-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["uploadFiles"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"adf-upload-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n <label class=\"adf-label\" [attr.for]=\"field.id\"\n >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n <div class=\"adf-upload-widget-container\">\n <div>\n <mat-list *ngIf=\"hasFile\">\n <mat-list-item class=\"adf-upload-files-row\" *ngFor=\"let file of field.value\">\n <img\n matListItemLine\n class=\"adf-upload-widget__icon\"\n [id]=\"'file-'+file.id+'-icon'\"\n [src]=\"getIcon(file.mimeType)\"\n [alt]=\"mimeTypeIcon\"\n (click)=\"fileClicked(file)\"\n (keyup.enter)=\"fileClicked(file)\"\n role=\"button\"\n tabindex=\"0\"\n />\n <span\n matListItemLine\n id=\"{{'file-'+file.id}}\"\n (click)=\"fileClicked(file)\"\n (keyup.enter)=\"fileClicked(file)\"\n role=\"button\"\n tabindex=\"0\"\n class=\"adf-file\"\n >{{file.name}}</span\n >\n <button\n *ngIf=\"!field.readOnly\"\n mat-icon-button\n [id]=\"'file-'+file.id+'-remove'\"\n (click)=\"removeFile(file);\"\n (keyup.enter)=\"removeFile(file);\"\n >\n <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n </button>\n </mat-list-item>\n </mat-list>\n </div>\n\n <div *ngIf=\"(!hasFile || multipleOption) && !field.readOnly\">\n <button mat-raised-button (click)=\"uploadFiles.click()\">\n {{ 'FORM.FIELD.UPLOAD' | translate }}<mat-icon>file_upload</mat-icon>\n <input #uploadFiles [multiple]=\"multipleOption\" type=\"file\" [id]=\"field.id\" (change)=\"onFileChanged($event)\" />\n </button>\n </div>\n </div>\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget *ngIf=\"isInvalidFieldRequired()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-upload-widget-container{margin-bottom:15px}.adf-upload-widget-container input{display:none}.adf-upload-widget{width:100%;word-break:break-all;padding:.4375em 0;border-top:.8438em solid transparent}.adf-upload-widget__icon{padding:6px;float:left;cursor:pointer}.adf-upload-widget__reset{margin-top:-2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$2.MatListItemLine, selector: "[matListItemLine]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3255
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: UploadWidgetComponent, isStandalone: true, selector: "upload-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["uploadFiles"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"adf-upload-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n <label class=\"adf-label\" [attr.for]=\"field.id\"\n >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n <div class=\"adf-upload-widget-container\">\n <div>\n <mat-list *ngIf=\"hasFile\">\n <mat-list-item class=\"adf-upload-files-row\" *ngFor=\"let file of field.value\">\n <img\n matListItemLine\n class=\"adf-upload-widget__icon\"\n [id]=\"'file-'+file.id+'-icon'\"\n [src]=\"getIcon(file.mimeType)\"\n [alt]=\"mimeTypeIcon\"\n (click)=\"fileClicked(file)\"\n (keyup.enter)=\"fileClicked(file)\"\n role=\"button\"\n tabindex=\"0\"\n />\n <span\n matListItemLine\n id=\"{{'file-'+file.id}}\"\n (click)=\"fileClicked(file)\"\n (keyup.enter)=\"fileClicked(file)\"\n role=\"button\"\n tabindex=\"0\"\n class=\"adf-file\"\n >{{file.name}}</span\n >\n <button\n *ngIf=\"!field.readOnly\"\n mat-icon-button\n [id]=\"'file-'+file.id+'-remove'\"\n (click)=\"removeFile(file);\"\n (keyup.enter)=\"removeFile(file);\"\n >\n <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n </button>\n </mat-list-item>\n </mat-list>\n </div>\n\n <div *ngIf=\"(!hasFile || multipleOption) && !field.readOnly\">\n <button mat-raised-button (click)=\"uploadFiles.click()\">\n {{ 'FORM.FIELD.UPLOAD' | translate }}<mat-icon>file_upload</mat-icon>\n <input #uploadFiles [multiple]=\"multipleOption\" type=\"file\" [id]=\"field.id\" (change)=\"onFileChanged($event)\" />\n </button>\n </div>\n </div>\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget *ngIf=\"isInvalidFieldRequired()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-upload-widget-container{margin-bottom:15px}.adf-upload-widget-container input{display:none}.adf-upload-widget{width:100%;word-break:break-all;padding:.4375em 0;border-top:.8438em solid transparent}.adf-upload-widget__icon{padding:6px;float:left;cursor:pointer}.adf-upload-widget__reset{margin-top:-2px}.adf-upload-files-row .mat-line{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$2.MatListItemLine, selector: "[matListItemLine]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3256
3256
|
}
|
|
3257
3257
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: UploadWidgetComponent, decorators: [{
|
|
3258
3258
|
type: Component,
|
|
@@ -3266,7 +3266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
|
|
|
3266
3266
|
'(input)': 'event($event)',
|
|
3267
3267
|
'(invalid)': 'event($event)',
|
|
3268
3268
|
'(select)': 'event($event)'
|
|
3269
|
-
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-upload-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n <label class=\"adf-label\" [attr.for]=\"field.id\"\n >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n <div class=\"adf-upload-widget-container\">\n <div>\n <mat-list *ngIf=\"hasFile\">\n <mat-list-item class=\"adf-upload-files-row\" *ngFor=\"let file of field.value\">\n <img\n matListItemLine\n class=\"adf-upload-widget__icon\"\n [id]=\"'file-'+file.id+'-icon'\"\n [src]=\"getIcon(file.mimeType)\"\n [alt]=\"mimeTypeIcon\"\n (click)=\"fileClicked(file)\"\n (keyup.enter)=\"fileClicked(file)\"\n role=\"button\"\n tabindex=\"0\"\n />\n <span\n matListItemLine\n id=\"{{'file-'+file.id}}\"\n (click)=\"fileClicked(file)\"\n (keyup.enter)=\"fileClicked(file)\"\n role=\"button\"\n tabindex=\"0\"\n class=\"adf-file\"\n >{{file.name}}</span\n >\n <button\n *ngIf=\"!field.readOnly\"\n mat-icon-button\n [id]=\"'file-'+file.id+'-remove'\"\n (click)=\"removeFile(file);\"\n (keyup.enter)=\"removeFile(file);\"\n >\n <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n </button>\n </mat-list-item>\n </mat-list>\n </div>\n\n <div *ngIf=\"(!hasFile || multipleOption) && !field.readOnly\">\n <button mat-raised-button (click)=\"uploadFiles.click()\">\n {{ 'FORM.FIELD.UPLOAD' | translate }}<mat-icon>file_upload</mat-icon>\n <input #uploadFiles [multiple]=\"multipleOption\" type=\"file\" [id]=\"field.id\" (change)=\"onFileChanged($event)\" />\n </button>\n </div>\n </div>\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget *ngIf=\"isInvalidFieldRequired()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-upload-widget-container{margin-bottom:15px}.adf-upload-widget-container input{display:none}.adf-upload-widget{width:100%;word-break:break-all;padding:.4375em 0;border-top:.8438em solid transparent}.adf-upload-widget__icon{padding:6px;float:left;cursor:pointer}.adf-upload-widget__reset{margin-top:-2px}\n"] }]
|
|
3269
|
+
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-upload-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n <label class=\"adf-label\" [attr.for]=\"field.id\"\n >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n <div class=\"adf-upload-widget-container\">\n <div>\n <mat-list *ngIf=\"hasFile\">\n <mat-list-item class=\"adf-upload-files-row\" *ngFor=\"let file of field.value\">\n <img\n matListItemLine\n class=\"adf-upload-widget__icon\"\n [id]=\"'file-'+file.id+'-icon'\"\n [src]=\"getIcon(file.mimeType)\"\n [alt]=\"mimeTypeIcon\"\n (click)=\"fileClicked(file)\"\n (keyup.enter)=\"fileClicked(file)\"\n role=\"button\"\n tabindex=\"0\"\n />\n <span\n matListItemLine\n id=\"{{'file-'+file.id}}\"\n (click)=\"fileClicked(file)\"\n (keyup.enter)=\"fileClicked(file)\"\n role=\"button\"\n tabindex=\"0\"\n class=\"adf-file\"\n >{{file.name}}</span\n >\n <button\n *ngIf=\"!field.readOnly\"\n mat-icon-button\n [id]=\"'file-'+file.id+'-remove'\"\n (click)=\"removeFile(file);\"\n (keyup.enter)=\"removeFile(file);\"\n >\n <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n </button>\n </mat-list-item>\n </mat-list>\n </div>\n\n <div *ngIf=\"(!hasFile || multipleOption) && !field.readOnly\">\n <button mat-raised-button (click)=\"uploadFiles.click()\">\n {{ 'FORM.FIELD.UPLOAD' | translate }}<mat-icon>file_upload</mat-icon>\n <input #uploadFiles [multiple]=\"multipleOption\" type=\"file\" [id]=\"field.id\" (change)=\"onFileChanged($event)\" />\n </button>\n </div>\n </div>\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget *ngIf=\"isInvalidFieldRequired()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-upload-widget-container{margin-bottom:15px}.adf-upload-widget-container input{display:none}.adf-upload-widget{width:100%;word-break:break-all;padding:.4375em 0;border-top:.8438em solid transparent}.adf-upload-widget__icon{padding:6px;float:left;cursor:pointer}.adf-upload-widget__reset{margin-top:-2px}.adf-upload-files-row .mat-line{margin-bottom:0}\n"] }]
|
|
3270
3270
|
}], propDecorators: { fileInput: [{
|
|
3271
3271
|
type: ViewChild,
|
|
3272
3272
|
args: ['uploadFiles']
|
|
@@ -5314,7 +5314,7 @@ class AttachFileWidgetDialogComponent {
|
|
|
5314
5314
|
SitesService,
|
|
5315
5315
|
SearchService,
|
|
5316
5316
|
{ provide: AlfrescoApiService, useClass: ExternalAlfrescoApiService }
|
|
5317
|
-
], viewQueries: [{ propertyName: "loginPanel", first: true, predicate: ["adfLoginPanel"], descendants: true }], ngImport: i0, template: "<header\n mat-dialog-title\n data-automation-id=\"content-node-selector-title\">\n <span *ngIf=\"isLoggedIn(); else loginTitle\">{{title}}</span>\n <ng-template #loginTitle>{{data.title}}</ng-template>\n</header>\n\n<mat-dialog-content class=\"adf-login-dialog-content\">\n <adf-login-dialog-panel id=\"attach-file-login-panel\" #adfLoginPanel *ngIf=\"!isLoggedIn()\" />\n <adf-content-node-selector-panel *ngIf=\"isLoggedIn()\"\n id=\"attach-file-content-node\"\n [currentFolderId]=\"data?.currentFolderId\"\n [isSelectionValid]=\"data?.isSelectionValid\"\n [showFilesInResult]=\"data?.showFilesInResult\"\n (select)=\"onSelect($event)\"\n (siteChange)=\"onSiteChange($event)\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-login-dialog-actions\" align=\"end\">\n <button\n mat-button\n (click)=\"close()\"\n data-automation-id=\"attach-file-dialog-actions-cancel\">{{ 'ATTACH-FILE.ACTIONS.CANCEL' | translate }}\n </button>\n\n <button *ngIf=\"!isLoggedIn()\"\n mat-button\n (click)=\"performLogin()\"\n data-automation-id=\"attach-file-dialog-actions-login\">{{ 'ATTACH-FILE.ACTIONS.LOGIN' | translate }}\n </button>\n\n <button *ngIf=\"isLoggedIn()\"\n mat-button\n [disabled]=\"!hasNodeSelected()\"\n class=\"adf-choose-action\"\n (click)=\"onClick()\"\n data-automation-id=\"attach-file-dialog-actions-choose\">{{ buttonActionName | translate }}\n </button>\n\n</mat-dialog-actions>\n", styles: [".adf-attach-file-widget-dialog .
|
|
5317
|
+
], viewQueries: [{ propertyName: "loginPanel", first: true, predicate: ["adfLoginPanel"], descendants: true }], ngImport: i0, template: "<header\n mat-dialog-title\n data-automation-id=\"content-node-selector-title\">\n <span *ngIf=\"isLoggedIn(); else loginTitle\">{{title}}</span>\n <ng-template #loginTitle>{{data.title}}</ng-template>\n</header>\n\n<mat-dialog-content class=\"adf-login-dialog-content\">\n <adf-login-dialog-panel id=\"attach-file-login-panel\" #adfLoginPanel *ngIf=\"!isLoggedIn()\" />\n <adf-content-node-selector-panel *ngIf=\"isLoggedIn()\"\n id=\"attach-file-content-node\"\n [currentFolderId]=\"data?.currentFolderId\"\n [isSelectionValid]=\"data?.isSelectionValid\"\n [showFilesInResult]=\"data?.showFilesInResult\"\n (select)=\"onSelect($event)\"\n (siteChange)=\"onSiteChange($event)\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-login-dialog-actions\" align=\"end\">\n <button\n mat-button\n (click)=\"close()\"\n data-automation-id=\"attach-file-dialog-actions-cancel\">{{ 'ATTACH-FILE.ACTIONS.CANCEL' | translate }}\n </button>\n\n <button *ngIf=\"!isLoggedIn()\"\n mat-button\n (click)=\"performLogin()\"\n data-automation-id=\"attach-file-dialog-actions-login\">{{ 'ATTACH-FILE.ACTIONS.LOGIN' | translate }}\n </button>\n\n <button *ngIf=\"isLoggedIn()\"\n mat-button\n [disabled]=\"!hasNodeSelected()\"\n class=\"adf-choose-action\"\n (click)=\"onClick()\"\n data-automation-id=\"attach-file-dialog-actions-choose\">{{ buttonActionName | translate }}\n </button>\n\n</mat-dialog-actions>\n", styles: [".adf-attach-file-widget-dialog .mat-mdc-dialog-actions{display:flex;justify-content:flex-end}.adf-attach-file-widget-dialog .mat-mdc-dialog-actions button{text-transform:uppercase}.adf-attach-file-widget-dialog .adf-login-dialog-actions{margin-left:-25px;margin-right:-25px;padding-right:25px}.mat-mdc-dialog-surface{overflow-x:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$6.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$6.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$6.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: LoginDialogPanelComponent, selector: "adf-login-dialog-panel", outputs: ["success"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: ContentNodeSelectorPanelComponent, selector: "adf-content-node-selector-panel", inputs: ["restrictRootToCurrentFolderId", "currentFolderId", "dropdownHideMyFiles", "dropdownSiteList", "where", "rowFilter", "excludeSiteContent", "imageResolver", "pageSize", "selectionMode", "isSelectionValid", "breadcrumbTransform", "showSearch", "showDropdownSiteList", "showFilesInResult", "showNodeCounter"], outputs: ["select", "navigationChange", "siteChange", "showingSearch", "currentFolder", "folderLoaded"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5318
5318
|
}
|
|
5319
5319
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachFileWidgetDialogComponent, decorators: [{
|
|
5320
5320
|
type: Component,
|
|
@@ -5324,7 +5324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
|
|
|
5324
5324
|
SitesService,
|
|
5325
5325
|
SearchService,
|
|
5326
5326
|
{ provide: AlfrescoApiService, useClass: ExternalAlfrescoApiService }
|
|
5327
|
-
], template: "<header\n mat-dialog-title\n data-automation-id=\"content-node-selector-title\">\n <span *ngIf=\"isLoggedIn(); else loginTitle\">{{title}}</span>\n <ng-template #loginTitle>{{data.title}}</ng-template>\n</header>\n\n<mat-dialog-content class=\"adf-login-dialog-content\">\n <adf-login-dialog-panel id=\"attach-file-login-panel\" #adfLoginPanel *ngIf=\"!isLoggedIn()\" />\n <adf-content-node-selector-panel *ngIf=\"isLoggedIn()\"\n id=\"attach-file-content-node\"\n [currentFolderId]=\"data?.currentFolderId\"\n [isSelectionValid]=\"data?.isSelectionValid\"\n [showFilesInResult]=\"data?.showFilesInResult\"\n (select)=\"onSelect($event)\"\n (siteChange)=\"onSiteChange($event)\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-login-dialog-actions\" align=\"end\">\n <button\n mat-button\n (click)=\"close()\"\n data-automation-id=\"attach-file-dialog-actions-cancel\">{{ 'ATTACH-FILE.ACTIONS.CANCEL' | translate }}\n </button>\n\n <button *ngIf=\"!isLoggedIn()\"\n mat-button\n (click)=\"performLogin()\"\n data-automation-id=\"attach-file-dialog-actions-login\">{{ 'ATTACH-FILE.ACTIONS.LOGIN' | translate }}\n </button>\n\n <button *ngIf=\"isLoggedIn()\"\n mat-button\n [disabled]=\"!hasNodeSelected()\"\n class=\"adf-choose-action\"\n (click)=\"onClick()\"\n data-automation-id=\"attach-file-dialog-actions-choose\">{{ buttonActionName | translate }}\n </button>\n\n</mat-dialog-actions>\n", styles: [".adf-attach-file-widget-dialog .
|
|
5327
|
+
], template: "<header\n mat-dialog-title\n data-automation-id=\"content-node-selector-title\">\n <span *ngIf=\"isLoggedIn(); else loginTitle\">{{title}}</span>\n <ng-template #loginTitle>{{data.title}}</ng-template>\n</header>\n\n<mat-dialog-content class=\"adf-login-dialog-content\">\n <adf-login-dialog-panel id=\"attach-file-login-panel\" #adfLoginPanel *ngIf=\"!isLoggedIn()\" />\n <adf-content-node-selector-panel *ngIf=\"isLoggedIn()\"\n id=\"attach-file-content-node\"\n [currentFolderId]=\"data?.currentFolderId\"\n [isSelectionValid]=\"data?.isSelectionValid\"\n [showFilesInResult]=\"data?.showFilesInResult\"\n (select)=\"onSelect($event)\"\n (siteChange)=\"onSiteChange($event)\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-login-dialog-actions\" align=\"end\">\n <button\n mat-button\n (click)=\"close()\"\n data-automation-id=\"attach-file-dialog-actions-cancel\">{{ 'ATTACH-FILE.ACTIONS.CANCEL' | translate }}\n </button>\n\n <button *ngIf=\"!isLoggedIn()\"\n mat-button\n (click)=\"performLogin()\"\n data-automation-id=\"attach-file-dialog-actions-login\">{{ 'ATTACH-FILE.ACTIONS.LOGIN' | translate }}\n </button>\n\n <button *ngIf=\"isLoggedIn()\"\n mat-button\n [disabled]=\"!hasNodeSelected()\"\n class=\"adf-choose-action\"\n (click)=\"onClick()\"\n data-automation-id=\"attach-file-dialog-actions-choose\">{{ buttonActionName | translate }}\n </button>\n\n</mat-dialog-actions>\n", styles: [".adf-attach-file-widget-dialog .mat-mdc-dialog-actions{display:flex;justify-content:flex-end}.adf-attach-file-widget-dialog .mat-mdc-dialog-actions button{text-transform:uppercase}.adf-attach-file-widget-dialog .adf-login-dialog-actions{margin-left:-25px;margin-right:-25px;padding-right:25px}.mat-mdc-dialog-surface{overflow-x:hidden}\n"] }]
|
|
5328
5328
|
}], ctorParameters: () => [], propDecorators: { loginPanel: [{
|
|
5329
5329
|
type: ViewChild,
|
|
5330
5330
|
args: ['adfLoginPanel']
|
|
@@ -5786,7 +5786,7 @@ class AttachFolderWidgetComponent extends WidgetComponent {
|
|
|
5786
5786
|
this.hasFolder = false;
|
|
5787
5787
|
}
|
|
5788
5788
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachFolderWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5789
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: AttachFolderWidgetComponent, isStandalone: true, selector: "attach-folder-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-attach-folder-widget {{ field.className }}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n <label class=\"adf-label\" [attr.for]=\"field.id\"\n >{{ field.name | translate }}<span [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n <div class=\"adf-attach-folder-widget-container\">\n <div *ngIf=\"hasFolder\" class=\"adf-attach-folder-result\">\n <mat-icon>folder</mat-icon>\n <div class=\"adf-attach-folder-files-row\">\n <span matLine id=\"{{ 'folder-' + field?.id }}\" role=\"button\" tabindex=\"0\" class=\"adf-folder\">{{ selectedFolderName }}</span>\n <button *ngIf=\"!field.readOnly\" mat-icon-button [id]=\"'folder-' + field?.id + '-remove'\" (click)=\"removeFolder()\">\n <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n </button>\n </div>\n </div>\n\n <div *ngIf=\"!hasFolder && !field.readOnly\">\n <button\n mat-raised-button\n (click)=\"openSelectDialogFromFileSource()\"\n [id]=\"'folder-' + field?.id + '-button'\"\n class=\"adf-attach-folder-menu-trigger\"\n >\n {{ 'FORM.FIELD.UPLOAD' | translate }}\n <mat-icon
|
|
5789
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: AttachFolderWidgetComponent, isStandalone: true, selector: "attach-folder-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-attach-folder-widget {{ field.className }}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n <label class=\"adf-label\" [attr.for]=\"field.id\"\n >{{ field.name | translate }}<span [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n <div class=\"adf-attach-folder-widget-container\">\n <div *ngIf=\"hasFolder\" class=\"adf-attach-folder-result\">\n <mat-icon>folder</mat-icon>\n <div class=\"adf-attach-folder-files-row\">\n <span matLine id=\"{{ 'folder-' + field?.id }}\" role=\"button\" tabindex=\"0\" class=\"adf-folder\">{{ selectedFolderName }}</span>\n <button *ngIf=\"!field.readOnly\" mat-icon-button [id]=\"'folder-' + field?.id + '-remove'\" (click)=\"removeFolder()\">\n <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n </button>\n </div>\n </div>\n\n <div *ngIf=\"!hasFolder && !field.readOnly\">\n <button\n mat-raised-button\n (click)=\"openSelectDialogFromFileSource()\"\n [id]=\"'folder-' + field?.id + '-button'\"\n class=\"adf-attach-folder-menu-trigger\"\n >\n {{ 'FORM.FIELD.UPLOAD' | translate }}\n <mat-icon>cloud_upload</mat-icon>\n </button>\n </div>\n </div>\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget *ngIf=\"isInvalidFieldRequired()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-attach-folder-widget-container{margin-bottom:15px;display:flex;align-items:center}.adf-attach-folder-widget-container input{cursor:pointer;height:100%;right:0;opacity:0;position:absolute;top:0;width:300px;z-index:4}.adf-attach-folder-widget{width:100%;word-break:break-all;padding:.4375em 0;border-top:.8438em solid transparent}.adf-attach-folder-files-row{padding-left:8px}.adf-attach-folder-files-row .mat-line{margin-bottom:0}.adf-attach-folder-result{display:flex;align-items:center}.adf-attach-folder-menu-trigger{display:flex;flex-direction:row-reverse}.adf-attach-folder-menu-trigger .mat-icon{margin-left:4px;margin-right:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i3$6.MatLine, selector: "[mat-line], [matLine]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5790
5790
|
}
|
|
5791
5791
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachFolderWidgetComponent, decorators: [{
|
|
5792
5792
|
type: Component,
|
|
@@ -5800,7 +5800,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
|
|
|
5800
5800
|
'(input)': 'event($event)',
|
|
5801
5801
|
'(invalid)': 'event($event)',
|
|
5802
5802
|
'(select)': 'event($event)'
|
|
5803
|
-
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-attach-folder-widget {{ field.className }}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n <label class=\"adf-label\" [attr.for]=\"field.id\"\n >{{ field.name | translate }}<span [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n <div class=\"adf-attach-folder-widget-container\">\n <div *ngIf=\"hasFolder\" class=\"adf-attach-folder-result\">\n <mat-icon>folder</mat-icon>\n <div class=\"adf-attach-folder-files-row\">\n <span matLine id=\"{{ 'folder-' + field?.id }}\" role=\"button\" tabindex=\"0\" class=\"adf-folder\">{{ selectedFolderName }}</span>\n <button *ngIf=\"!field.readOnly\" mat-icon-button [id]=\"'folder-' + field?.id + '-remove'\" (click)=\"removeFolder()\">\n <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n </button>\n </div>\n </div>\n\n <div *ngIf=\"!hasFolder && !field.readOnly\">\n <button\n mat-raised-button\n (click)=\"openSelectDialogFromFileSource()\"\n [id]=\"'folder-' + field?.id + '-button'\"\n class=\"adf-attach-folder-menu-trigger\"\n >\n {{ 'FORM.FIELD.UPLOAD' | translate }}\n <mat-icon
|
|
5803
|
+
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-attach-folder-widget {{ field.className }}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n <label class=\"adf-label\" [attr.for]=\"field.id\"\n >{{ field.name | translate }}<span [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n <div class=\"adf-attach-folder-widget-container\">\n <div *ngIf=\"hasFolder\" class=\"adf-attach-folder-result\">\n <mat-icon>folder</mat-icon>\n <div class=\"adf-attach-folder-files-row\">\n <span matLine id=\"{{ 'folder-' + field?.id }}\" role=\"button\" tabindex=\"0\" class=\"adf-folder\">{{ selectedFolderName }}</span>\n <button *ngIf=\"!field.readOnly\" mat-icon-button [id]=\"'folder-' + field?.id + '-remove'\" (click)=\"removeFolder()\">\n <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n </button>\n </div>\n </div>\n\n <div *ngIf=\"!hasFolder && !field.readOnly\">\n <button\n mat-raised-button\n (click)=\"openSelectDialogFromFileSource()\"\n [id]=\"'folder-' + field?.id + '-button'\"\n class=\"adf-attach-folder-menu-trigger\"\n >\n {{ 'FORM.FIELD.UPLOAD' | translate }}\n <mat-icon>cloud_upload</mat-icon>\n </button>\n </div>\n </div>\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget *ngIf=\"isInvalidFieldRequired()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-attach-folder-widget-container{margin-bottom:15px;display:flex;align-items:center}.adf-attach-folder-widget-container input{cursor:pointer;height:100%;right:0;opacity:0;position:absolute;top:0;width:300px;z-index:4}.adf-attach-folder-widget{width:100%;word-break:break-all;padding:.4375em 0;border-top:.8438em solid transparent}.adf-attach-folder-files-row{padding-left:8px}.adf-attach-folder-files-row .mat-line{margin-bottom:0}.adf-attach-folder-result{display:flex;align-items:center}.adf-attach-folder-menu-trigger{display:flex;flex-direction:row-reverse}.adf-attach-folder-menu-trigger .mat-icon{margin-left:4px;margin-right:0}\n"] }]
|
|
5804
5804
|
}] });
|
|
5805
5805
|
|
|
5806
5806
|
/*!
|
|
@@ -6230,7 +6230,7 @@ class TaskFormComponent {
|
|
|
6230
6230
|
return this.taskDetails.assignee && this.currentLoggedUser && this.taskDetails.assignee.externalId === this.currentLoggedUser.externalId;
|
|
6231
6231
|
}
|
|
6232
6232
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: TaskFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6233
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: TaskFormComponent, isStandalone: true, selector: "adf-task-form", inputs: { taskId: "taskId", showFormTitle: "showFormTitle", showFormCompleteButton: "showFormCompleteButton", showFormSaveButton: "showFormSaveButton", showCancelButton: "showCancelButton", readOnlyForm: "readOnlyForm", showFormRefreshButton: "showFormRefreshButton", showFormValidationIcon: "showFormValidationIcon", fieldValidators: "fieldValidators" }, outputs: { formSaved: "formSaved", formCompleted: "formCompleted", formContentClicked: "formContentClicked", formLoaded: "formLoaded", showAttachForm: "showAttachForm", executeOutcome: "executeOutcome", completed: "completed", formError: "formError", error: "error", cancel: "cancel", taskClaimed: "taskClaimed", taskUnclaimed: "taskUnclaimed" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!loading; else loadingTemplate\">\n <adf-form *ngIf=\"hasFormKey(); else withoutForm\"\n [taskId]=\"taskDetails?.id\"\n [showTitle]=\"showFormTitle\"\n [showValidationIcon]=\"showFormValidationIcon\"\n [showRefreshButton]=\"showFormRefreshButton\"\n [showCompleteButton]=\"showFormCompleteButton\"\n [showSaveButton]=\"isSaveButtonVisible()\"\n [disableCompleteButton]=\"!isCompleteButtonEnabled()\"\n [readOnly]=\"isReadOnlyForm()\"\n [fieldValidators]=\"fieldValidators\"\n (formSaved)='onFormSaved($event)'\n (formCompleted)='onFormCompleted($event)'\n (formContentClicked)='onFormContentClick($event)'\n (formLoaded)='onFormLoaded($event)'\n (formError)='onFormError($event)'\n (error)='onError($event)'\n (executeOutcome)='onFormExecuteOutcome($event)'>\n <adf-form-custom-outcomes>\n <ng-template [ngTemplateOutlet]=\"taskFormButtons\" />\n </adf-form-custom-outcomes>\n </adf-form>\n <ng-template #withoutForm>\n <adf-task-standalone *ngIf=\"isStandaloneTask(); else emptyFormMessage\"\n [taskName]=\"taskDetails.name\"\n [taskId]=\"taskDetails.id\"\n [isCompleted]=\"isCompletedTask()\"\n [hasCompletePermission]=\"isCompleteButtonVisible()\"\n [hideCancelButton]=\"showCancelButton\"\n (complete)=\"onCompleteTask()\"\n (showAttachForm)=\"onShowAttachForm()\" />\n <ng-template #emptyFormMessage>\n <mat-card appearance=\"outlined\" class=\"adf-task-form-container\">\n <mat-card-header>\n <mat-card-title>\n <h4>\n <span class=\"adf-form-title\">\n {{taskDetails.name}}\n <ng-container *ngIf=\"!taskDetails.name\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <adf-empty-content *ngIf=\"isCompletedTask(); else emptyFormTemplate\"\n [icon]=\"'description'\"\n [title]=\"getCompletedTaskTranslatedMessage() | async\"\n [subtitle]=\"'ADF_TASK_FORM.COMPLETED_TASK.SUBTITLE'\" />\n <ng-template #emptyFormTemplate>\n <adf-empty-content\n [icon]=\"'description'\"\n [title]=\"'ADF_TASK_LIST.STANDALONE_TASK.NO_FORM_MESSAGE'\"\n [subtitle]=\"'ADF_TASK_FORM.EMPTY_FORM.SUBTITLE'\" />\n </ng-template>\n </mat-card-content>\n <mat-card-actions align=\"end\">\n <div class=\"adf-task-form-actions\">\n <ng-template [ngTemplateOutlet]=\"taskFormButtons\" />\n <button mat-button\n *ngIf=\"!isCompletedTask()\" id=\"adf-no-form-complete-button\"\n class=\"adf-task-form-actions-button\"\n [disabled]=\"canCompleteNoFormTask()\"\n (click)=\"onCompleteTask()\">\n {{'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.COMPLETE' | translate}}\n </button>\n </div>\n </mat-card-actions>\n </mat-card>\n </ng-template>\n </ng-template>\n\n <ng-template #taskFormButtons>\n <button mat-button id=\"adf-no-form-cancel-button\"\n *ngIf=\"showCancelButton\"\n (click)=\"onCancel()\">\n {{'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.CANCEL' | translate}}\n </button>\n <button mat-button data-automation-id=\"adf-task-form-claim-button\"\n *ngIf=\"isTaskClaimable()\"\n adf-claim-task\n [taskId]=\"taskId\"\n (success)=\"onClaimTask($event)\"\n (error)=\"onClaimTaskError($event)\">\n {{ 'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.CLAIM' | translate }}\n </button>\n <button mat-button data-automation-id=\"adf-task-form-unclaim-button\"\n *ngIf=\"isTaskClaimedByCandidateMember()\"\n adf-unclaim-task\n [taskId]=\"taskId\"\n (success)=\"onUnclaimTask($event)\"\n (error)=\"onUnclaimTaskError($event)\">\n {{ 'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.UNCLAIM' | translate }}\n </button>\n </ng-template>\n</ng-container>\n<ng-template #loadingTemplate>\n <div class=\"adf-task-form-spinner-container\">\n <mat-spinner />\n </div>\n</ng-template>\n", styles: [".adf-task-form-container{overflow:hidden}.adf-task-form-actions{float:right;padding-right:25px;padding-bottom:25px
|
|
6233
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: TaskFormComponent, isStandalone: true, selector: "adf-task-form", inputs: { taskId: "taskId", showFormTitle: "showFormTitle", showFormCompleteButton: "showFormCompleteButton", showFormSaveButton: "showFormSaveButton", showCancelButton: "showCancelButton", readOnlyForm: "readOnlyForm", showFormRefreshButton: "showFormRefreshButton", showFormValidationIcon: "showFormValidationIcon", fieldValidators: "fieldValidators" }, outputs: { formSaved: "formSaved", formCompleted: "formCompleted", formContentClicked: "formContentClicked", formLoaded: "formLoaded", showAttachForm: "showAttachForm", executeOutcome: "executeOutcome", completed: "completed", formError: "formError", error: "error", cancel: "cancel", taskClaimed: "taskClaimed", taskUnclaimed: "taskUnclaimed" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!loading; else loadingTemplate\">\n <adf-form *ngIf=\"hasFormKey(); else withoutForm\"\n [taskId]=\"taskDetails?.id\"\n [showTitle]=\"showFormTitle\"\n [showValidationIcon]=\"showFormValidationIcon\"\n [showRefreshButton]=\"showFormRefreshButton\"\n [showCompleteButton]=\"showFormCompleteButton\"\n [showSaveButton]=\"isSaveButtonVisible()\"\n [disableCompleteButton]=\"!isCompleteButtonEnabled()\"\n [readOnly]=\"isReadOnlyForm()\"\n [fieldValidators]=\"fieldValidators\"\n (formSaved)='onFormSaved($event)'\n (formCompleted)='onFormCompleted($event)'\n (formContentClicked)='onFormContentClick($event)'\n (formLoaded)='onFormLoaded($event)'\n (formError)='onFormError($event)'\n (error)='onError($event)'\n (executeOutcome)='onFormExecuteOutcome($event)'>\n <adf-form-custom-outcomes>\n <ng-template [ngTemplateOutlet]=\"taskFormButtons\" />\n </adf-form-custom-outcomes>\n </adf-form>\n <ng-template #withoutForm>\n <adf-task-standalone *ngIf=\"isStandaloneTask(); else emptyFormMessage\"\n [taskName]=\"taskDetails.name\"\n [taskId]=\"taskDetails.id\"\n [isCompleted]=\"isCompletedTask()\"\n [hasCompletePermission]=\"isCompleteButtonVisible()\"\n [hideCancelButton]=\"showCancelButton\"\n (complete)=\"onCompleteTask()\"\n (showAttachForm)=\"onShowAttachForm()\" />\n <ng-template #emptyFormMessage>\n <mat-card appearance=\"outlined\" class=\"adf-task-form-container\">\n <mat-card-header>\n <mat-card-title>\n <h4>\n <span class=\"adf-form-title\">\n {{taskDetails.name}}\n <ng-container *ngIf=\"!taskDetails.name\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <adf-empty-content *ngIf=\"isCompletedTask(); else emptyFormTemplate\"\n [icon]=\"'description'\"\n [title]=\"getCompletedTaskTranslatedMessage() | async\"\n [subtitle]=\"'ADF_TASK_FORM.COMPLETED_TASK.SUBTITLE'\" />\n <ng-template #emptyFormTemplate>\n <adf-empty-content\n [icon]=\"'description'\"\n [title]=\"'ADF_TASK_LIST.STANDALONE_TASK.NO_FORM_MESSAGE'\"\n [subtitle]=\"'ADF_TASK_FORM.EMPTY_FORM.SUBTITLE'\" />\n </ng-template>\n </mat-card-content>\n <mat-card-actions align=\"end\">\n <div class=\"adf-task-form-actions\">\n <ng-template [ngTemplateOutlet]=\"taskFormButtons\" />\n <button mat-button\n *ngIf=\"!isCompletedTask()\" id=\"adf-no-form-complete-button\"\n class=\"adf-task-form-actions-button\"\n [disabled]=\"canCompleteNoFormTask()\"\n (click)=\"onCompleteTask()\">\n {{'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.COMPLETE' | translate}}\n </button>\n </div>\n </mat-card-actions>\n </mat-card>\n </ng-template>\n </ng-template>\n\n <ng-template #taskFormButtons>\n <button mat-button id=\"adf-no-form-cancel-button\"\n *ngIf=\"showCancelButton\"\n (click)=\"onCancel()\">\n {{'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.CANCEL' | translate}}\n </button>\n <button mat-button data-automation-id=\"adf-task-form-claim-button\"\n *ngIf=\"isTaskClaimable()\"\n adf-claim-task\n [taskId]=\"taskId\"\n (success)=\"onClaimTask($event)\"\n (error)=\"onClaimTaskError($event)\">\n {{ 'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.CLAIM' | translate }}\n </button>\n <button mat-button data-automation-id=\"adf-task-form-unclaim-button\"\n *ngIf=\"isTaskClaimedByCandidateMember()\"\n adf-unclaim-task\n [taskId]=\"taskId\"\n (success)=\"onUnclaimTask($event)\"\n (error)=\"onUnclaimTaskError($event)\">\n {{ 'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.UNCLAIM' | translate }}\n </button>\n </ng-template>\n</ng-container>\n<ng-template #loadingTemplate>\n <div class=\"adf-task-form-spinner-container\">\n <mat-spinner />\n </div>\n</ng-template>\n", styles: [".adf-task-form-container{overflow:hidden}.adf-task-form-actions{float:right;padding-right:25px;padding-bottom:25px}.adf-task-form-actions .mat-mdc-button{height:36px;border-radius:5px}.adf-task-form-actions .mdc-button__label{width:58px;height:20px;font:var(--mat-sys-title-small);color:var(--mat-sys-on-surface-variant)}.adf-task-form-spinner-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.adf-task-form-spinner-container mat-spinner{display:flex;max-height:100%;place-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i2$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: ClaimTaskDirective, selector: "[adf-claim-task]", inputs: ["taskId"], outputs: ["success", "error"] }, { kind: "directive", type: UnclaimTaskDirective, selector: "[adf-unclaim-task]", inputs: ["taskId"], outputs: ["success", "error"] }, { kind: "component", type: TaskStandaloneComponent, selector: "adf-task-standalone", inputs: ["taskName", "taskId", "isCompleted", "hasCompletePermission", "hideCancelButton"], outputs: ["cancel", "complete", "showAttachForm"] }, { kind: "component", type: FormComponent, selector: "adf-form", inputs: ["taskId", "nodeId", "formId", "formName", "saveMetadata", "data", "enableFixedSpacedForm"], outputs: ["formSaved", "formCompleted", "formContentClicked", "formLoaded", "formDataRefreshed"] }, { kind: "component", type: FormCustomOutcomesComponent, selector: "adf-form-custom-outcomes" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6234
6234
|
}
|
|
6235
6235
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: TaskFormComponent, decorators: [{
|
|
6236
6236
|
type: Component,
|
|
@@ -6246,7 +6246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
|
|
|
6246
6246
|
TaskStandaloneComponent,
|
|
6247
6247
|
FormComponent,
|
|
6248
6248
|
FormCustomOutcomesComponent
|
|
6249
|
-
], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!loading; else loadingTemplate\">\n <adf-form *ngIf=\"hasFormKey(); else withoutForm\"\n [taskId]=\"taskDetails?.id\"\n [showTitle]=\"showFormTitle\"\n [showValidationIcon]=\"showFormValidationIcon\"\n [showRefreshButton]=\"showFormRefreshButton\"\n [showCompleteButton]=\"showFormCompleteButton\"\n [showSaveButton]=\"isSaveButtonVisible()\"\n [disableCompleteButton]=\"!isCompleteButtonEnabled()\"\n [readOnly]=\"isReadOnlyForm()\"\n [fieldValidators]=\"fieldValidators\"\n (formSaved)='onFormSaved($event)'\n (formCompleted)='onFormCompleted($event)'\n (formContentClicked)='onFormContentClick($event)'\n (formLoaded)='onFormLoaded($event)'\n (formError)='onFormError($event)'\n (error)='onError($event)'\n (executeOutcome)='onFormExecuteOutcome($event)'>\n <adf-form-custom-outcomes>\n <ng-template [ngTemplateOutlet]=\"taskFormButtons\" />\n </adf-form-custom-outcomes>\n </adf-form>\n <ng-template #withoutForm>\n <adf-task-standalone *ngIf=\"isStandaloneTask(); else emptyFormMessage\"\n [taskName]=\"taskDetails.name\"\n [taskId]=\"taskDetails.id\"\n [isCompleted]=\"isCompletedTask()\"\n [hasCompletePermission]=\"isCompleteButtonVisible()\"\n [hideCancelButton]=\"showCancelButton\"\n (complete)=\"onCompleteTask()\"\n (showAttachForm)=\"onShowAttachForm()\" />\n <ng-template #emptyFormMessage>\n <mat-card appearance=\"outlined\" class=\"adf-task-form-container\">\n <mat-card-header>\n <mat-card-title>\n <h4>\n <span class=\"adf-form-title\">\n {{taskDetails.name}}\n <ng-container *ngIf=\"!taskDetails.name\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <adf-empty-content *ngIf=\"isCompletedTask(); else emptyFormTemplate\"\n [icon]=\"'description'\"\n [title]=\"getCompletedTaskTranslatedMessage() | async\"\n [subtitle]=\"'ADF_TASK_FORM.COMPLETED_TASK.SUBTITLE'\" />\n <ng-template #emptyFormTemplate>\n <adf-empty-content\n [icon]=\"'description'\"\n [title]=\"'ADF_TASK_LIST.STANDALONE_TASK.NO_FORM_MESSAGE'\"\n [subtitle]=\"'ADF_TASK_FORM.EMPTY_FORM.SUBTITLE'\" />\n </ng-template>\n </mat-card-content>\n <mat-card-actions align=\"end\">\n <div class=\"adf-task-form-actions\">\n <ng-template [ngTemplateOutlet]=\"taskFormButtons\" />\n <button mat-button\n *ngIf=\"!isCompletedTask()\" id=\"adf-no-form-complete-button\"\n class=\"adf-task-form-actions-button\"\n [disabled]=\"canCompleteNoFormTask()\"\n (click)=\"onCompleteTask()\">\n {{'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.COMPLETE' | translate}}\n </button>\n </div>\n </mat-card-actions>\n </mat-card>\n </ng-template>\n </ng-template>\n\n <ng-template #taskFormButtons>\n <button mat-button id=\"adf-no-form-cancel-button\"\n *ngIf=\"showCancelButton\"\n (click)=\"onCancel()\">\n {{'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.CANCEL' | translate}}\n </button>\n <button mat-button data-automation-id=\"adf-task-form-claim-button\"\n *ngIf=\"isTaskClaimable()\"\n adf-claim-task\n [taskId]=\"taskId\"\n (success)=\"onClaimTask($event)\"\n (error)=\"onClaimTaskError($event)\">\n {{ 'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.CLAIM' | translate }}\n </button>\n <button mat-button data-automation-id=\"adf-task-form-unclaim-button\"\n *ngIf=\"isTaskClaimedByCandidateMember()\"\n adf-unclaim-task\n [taskId]=\"taskId\"\n (success)=\"onUnclaimTask($event)\"\n (error)=\"onUnclaimTaskError($event)\">\n {{ 'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.UNCLAIM' | translate }}\n </button>\n </ng-template>\n</ng-container>\n<ng-template #loadingTemplate>\n <div class=\"adf-task-form-spinner-container\">\n <mat-spinner />\n </div>\n</ng-template>\n", styles: [".adf-task-form-container{overflow:hidden}.adf-task-form-actions{float:right;padding-right:25px;padding-bottom:25px
|
|
6249
|
+
], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!loading; else loadingTemplate\">\n <adf-form *ngIf=\"hasFormKey(); else withoutForm\"\n [taskId]=\"taskDetails?.id\"\n [showTitle]=\"showFormTitle\"\n [showValidationIcon]=\"showFormValidationIcon\"\n [showRefreshButton]=\"showFormRefreshButton\"\n [showCompleteButton]=\"showFormCompleteButton\"\n [showSaveButton]=\"isSaveButtonVisible()\"\n [disableCompleteButton]=\"!isCompleteButtonEnabled()\"\n [readOnly]=\"isReadOnlyForm()\"\n [fieldValidators]=\"fieldValidators\"\n (formSaved)='onFormSaved($event)'\n (formCompleted)='onFormCompleted($event)'\n (formContentClicked)='onFormContentClick($event)'\n (formLoaded)='onFormLoaded($event)'\n (formError)='onFormError($event)'\n (error)='onError($event)'\n (executeOutcome)='onFormExecuteOutcome($event)'>\n <adf-form-custom-outcomes>\n <ng-template [ngTemplateOutlet]=\"taskFormButtons\" />\n </adf-form-custom-outcomes>\n </adf-form>\n <ng-template #withoutForm>\n <adf-task-standalone *ngIf=\"isStandaloneTask(); else emptyFormMessage\"\n [taskName]=\"taskDetails.name\"\n [taskId]=\"taskDetails.id\"\n [isCompleted]=\"isCompletedTask()\"\n [hasCompletePermission]=\"isCompleteButtonVisible()\"\n [hideCancelButton]=\"showCancelButton\"\n (complete)=\"onCompleteTask()\"\n (showAttachForm)=\"onShowAttachForm()\" />\n <ng-template #emptyFormMessage>\n <mat-card appearance=\"outlined\" class=\"adf-task-form-container\">\n <mat-card-header>\n <mat-card-title>\n <h4>\n <span class=\"adf-form-title\">\n {{taskDetails.name}}\n <ng-container *ngIf=\"!taskDetails.name\">\n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n </ng-container>\n </span>\n </h4>\n </mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <adf-empty-content *ngIf=\"isCompletedTask(); else emptyFormTemplate\"\n [icon]=\"'description'\"\n [title]=\"getCompletedTaskTranslatedMessage() | async\"\n [subtitle]=\"'ADF_TASK_FORM.COMPLETED_TASK.SUBTITLE'\" />\n <ng-template #emptyFormTemplate>\n <adf-empty-content\n [icon]=\"'description'\"\n [title]=\"'ADF_TASK_LIST.STANDALONE_TASK.NO_FORM_MESSAGE'\"\n [subtitle]=\"'ADF_TASK_FORM.EMPTY_FORM.SUBTITLE'\" />\n </ng-template>\n </mat-card-content>\n <mat-card-actions align=\"end\">\n <div class=\"adf-task-form-actions\">\n <ng-template [ngTemplateOutlet]=\"taskFormButtons\" />\n <button mat-button\n *ngIf=\"!isCompletedTask()\" id=\"adf-no-form-complete-button\"\n class=\"adf-task-form-actions-button\"\n [disabled]=\"canCompleteNoFormTask()\"\n (click)=\"onCompleteTask()\">\n {{'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.COMPLETE' | translate}}\n </button>\n </div>\n </mat-card-actions>\n </mat-card>\n </ng-template>\n </ng-template>\n\n <ng-template #taskFormButtons>\n <button mat-button id=\"adf-no-form-cancel-button\"\n *ngIf=\"showCancelButton\"\n (click)=\"onCancel()\">\n {{'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.CANCEL' | translate}}\n </button>\n <button mat-button data-automation-id=\"adf-task-form-claim-button\"\n *ngIf=\"isTaskClaimable()\"\n adf-claim-task\n [taskId]=\"taskId\"\n (success)=\"onClaimTask($event)\"\n (error)=\"onClaimTaskError($event)\">\n {{ 'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.CLAIM' | translate }}\n </button>\n <button mat-button data-automation-id=\"adf-task-form-unclaim-button\"\n *ngIf=\"isTaskClaimedByCandidateMember()\"\n adf-unclaim-task\n [taskId]=\"taskId\"\n (success)=\"onUnclaimTask($event)\"\n (error)=\"onUnclaimTaskError($event)\">\n {{ 'ADF_TASK_FORM.EMPTY_FORM.BUTTONS.UNCLAIM' | translate }}\n </button>\n </ng-template>\n</ng-container>\n<ng-template #loadingTemplate>\n <div class=\"adf-task-form-spinner-container\">\n <mat-spinner />\n </div>\n</ng-template>\n", styles: [".adf-task-form-container{overflow:hidden}.adf-task-form-actions{float:right;padding-right:25px;padding-bottom:25px}.adf-task-form-actions .mat-mdc-button{height:36px;border-radius:5px}.adf-task-form-actions .mdc-button__label{width:58px;height:20px;font:var(--mat-sys-title-small);color:var(--mat-sys-on-surface-variant)}.adf-task-form-spinner-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.adf-task-form-spinner-container mat-spinner{display:flex;max-height:100%;place-content:center;align-items:center}\n"] }]
|
|
6250
6250
|
}], propDecorators: { taskId: [{
|
|
6251
6251
|
type: Input,
|
|
6252
6252
|
args: [{ required: true }]
|
|
@@ -6378,11 +6378,11 @@ class AttachFormComponent {
|
|
|
6378
6378
|
}
|
|
6379
6379
|
}
|
|
6380
6380
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: AttachFormComponent, isStandalone: true, selector: "adf-attach-form", inputs: { taskId: "taskId", formKey: "formKey" }, outputs: { cancelAttachForm: "cancelAttachForm", success: "success", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-attach-form\">\n <mat-card appearance=\"outlined\">\n <mat-card-content>\n <div class=\"adf-attache-form-message-container\">\n <mat-card-title class=\"mat-card-title\">\n <h4 class=\"adf-form-title\">{{ 'ADF_TASK_LIST.ATTACH_FORM.SELECT_FORM' | translate }}</h4>\n </mat-card-title>\n <div class=\"adf-attach-form-row\">\n <mat-form-field class=\"adf-grid-full-width\">\n <mat-select [formControl]=\"attachFormControl\" placeholder=\"{{ 'ADF_TASK_LIST.ATTACH_FORM.SELECT_OPTION' | translate }}\" id=\"form_id\" [(ngModel)]=\"selectedFormId\">\n <mat-option *ngFor=\"let form of forms\" [value]=\"form.id\">{{ form.name }}</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n\n <adf-form *ngIf=\"this.attachFormControl.valid\"\n [formId]=\"selectedFormId\"\n [readOnly]=\"true\"\n [showCompleteButton]=\"false\"\n [showRefreshButton]=\"false\"\n [showValidationIcon]=\"false\" />\n </div>\n </mat-card-content>\n\n <mat-card-actions class=\"adf-attach-form-mat-card-actions\">\n <div>\n <button mat-button id=\"adf-attach-form-remove-button\" *ngIf=\"formKey\" (click)=\"onRemoveButtonClick()\">{{ 'ADF_TASK_LIST.ATTACH_FORM.REMOVE_FORM' | translate }}</button>\n </div>\n <div>\n <button mat-button id=\"adf-attach-form-cancel-button\" (click)=\"onCancelButtonClick()\">{{ 'ADF_TASK_LIST.START_TASK.FORM.ACTION.CANCEL' | translate }}</button>\n <button mat-button id=\"adf-attach-form-attach-button\" [disabled]=\"disableSubmit\" (click)=\"onAttachFormButtonClick()\">{{ 'ADF_TASK_LIST.START_TASK.FORM.LABEL.ATTACHFORM' | translate }}</button>\n </div>\n </mat-card-actions>\n </mat-card>\n</div>\n", styles: [".adf-attach-form mat-form-field{width:100%}.adf-attach-form-row{display:flex;justify-content:space-between;margin:20px 0}.adf-attach-form .adf-attach-form-mat-card-actions{justify-content:space-between;margin-top:30px;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i2$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: FormComponent, selector: "adf-form", inputs: ["taskId", "nodeId", "formId", "formName", "saveMetadata", "data", "enableFixedSpacedForm"], outputs: ["formSaved", "formCompleted", "formContentClicked", "formLoaded", "formDataRefreshed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
6381
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: AttachFormComponent, isStandalone: true, selector: "adf-attach-form", inputs: { taskId: "taskId", formKey: "formKey" }, outputs: { cancelAttachForm: "cancelAttachForm", success: "success", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-attach-form\">\n <mat-card appearance=\"outlined\">\n <mat-card-content>\n <div class=\"adf-attache-form-message-container\">\n <mat-card-title class=\"mat-card-title\">\n <h4 class=\"adf-form-title\">{{ 'ADF_TASK_LIST.ATTACH_FORM.SELECT_FORM' | translate }}</h4>\n </mat-card-title>\n <div class=\"adf-attach-form-row\">\n <mat-form-field class=\"adf-grid-full-width\">\n <mat-select [formControl]=\"attachFormControl\" placeholder=\"{{ 'ADF_TASK_LIST.ATTACH_FORM.SELECT_OPTION' | translate }}\" id=\"form_id\" [(ngModel)]=\"selectedFormId\">\n <mat-option *ngFor=\"let form of forms\" [value]=\"form.id\">{{ form.name }}</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n\n <adf-form *ngIf=\"this.attachFormControl.valid\"\n [formId]=\"selectedFormId\"\n [readOnly]=\"true\"\n [showCompleteButton]=\"false\"\n [showRefreshButton]=\"false\"\n [showValidationIcon]=\"false\" />\n </div>\n </mat-card-content>\n\n <mat-card-actions class=\"adf-attach-form-mat-card-actions\">\n <div>\n <button mat-button id=\"adf-attach-form-remove-button\" *ngIf=\"formKey\" (click)=\"onRemoveButtonClick()\">{{ 'ADF_TASK_LIST.ATTACH_FORM.REMOVE_FORM' | translate }}</button>\n </div>\n <div>\n <button mat-button id=\"adf-attach-form-cancel-button\" (click)=\"onCancelButtonClick()\">{{ 'ADF_TASK_LIST.START_TASK.FORM.ACTION.CANCEL' | translate }}</button>\n <button mat-button id=\"adf-attach-form-attach-button\" [disabled]=\"disableSubmit\" (click)=\"onAttachFormButtonClick()\">{{ 'ADF_TASK_LIST.START_TASK.FORM.LABEL.ATTACHFORM' | translate }}</button>\n </div>\n </mat-card-actions>\n </mat-card>\n</div>\n", styles: [".adf-attach-form .mat-mdc-form-field{width:100%}.adf-attach-form-row{display:flex;justify-content:space-between;margin:20px 0}.adf-attach-form .adf-attach-form-mat-card-actions{justify-content:space-between;margin-top:30px;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i2$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: FormComponent, selector: "adf-form", inputs: ["taskId", "nodeId", "formId", "formName", "saveMetadata", "data", "enableFixedSpacedForm"], outputs: ["formSaved", "formCompleted", "formContentClicked", "formLoaded", "formDataRefreshed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
6382
6382
|
}
|
|
6383
6383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AttachFormComponent, decorators: [{
|
|
6384
6384
|
type: Component,
|
|
6385
|
-
args: [{ selector: 'adf-attach-form', imports: [CommonModule, MatCardModule, TranslatePipe, MatFormFieldModule, MatSelectModule, ReactiveFormsModule, MatButtonModule, FormComponent], template: "<div class=\"adf-attach-form\">\n <mat-card appearance=\"outlined\">\n <mat-card-content>\n <div class=\"adf-attache-form-message-container\">\n <mat-card-title class=\"mat-card-title\">\n <h4 class=\"adf-form-title\">{{ 'ADF_TASK_LIST.ATTACH_FORM.SELECT_FORM' | translate }}</h4>\n </mat-card-title>\n <div class=\"adf-attach-form-row\">\n <mat-form-field class=\"adf-grid-full-width\">\n <mat-select [formControl]=\"attachFormControl\" placeholder=\"{{ 'ADF_TASK_LIST.ATTACH_FORM.SELECT_OPTION' | translate }}\" id=\"form_id\" [(ngModel)]=\"selectedFormId\">\n <mat-option *ngFor=\"let form of forms\" [value]=\"form.id\">{{ form.name }}</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n\n <adf-form *ngIf=\"this.attachFormControl.valid\"\n [formId]=\"selectedFormId\"\n [readOnly]=\"true\"\n [showCompleteButton]=\"false\"\n [showRefreshButton]=\"false\"\n [showValidationIcon]=\"false\" />\n </div>\n </mat-card-content>\n\n <mat-card-actions class=\"adf-attach-form-mat-card-actions\">\n <div>\n <button mat-button id=\"adf-attach-form-remove-button\" *ngIf=\"formKey\" (click)=\"onRemoveButtonClick()\">{{ 'ADF_TASK_LIST.ATTACH_FORM.REMOVE_FORM' | translate }}</button>\n </div>\n <div>\n <button mat-button id=\"adf-attach-form-cancel-button\" (click)=\"onCancelButtonClick()\">{{ 'ADF_TASK_LIST.START_TASK.FORM.ACTION.CANCEL' | translate }}</button>\n <button mat-button id=\"adf-attach-form-attach-button\" [disabled]=\"disableSubmit\" (click)=\"onAttachFormButtonClick()\">{{ 'ADF_TASK_LIST.START_TASK.FORM.LABEL.ATTACHFORM' | translate }}</button>\n </div>\n </mat-card-actions>\n </mat-card>\n</div>\n", styles: [".adf-attach-form mat-form-field{width:100%}.adf-attach-form-row{display:flex;justify-content:space-between;margin:20px 0}.adf-attach-form .adf-attach-form-mat-card-actions{justify-content:space-between;margin-top:30px;text-align:right}\n"] }]
|
|
6385
|
+
args: [{ selector: 'adf-attach-form', imports: [CommonModule, MatCardModule, TranslatePipe, MatFormFieldModule, MatSelectModule, ReactiveFormsModule, MatButtonModule, FormComponent], template: "<div class=\"adf-attach-form\">\n <mat-card appearance=\"outlined\">\n <mat-card-content>\n <div class=\"adf-attache-form-message-container\">\n <mat-card-title class=\"mat-card-title\">\n <h4 class=\"adf-form-title\">{{ 'ADF_TASK_LIST.ATTACH_FORM.SELECT_FORM' | translate }}</h4>\n </mat-card-title>\n <div class=\"adf-attach-form-row\">\n <mat-form-field class=\"adf-grid-full-width\">\n <mat-select [formControl]=\"attachFormControl\" placeholder=\"{{ 'ADF_TASK_LIST.ATTACH_FORM.SELECT_OPTION' | translate }}\" id=\"form_id\" [(ngModel)]=\"selectedFormId\">\n <mat-option *ngFor=\"let form of forms\" [value]=\"form.id\">{{ form.name }}</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n\n <adf-form *ngIf=\"this.attachFormControl.valid\"\n [formId]=\"selectedFormId\"\n [readOnly]=\"true\"\n [showCompleteButton]=\"false\"\n [showRefreshButton]=\"false\"\n [showValidationIcon]=\"false\" />\n </div>\n </mat-card-content>\n\n <mat-card-actions class=\"adf-attach-form-mat-card-actions\">\n <div>\n <button mat-button id=\"adf-attach-form-remove-button\" *ngIf=\"formKey\" (click)=\"onRemoveButtonClick()\">{{ 'ADF_TASK_LIST.ATTACH_FORM.REMOVE_FORM' | translate }}</button>\n </div>\n <div>\n <button mat-button id=\"adf-attach-form-cancel-button\" (click)=\"onCancelButtonClick()\">{{ 'ADF_TASK_LIST.START_TASK.FORM.ACTION.CANCEL' | translate }}</button>\n <button mat-button id=\"adf-attach-form-attach-button\" [disabled]=\"disableSubmit\" (click)=\"onAttachFormButtonClick()\">{{ 'ADF_TASK_LIST.START_TASK.FORM.LABEL.ATTACHFORM' | translate }}</button>\n </div>\n </mat-card-actions>\n </mat-card>\n</div>\n", styles: [".adf-attach-form .mat-mdc-form-field{width:100%}.adf-attach-form-row{display:flex;justify-content:space-between;margin:20px 0}.adf-attach-form .adf-attach-form-mat-card-actions{justify-content:space-between;margin-top:30px;text-align:right}\n"] }]
|
|
6386
6386
|
}], propDecorators: { taskId: [{
|
|
6387
6387
|
type: Input,
|
|
6388
6388
|
args: [{ required: true }]
|
|
@@ -6482,7 +6482,7 @@ class ChecklistComponent {
|
|
|
6482
6482
|
this.taskName = '';
|
|
6483
6483
|
}
|
|
6484
6484
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChecklistComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6485
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: ChecklistComponent, isStandalone: true, selector: "adf-checklist", inputs: { taskId: "taskId", readOnly: "readOnly", assignee: "assignee" }, outputs: { checklistTaskCreated: "checklistTaskCreated", checklistTaskDeleted: "checklistTaskDeleted", error: "error" }, viewQueries: [{ propertyName: "addNewDialog", first: true, predicate: ["dialog"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-checklist-control\">\n <mat-chip-listbox data-automation-id=\"checklist-label\">\n <span class=\"adf-activiti-label\">{{ 'ADF_TASK_LIST.DETAILS.LABELS.CHECKLIST' | translate }}</span>\n <mat-chip-option class=\"adf-process-badge\" selected=\"true\">{{checklist?.length}}</mat-chip-option>\n </mat-chip-listbox>\n\n\n <button mat-icon-button *ngIf=\"!readOnly\" title=\"Add a checklist\"\n id=\"add-checklist\" class=\"adf-add-to-checklist-button\" (click)=\"showDialog()\">\n <mat-icon>add</mat-icon>\n </button>\n</div>\n\n<div class=\"adf-checklist-menu-container\" *ngIf=\"checklist?.length > 0\">\n <mat-chip-listbox class=\"mat-chip-list-stacked\">\n <mat-chip-option id=\"check-{{check.id}}\" class=\"adf-checklist-chip\" *ngFor=\"let check of checklist\"\n (removed)=\"delete(check.id)\">\n <span>{{check.name}}</span>\n <mat-icon *ngIf=\"!readOnly && !check.endDate\" id=\"remove-{{check.id}}\" matChipRemove>cancel\n </mat-icon>\n </mat-chip-option>\n </mat-chip-listbox>\n\n</div>\n<div *ngIf=\"checklist?.length === 0\" id=\"checklist-none-message\" class=\"adf-checklist-none-message\">\n {{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.NONE' | translate }}\n</div>\n\n<ng-template #dialog>\n <div class=\"adf-checklist-dialog\" id=\"checklist-dialog\">\n <h4 matDialogTitle id=\"add-checklist-title\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.TITLE' | translate }}</h4>\n <mat-dialog-content>\n <mat-form-field>\n <input matInput placeholder=\"{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.PLACEHOLDER' | translate }}\" [(ngModel)]=\"taskName\" id=\"checklist-name\"\n data-automation-id=\"checklist-name\">\n </mat-form-field>\n </mat-dialog-content>\n <mat-dialog-actions class=\"adf-checklist-dialog-actions\">\n <button mat-button type=\"button\" id=\"close-check-dialog\" (click)=\"cancel()\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.CANCEL-BUTTON' | translate | uppercase }}</button>\n <button mat-button type=\"button\" id=\"add-check\" (click)=\"add()\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.ADD-BUTTON' | translate | uppercase }}</button>\n </mat-dialog-actions>\n </div>\n</ng-template>\n", styles: [":host{width:100%}.adf-activiti-label{font-weight:bolder}mat-form-field{width:100%}.adf-checklist-cancel-button{margin-top:-13px;margin-right:-13px;float:right}.adf-checklist-chip{outline:none}.adf-checklist-menu-container,.adf-checklist-none-message{margin-top:10px}.adf-checklist-control{display:flex;justify-content:space-between}.adf-checklist-control .adfactiviti-label{margin-top:6px;margin-right:10px}.adf-checklist-control .adf-add-to-checklist-button{float:right}.adf-checklist-dialog-actions{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$6.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$6.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$6.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$4.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: FormsModule }, { kind: "directive", type: i3$2.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: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
6485
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: ChecklistComponent, isStandalone: true, selector: "adf-checklist", inputs: { taskId: "taskId", readOnly: "readOnly", assignee: "assignee" }, outputs: { checklistTaskCreated: "checklistTaskCreated", checklistTaskDeleted: "checklistTaskDeleted", error: "error" }, viewQueries: [{ propertyName: "addNewDialog", first: true, predicate: ["dialog"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-checklist-control\">\n <mat-chip-listbox data-automation-id=\"checklist-label\">\n <span class=\"adf-activiti-label\">{{ 'ADF_TASK_LIST.DETAILS.LABELS.CHECKLIST' | translate }}</span>\n <mat-chip-option class=\"adf-process-badge\" selected=\"true\">{{checklist?.length}}</mat-chip-option>\n </mat-chip-listbox>\n\n\n <button mat-icon-button *ngIf=\"!readOnly\" title=\"Add a checklist\"\n id=\"add-checklist\" class=\"adf-add-to-checklist-button\" (click)=\"showDialog()\">\n <mat-icon>add</mat-icon>\n </button>\n</div>\n\n<div class=\"adf-checklist-menu-container\" *ngIf=\"checklist?.length > 0\">\n <mat-chip-listbox class=\"mat-chip-list-stacked\">\n <mat-chip-option id=\"check-{{check.id}}\" class=\"adf-checklist-chip\" *ngFor=\"let check of checklist\"\n (removed)=\"delete(check.id)\">\n <span>{{check.name}}</span>\n <mat-icon *ngIf=\"!readOnly && !check.endDate\" id=\"remove-{{check.id}}\" matChipRemove>cancel\n </mat-icon>\n </mat-chip-option>\n </mat-chip-listbox>\n\n</div>\n<div *ngIf=\"checklist?.length === 0\" id=\"checklist-none-message\" class=\"adf-checklist-none-message\">\n {{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.NONE' | translate }}\n</div>\n\n<ng-template #dialog>\n <div class=\"adf-checklist-dialog\" id=\"checklist-dialog\">\n <h4 matDialogTitle id=\"add-checklist-title\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.TITLE' | translate }}</h4>\n <mat-dialog-content>\n <mat-form-field>\n <input matInput placeholder=\"{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.PLACEHOLDER' | translate }}\" [(ngModel)]=\"taskName\" id=\"checklist-name\"\n data-automation-id=\"checklist-name\">\n </mat-form-field>\n </mat-dialog-content>\n <mat-dialog-actions class=\"adf-checklist-dialog-actions\">\n <button mat-button type=\"button\" id=\"close-check-dialog\" (click)=\"cancel()\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.CANCEL-BUTTON' | translate | uppercase }}</button>\n <button mat-button type=\"button\" id=\"add-check\" (click)=\"add()\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.ADD-BUTTON' | translate | uppercase }}</button>\n </mat-dialog-actions>\n </div>\n</ng-template>\n", styles: [":host{width:100%}.adf-activiti-label{font-weight:bolder}.mat-mdc-form-field{width:100%}.adf-checklist-cancel-button{margin-top:-13px;margin-right:-13px;float:right}.adf-checklist-chip{outline:none}.adf-checklist-menu-container,.adf-checklist-none-message{margin-top:10px}.adf-checklist-control{display:flex;justify-content:space-between}.adf-checklist-control .adfactiviti-label{margin-top:6px;margin-right:10px}.adf-checklist-control .adf-add-to-checklist-button{float:right}.adf-checklist-dialog-actions{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$6.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$6.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$6.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$4.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: FormsModule }, { kind: "directive", type: i3$2.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: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
6486
6486
|
}
|
|
6487
6487
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ChecklistComponent, decorators: [{
|
|
6488
6488
|
type: Component,
|
|
@@ -6496,7 +6496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
|
|
|
6496
6496
|
MatFormFieldModule,
|
|
6497
6497
|
MatInputModule,
|
|
6498
6498
|
FormsModule
|
|
6499
|
-
], template: "<div class=\"adf-checklist-control\">\n <mat-chip-listbox data-automation-id=\"checklist-label\">\n <span class=\"adf-activiti-label\">{{ 'ADF_TASK_LIST.DETAILS.LABELS.CHECKLIST' | translate }}</span>\n <mat-chip-option class=\"adf-process-badge\" selected=\"true\">{{checklist?.length}}</mat-chip-option>\n </mat-chip-listbox>\n\n\n <button mat-icon-button *ngIf=\"!readOnly\" title=\"Add a checklist\"\n id=\"add-checklist\" class=\"adf-add-to-checklist-button\" (click)=\"showDialog()\">\n <mat-icon>add</mat-icon>\n </button>\n</div>\n\n<div class=\"adf-checklist-menu-container\" *ngIf=\"checklist?.length > 0\">\n <mat-chip-listbox class=\"mat-chip-list-stacked\">\n <mat-chip-option id=\"check-{{check.id}}\" class=\"adf-checklist-chip\" *ngFor=\"let check of checklist\"\n (removed)=\"delete(check.id)\">\n <span>{{check.name}}</span>\n <mat-icon *ngIf=\"!readOnly && !check.endDate\" id=\"remove-{{check.id}}\" matChipRemove>cancel\n </mat-icon>\n </mat-chip-option>\n </mat-chip-listbox>\n\n</div>\n<div *ngIf=\"checklist?.length === 0\" id=\"checklist-none-message\" class=\"adf-checklist-none-message\">\n {{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.NONE' | translate }}\n</div>\n\n<ng-template #dialog>\n <div class=\"adf-checklist-dialog\" id=\"checklist-dialog\">\n <h4 matDialogTitle id=\"add-checklist-title\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.TITLE' | translate }}</h4>\n <mat-dialog-content>\n <mat-form-field>\n <input matInput placeholder=\"{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.PLACEHOLDER' | translate }}\" [(ngModel)]=\"taskName\" id=\"checklist-name\"\n data-automation-id=\"checklist-name\">\n </mat-form-field>\n </mat-dialog-content>\n <mat-dialog-actions class=\"adf-checklist-dialog-actions\">\n <button mat-button type=\"button\" id=\"close-check-dialog\" (click)=\"cancel()\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.CANCEL-BUTTON' | translate | uppercase }}</button>\n <button mat-button type=\"button\" id=\"add-check\" (click)=\"add()\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.ADD-BUTTON' | translate | uppercase }}</button>\n </mat-dialog-actions>\n </div>\n</ng-template>\n", styles: [":host{width:100%}.adf-activiti-label{font-weight:bolder}mat-form-field{width:100%}.adf-checklist-cancel-button{margin-top:-13px;margin-right:-13px;float:right}.adf-checklist-chip{outline:none}.adf-checklist-menu-container,.adf-checklist-none-message{margin-top:10px}.adf-checklist-control{display:flex;justify-content:space-between}.adf-checklist-control .adfactiviti-label{margin-top:6px;margin-right:10px}.adf-checklist-control .adf-add-to-checklist-button{float:right}.adf-checklist-dialog-actions{display:flex;justify-content:flex-end}\n"] }]
|
|
6499
|
+
], template: "<div class=\"adf-checklist-control\">\n <mat-chip-listbox data-automation-id=\"checklist-label\">\n <span class=\"adf-activiti-label\">{{ 'ADF_TASK_LIST.DETAILS.LABELS.CHECKLIST' | translate }}</span>\n <mat-chip-option class=\"adf-process-badge\" selected=\"true\">{{checklist?.length}}</mat-chip-option>\n </mat-chip-listbox>\n\n\n <button mat-icon-button *ngIf=\"!readOnly\" title=\"Add a checklist\"\n id=\"add-checklist\" class=\"adf-add-to-checklist-button\" (click)=\"showDialog()\">\n <mat-icon>add</mat-icon>\n </button>\n</div>\n\n<div class=\"adf-checklist-menu-container\" *ngIf=\"checklist?.length > 0\">\n <mat-chip-listbox class=\"mat-chip-list-stacked\">\n <mat-chip-option id=\"check-{{check.id}}\" class=\"adf-checklist-chip\" *ngFor=\"let check of checklist\"\n (removed)=\"delete(check.id)\">\n <span>{{check.name}}</span>\n <mat-icon *ngIf=\"!readOnly && !check.endDate\" id=\"remove-{{check.id}}\" matChipRemove>cancel\n </mat-icon>\n </mat-chip-option>\n </mat-chip-listbox>\n\n</div>\n<div *ngIf=\"checklist?.length === 0\" id=\"checklist-none-message\" class=\"adf-checklist-none-message\">\n {{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.NONE' | translate }}\n</div>\n\n<ng-template #dialog>\n <div class=\"adf-checklist-dialog\" id=\"checklist-dialog\">\n <h4 matDialogTitle id=\"add-checklist-title\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.TITLE' | translate }}</h4>\n <mat-dialog-content>\n <mat-form-field>\n <input matInput placeholder=\"{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.PLACEHOLDER' | translate }}\" [(ngModel)]=\"taskName\" id=\"checklist-name\"\n data-automation-id=\"checklist-name\">\n </mat-form-field>\n </mat-dialog-content>\n <mat-dialog-actions class=\"adf-checklist-dialog-actions\">\n <button mat-button type=\"button\" id=\"close-check-dialog\" (click)=\"cancel()\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.CANCEL-BUTTON' | translate | uppercase }}</button>\n <button mat-button type=\"button\" id=\"add-check\" (click)=\"add()\">{{ 'ADF_TASK_LIST.DETAILS.CHECKLIST.DIALOG.ADD-BUTTON' | translate | uppercase }}</button>\n </mat-dialog-actions>\n </div>\n</ng-template>\n", styles: [":host{width:100%}.adf-activiti-label{font-weight:bolder}.mat-mdc-form-field{width:100%}.adf-checklist-cancel-button{margin-top:-13px;margin-right:-13px;float:right}.adf-checklist-chip{outline:none}.adf-checklist-menu-container,.adf-checklist-none-message{margin-top:10px}.adf-checklist-control{display:flex;justify-content:space-between}.adf-checklist-control .adfactiviti-label{margin-top:6px;margin-right:10px}.adf-checklist-control .adf-add-to-checklist-button{float:right}.adf-checklist-dialog-actions{display:flex;justify-content:flex-end}\n"] }]
|
|
6500
6500
|
}], propDecorators: { taskId: [{
|
|
6501
6501
|
type: Input
|
|
6502
6502
|
}], readOnly: [{
|
|
@@ -7688,7 +7688,7 @@ class PeopleComponent {
|
|
|
7688
7688
|
this.showAssignment = false;
|
|
7689
7689
|
}
|
|
7690
7690
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PeopleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7691
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PeopleComponent, isStandalone: true, selector: "adf-people", inputs: { people: "people", taskId: "taskId", readOnly: "readOnly" }, outputs: { error: "error" }, viewQueries: [{ propertyName: "peopleSearch", first: true, predicate: ["peopleSearch"], descendants: true }], ngImport: i0, template: "<mat-card appearance=\"outlined\" class=\"adf-assignment-top-container\">\n <div mat-card-content class=\"adf-assignment-top-container-content\">\n <div class=\"assignment-header\">\n <div *ngIf=\"hasPeople()\" class=\"adf-assignment-count\" id=\"people-title\">\n {{ 'ADF_TASK_LIST.DETAILS.LABELS.PEOPLE' | translate }} {{ ' (' + people.length + ')' }}\n </div>\n <div *ngIf=\"!hasPeople()\" class=\"adf-assignment-count\" id=\"no-people-label\">\n {{ 'ADF_TASK_LIST.DETAILS.PEOPLE.NONE' | translate }}\n </div>\n <div *ngIf=\"isEditMode()\" class=\"adf-add-people\" (click)=\"onAddAssignment()\" role=\"button\" tabindex=\"0\" (keyup.enter)=\"onAddAssignment()\">\n <mat-icon class=\"adf-add-person-icon\">person_add</mat-icon>\n </div>\n </div>\n <div class=\"adf-assignment-container\" *ngIf=\"showAssignment\">\n <adf-people-search\n #peopleSearch\n [headerTitle]=\"'ADF_TASK_LIST.DETAILS.LABELS.ADD_PEOPLE'\"\n [actionLabel]=\"'ADF_TASK_LIST.PEOPLE.ADD_USER'\"\n (searchPeople)=\"searchUser($event)\"\n (success)=\"involveUser($event)\"\n (closeSearch)=\"onCloseSearch()\"\n [results]=\"peopleSearch$\"\n />\n </div>\n <div class=\"adf-assignment-list-container\" id=\"assignment-people-list\" *ngIf=\"hasPeople()\">\n <adf-people-list [users]=\"people\" [actions]=\"isEditMode()\" (clickAction)=\"onClickAction($event)\">\n <data-columns>\n <data-column key=\"firstName\">\n <ng-template let-entry=\"$implicit\">\n <div *ngIf=\"!entry.row.obj.pictureId\" class=\"adf-people-search-people-pic\">\n {{ getInitialUserName(entry.row.obj.firstName, entry.row.obj.lastName) }}\n </div>\n <div>\n <img\n [alt]=\"getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ')\"\n *ngIf=\"entry.row.obj.pictureId\"\n class=\"adf-people-img\"\n [src]=\"peopleProcessService.getUserImage(entry.row.obj.id.toString())\"\n />\n </div>\n </ng-template>\n </data-column>\n <data-column key=\"email\" class=\"adf-full-width\">\n <ng-template let-entry=\"$implicit\">\n <div class=\"adf-people-user-info\">\n <div\n [attr.data-automation-id]=\"\n 'adf-people-full-name-' + getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, '-')\n \"\n class=\"adf-people-full-name\"\n >\n {{ getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ') }}\n </div>\n <div\n [attr.data-automation-id]=\"\n 'adf-people-email-' + getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, '-')\n \"\n class=\"adf-people-email\"\n >\n {{ entry.row.obj.email }}\n </div>\n </div>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-people-list>\n </div>\n </div>\n</mat-card>\n", styles: [".adf-assignment-header{border-bottom:1px solid var(--mat-sys-outline-variant);padding:6px 20px}.adf-assignment-count{float:left;padding:10px 0;font-weight:bolder;opacity:.54;margin:13px}.adf-add-people{margin:13px;float:right;padding:8px;height:26px;cursor:pointer}.adf-add-people:hover{color:var(--mat-sys-primary)}.adf-assignment-top-container{border-top:1px solid var(--mat-sys-outline-variant);flex-flow:row wrap;align-items:stretch}.adf-assignment-top-container-content{display:flex;flex-flow:column;align-items:stretch;flex:1 0 auto;max-width:100%}.adf-assignment-container{padding:10px 20px;border-bottom:1px solid var(--mat-sys-outline-variant);max-width:100%}.adf-assignment-list-container{padding:0}adf-people-list adf-datatable thead{display:none}adf-people-list adf-datatable .adf-datatable-cell{margin:13px}adf-people-list adf-datatable .adf-datatable .adf-datatable-cell .adf-cell-container{flex-direction:column;align-items:left}adf-people-list adf-datatable .adf-people-email{opacity:.54}.adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}.adf-people-search-people-pic{background:var(--mat-sys-primary);width:30px;padding:10px 5px;border-radius:100px;color:var(--mat-sys-on-primary);text-align:center;font:var(--mat-sys-label-large);text-transform:uppercase;vertical-align:text-bottom}.adf-people-user-info{flex-direction:column;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PeopleSearchComponent, selector: "adf-people-search", inputs: ["headerTitle", "actionLabel", "results"], outputs: ["searchPeople", "success", "closeSearch"] }, { kind: "component", type: PeopleListComponent, selector: "adf-people-list", inputs: ["users", "actions"], outputs: ["clickRow", "clickAction"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PeopleComponent, isStandalone: true, selector: "adf-people", inputs: { people: "people", taskId: "taskId", readOnly: "readOnly" }, outputs: { error: "error" }, viewQueries: [{ propertyName: "peopleSearch", first: true, predicate: ["peopleSearch"], descendants: true }], ngImport: i0, template: "<mat-card appearance=\"outlined\" class=\"adf-assignment-top-container\">\n <div mat-card-content class=\"adf-assignment-top-container-content\">\n <div class=\"assignment-header\">\n <div *ngIf=\"hasPeople()\" class=\"adf-assignment-count\" id=\"people-title\">\n {{ 'ADF_TASK_LIST.DETAILS.LABELS.PEOPLE' | translate }} {{ ' (' + people.length + ')' }}\n </div>\n <div *ngIf=\"!hasPeople()\" class=\"adf-assignment-count\" id=\"no-people-label\">\n {{ 'ADF_TASK_LIST.DETAILS.PEOPLE.NONE' | translate }}\n </div>\n <div *ngIf=\"isEditMode()\" class=\"adf-add-people\" (click)=\"onAddAssignment()\" role=\"button\" tabindex=\"0\" (keyup.enter)=\"onAddAssignment()\">\n <mat-icon class=\"adf-add-person-icon\">person_add</mat-icon>\n </div>\n </div>\n <div class=\"adf-assignment-container\" *ngIf=\"showAssignment\">\n <adf-people-search\n #peopleSearch\n [headerTitle]=\"'ADF_TASK_LIST.DETAILS.LABELS.ADD_PEOPLE'\"\n [actionLabel]=\"'ADF_TASK_LIST.PEOPLE.ADD_USER'\"\n (searchPeople)=\"searchUser($event)\"\n (success)=\"involveUser($event)\"\n (closeSearch)=\"onCloseSearch()\"\n [results]=\"peopleSearch$\"\n />\n </div>\n <div class=\"adf-assignment-list-container\" id=\"assignment-people-list\" *ngIf=\"hasPeople()\">\n <adf-people-list [users]=\"people\" [actions]=\"isEditMode()\" (clickAction)=\"onClickAction($event)\">\n <data-columns>\n <data-column key=\"firstName\">\n <ng-template let-entry=\"$implicit\">\n <div *ngIf=\"!entry.row.obj.pictureId\" class=\"adf-people-search-people-pic\">\n {{ getInitialUserName(entry.row.obj.firstName, entry.row.obj.lastName) }}\n </div>\n <div>\n <img\n [alt]=\"getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ')\"\n *ngIf=\"entry.row.obj.pictureId\"\n class=\"adf-people-img\"\n [src]=\"peopleProcessService.getUserImage(entry.row.obj.id.toString())\"\n />\n </div>\n </ng-template>\n </data-column>\n <data-column key=\"email\" class=\"adf-full-width\">\n <ng-template let-entry=\"$implicit\">\n <div class=\"adf-people-user-info\">\n <div\n [attr.data-automation-id]=\"\n 'adf-people-full-name-' + getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, '-')\n \"\n class=\"adf-people-full-name\"\n >\n {{ getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ') }}\n </div>\n <div\n [attr.data-automation-id]=\"\n 'adf-people-email-' + getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, '-')\n \"\n class=\"adf-people-email\"\n >\n {{ entry.row.obj.email }}\n </div>\n </div>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-people-list>\n </div>\n </div>\n</mat-card>\n", styles: [".adf-assignment-header{border-bottom:1px solid var(--mat-sys-outline-variant);padding:6px 20px}.adf-assignment-count{float:left;padding:10px 0;font-weight:bolder;opacity:.54;margin:13px}.adf-add-people{margin:13px;float:right;padding:8px;height:26px;cursor:pointer}.adf-add-people:hover{color:var(--mat-sys-primary)}.adf-assignment-top-container.mat-mdc-card{border-top:1px solid var(--mat-sys-outline-variant);margin:0;padding:0;display:flex;flex-flow:row wrap;align-items:stretch}.adf-assignment-top-container-content{display:flex;flex-flow:column;align-items:stretch;flex:1 0 auto;max-width:100%}.adf-assignment-container{padding:10px 20px;border-bottom:1px solid var(--mat-sys-outline-variant);max-width:100%}.adf-assignment-list-container{padding:0}adf-people-list adf-datatable thead{display:none}adf-people-list adf-datatable .adf-datatable-cell{margin:13px}adf-people-list adf-datatable .adf-datatable .adf-datatable-cell .adf-cell-container{flex-direction:column;align-items:left}adf-people-list adf-datatable .adf-people-email{opacity:.54}.adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}.adf-people-search-people-pic{background:var(--mat-sys-primary);width:30px;padding:10px 5px;border-radius:100px;color:var(--mat-sys-on-primary);text-align:center;font:var(--mat-sys-label-large);text-transform:uppercase;vertical-align:text-bottom}.adf-people-user-info{flex-direction:column;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PeopleSearchComponent, selector: "adf-people-search", inputs: ["headerTitle", "actionLabel", "results"], outputs: ["searchPeople", "success", "closeSearch"] }, { kind: "component", type: PeopleListComponent, selector: "adf-people-list", inputs: ["users", "actions"], outputs: ["clickRow", "clickAction"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7692
7692
|
}
|
|
7693
7693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PeopleComponent, decorators: [{
|
|
7694
7694
|
type: Component,
|
|
@@ -7701,7 +7701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
|
|
|
7701
7701
|
PeopleListComponent,
|
|
7702
7702
|
DataColumnListComponent,
|
|
7703
7703
|
DataColumnComponent
|
|
7704
|
-
], encapsulation: ViewEncapsulation.None, template: "<mat-card appearance=\"outlined\" class=\"adf-assignment-top-container\">\n <div mat-card-content class=\"adf-assignment-top-container-content\">\n <div class=\"assignment-header\">\n <div *ngIf=\"hasPeople()\" class=\"adf-assignment-count\" id=\"people-title\">\n {{ 'ADF_TASK_LIST.DETAILS.LABELS.PEOPLE' | translate }} {{ ' (' + people.length + ')' }}\n </div>\n <div *ngIf=\"!hasPeople()\" class=\"adf-assignment-count\" id=\"no-people-label\">\n {{ 'ADF_TASK_LIST.DETAILS.PEOPLE.NONE' | translate }}\n </div>\n <div *ngIf=\"isEditMode()\" class=\"adf-add-people\" (click)=\"onAddAssignment()\" role=\"button\" tabindex=\"0\" (keyup.enter)=\"onAddAssignment()\">\n <mat-icon class=\"adf-add-person-icon\">person_add</mat-icon>\n </div>\n </div>\n <div class=\"adf-assignment-container\" *ngIf=\"showAssignment\">\n <adf-people-search\n #peopleSearch\n [headerTitle]=\"'ADF_TASK_LIST.DETAILS.LABELS.ADD_PEOPLE'\"\n [actionLabel]=\"'ADF_TASK_LIST.PEOPLE.ADD_USER'\"\n (searchPeople)=\"searchUser($event)\"\n (success)=\"involveUser($event)\"\n (closeSearch)=\"onCloseSearch()\"\n [results]=\"peopleSearch$\"\n />\n </div>\n <div class=\"adf-assignment-list-container\" id=\"assignment-people-list\" *ngIf=\"hasPeople()\">\n <adf-people-list [users]=\"people\" [actions]=\"isEditMode()\" (clickAction)=\"onClickAction($event)\">\n <data-columns>\n <data-column key=\"firstName\">\n <ng-template let-entry=\"$implicit\">\n <div *ngIf=\"!entry.row.obj.pictureId\" class=\"adf-people-search-people-pic\">\n {{ getInitialUserName(entry.row.obj.firstName, entry.row.obj.lastName) }}\n </div>\n <div>\n <img\n [alt]=\"getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ')\"\n *ngIf=\"entry.row.obj.pictureId\"\n class=\"adf-people-img\"\n [src]=\"peopleProcessService.getUserImage(entry.row.obj.id.toString())\"\n />\n </div>\n </ng-template>\n </data-column>\n <data-column key=\"email\" class=\"adf-full-width\">\n <ng-template let-entry=\"$implicit\">\n <div class=\"adf-people-user-info\">\n <div\n [attr.data-automation-id]=\"\n 'adf-people-full-name-' + getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, '-')\n \"\n class=\"adf-people-full-name\"\n >\n {{ getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ') }}\n </div>\n <div\n [attr.data-automation-id]=\"\n 'adf-people-email-' + getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, '-')\n \"\n class=\"adf-people-email\"\n >\n {{ entry.row.obj.email }}\n </div>\n </div>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-people-list>\n </div>\n </div>\n</mat-card>\n", styles: [".adf-assignment-header{border-bottom:1px solid var(--mat-sys-outline-variant);padding:6px 20px}.adf-assignment-count{float:left;padding:10px 0;font-weight:bolder;opacity:.54;margin:13px}.adf-add-people{margin:13px;float:right;padding:8px;height:26px;cursor:pointer}.adf-add-people:hover{color:var(--mat-sys-primary)}.adf-assignment-top-container{border-top:1px solid var(--mat-sys-outline-variant);flex-flow:row wrap;align-items:stretch}.adf-assignment-top-container-content{display:flex;flex-flow:column;align-items:stretch;flex:1 0 auto;max-width:100%}.adf-assignment-container{padding:10px 20px;border-bottom:1px solid var(--mat-sys-outline-variant);max-width:100%}.adf-assignment-list-container{padding:0}adf-people-list adf-datatable thead{display:none}adf-people-list adf-datatable .adf-datatable-cell{margin:13px}adf-people-list adf-datatable .adf-datatable .adf-datatable-cell .adf-cell-container{flex-direction:column;align-items:left}adf-people-list adf-datatable .adf-people-email{opacity:.54}.adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}.adf-people-search-people-pic{background:var(--mat-sys-primary);width:30px;padding:10px 5px;border-radius:100px;color:var(--mat-sys-on-primary);text-align:center;font:var(--mat-sys-label-large);text-transform:uppercase;vertical-align:text-bottom}.adf-people-user-info{flex-direction:column;text-align:center}\n"] }]
|
|
7704
|
+
], encapsulation: ViewEncapsulation.None, template: "<mat-card appearance=\"outlined\" class=\"adf-assignment-top-container\">\n <div mat-card-content class=\"adf-assignment-top-container-content\">\n <div class=\"assignment-header\">\n <div *ngIf=\"hasPeople()\" class=\"adf-assignment-count\" id=\"people-title\">\n {{ 'ADF_TASK_LIST.DETAILS.LABELS.PEOPLE' | translate }} {{ ' (' + people.length + ')' }}\n </div>\n <div *ngIf=\"!hasPeople()\" class=\"adf-assignment-count\" id=\"no-people-label\">\n {{ 'ADF_TASK_LIST.DETAILS.PEOPLE.NONE' | translate }}\n </div>\n <div *ngIf=\"isEditMode()\" class=\"adf-add-people\" (click)=\"onAddAssignment()\" role=\"button\" tabindex=\"0\" (keyup.enter)=\"onAddAssignment()\">\n <mat-icon class=\"adf-add-person-icon\">person_add</mat-icon>\n </div>\n </div>\n <div class=\"adf-assignment-container\" *ngIf=\"showAssignment\">\n <adf-people-search\n #peopleSearch\n [headerTitle]=\"'ADF_TASK_LIST.DETAILS.LABELS.ADD_PEOPLE'\"\n [actionLabel]=\"'ADF_TASK_LIST.PEOPLE.ADD_USER'\"\n (searchPeople)=\"searchUser($event)\"\n (success)=\"involveUser($event)\"\n (closeSearch)=\"onCloseSearch()\"\n [results]=\"peopleSearch$\"\n />\n </div>\n <div class=\"adf-assignment-list-container\" id=\"assignment-people-list\" *ngIf=\"hasPeople()\">\n <adf-people-list [users]=\"people\" [actions]=\"isEditMode()\" (clickAction)=\"onClickAction($event)\">\n <data-columns>\n <data-column key=\"firstName\">\n <ng-template let-entry=\"$implicit\">\n <div *ngIf=\"!entry.row.obj.pictureId\" class=\"adf-people-search-people-pic\">\n {{ getInitialUserName(entry.row.obj.firstName, entry.row.obj.lastName) }}\n </div>\n <div>\n <img\n [alt]=\"getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ')\"\n *ngIf=\"entry.row.obj.pictureId\"\n class=\"adf-people-img\"\n [src]=\"peopleProcessService.getUserImage(entry.row.obj.id.toString())\"\n />\n </div>\n </ng-template>\n </data-column>\n <data-column key=\"email\" class=\"adf-full-width\">\n <ng-template let-entry=\"$implicit\">\n <div class=\"adf-people-user-info\">\n <div\n [attr.data-automation-id]=\"\n 'adf-people-full-name-' + getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, '-')\n \"\n class=\"adf-people-full-name\"\n >\n {{ getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ') }}\n </div>\n <div\n [attr.data-automation-id]=\"\n 'adf-people-email-' + getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, '-')\n \"\n class=\"adf-people-email\"\n >\n {{ entry.row.obj.email }}\n </div>\n </div>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-people-list>\n </div>\n </div>\n</mat-card>\n", styles: [".adf-assignment-header{border-bottom:1px solid var(--mat-sys-outline-variant);padding:6px 20px}.adf-assignment-count{float:left;padding:10px 0;font-weight:bolder;opacity:.54;margin:13px}.adf-add-people{margin:13px;float:right;padding:8px;height:26px;cursor:pointer}.adf-add-people:hover{color:var(--mat-sys-primary)}.adf-assignment-top-container.mat-mdc-card{border-top:1px solid var(--mat-sys-outline-variant);margin:0;padding:0;display:flex;flex-flow:row wrap;align-items:stretch}.adf-assignment-top-container-content{display:flex;flex-flow:column;align-items:stretch;flex:1 0 auto;max-width:100%}.adf-assignment-container{padding:10px 20px;border-bottom:1px solid var(--mat-sys-outline-variant);max-width:100%}.adf-assignment-list-container{padding:0}adf-people-list adf-datatable thead{display:none}adf-people-list adf-datatable .adf-datatable-cell{margin:13px}adf-people-list adf-datatable .adf-datatable .adf-datatable-cell .adf-cell-container{flex-direction:column;align-items:left}adf-people-list adf-datatable .adf-people-email{opacity:.54}.adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}.adf-people-search-people-pic{background:var(--mat-sys-primary);width:30px;padding:10px 5px;border-radius:100px;color:var(--mat-sys-on-primary);text-align:center;font:var(--mat-sys-label-large);text-transform:uppercase;vertical-align:text-bottom}.adf-people-user-info{flex-direction:column;text-align:center}\n"] }]
|
|
7705
7705
|
}], ctorParameters: () => [], propDecorators: { people: [{
|
|
7706
7706
|
type: Input
|
|
7707
7707
|
}], taskId: [{
|
|
@@ -9708,7 +9708,7 @@ class StartProcessInstanceComponent {
|
|
|
9708
9708
|
return processName;
|
|
9709
9709
|
}
|
|
9710
9710
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: StartProcessInstanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9711
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: StartProcessInstanceComponent, isStandalone: true, selector: "adf-start-process", inputs: { appId: "appId", title: "title", processDefinitionName: "processDefinitionName", variables: "variables", values: "values", name: "name", showSelectProcessDropdown: "showSelectProcessDropdown", showSelectApplicationDropdown: "showSelectApplicationDropdown", processFilterSelector: "processFilterSelector" }, outputs: { start: "start", cancel: "cancel", error: "error", processDefinitionSelection: "processDefinitionSelection", applicationSelection: "applicationSelection" }, viewQueries: [{ propertyName: "startForm", first: true, predicate: ["startForm"], descendants: true }, { propertyName: "inputAutocomplete", first: true, predicate: MatAutocompleteTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<ng-container *ngIf=\"isLoading(); then showLoadingTemplate; else showStartProcessTemplate\" />\n <ng-template #showLoadingTemplate>\n <mat-spinner class=\"adf-start-process-loading\" />\n </ng-template>\n<ng-template #showStartProcessTemplate>\n <ng-container *ngIf=\"hasApplications() || hasProcessDefinitions() ; else showEmptyTemplate\">\n <div class=\"adf-start-process\">\n <div class=\"adf-title\" *ngIf=\"title\">{{ title | translate}}</div>\n <div class=\"content\">\n <div class=\"adf-start-process-definition-container\">\n <mat-form-field *ngIf=\"showSelectApplicationDropdown\" class=\"adf-start-process-app-list\">\n <mat-label>{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}</mat-label>\n <mat-select\n placeholder=\"{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}\"\n (selectionChange)=\"onAppSelectionChange($event)\"\n [(ngModel)]=\"selectedApplication\"\n class=\"adf-start-process-definition-select\"\n data-automation-id=\"adf-start-process-apps-drop-down\">\n <mat-option\n *ngFor=\"let application of applications\"\n [value]=\"application\"\n role=\"option\"\n [attr.data-automation-id]=\"'adf-start-process-apps-option-' + application.name\">\n {{ application.name }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <mat-form-field class=\"adf-process-input-container\">\n <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate}}</mat-label>\n <input\n type=\"text\"\n matInput\n [formControl]=\"processDefinitionInput\"\n [matAutocomplete]=\"auto\"\n id=\"processDefinitionName\">\n <div class=\"adf-process-input-autocomplete\">\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n id=\"processDefinitionOptions\"\n [displayWith]=\"displayFn\">\n <mat-option *ngFor=\"let processDef of filteredProcessesDefinitions$ | async\" [value]=\"processDef.name\"\n (click)=\"processDefinitionSelectionChanged(processDef)\">\n {{ processDef.name }}\n </mat-option>\n </mat-autocomplete>\n <ng-container *ngIf=\"!isProcessDefinitionsLoading ; else showProcessDefLoadingTemplate\">\n <button\n class=\"adf-start-process-button\"\n id=\"adf-select-process-dropdown\"\n *ngIf=\"showSelectProcessDropdown\"\n mat-icon-button\n (click)=\"displayDropdown($event)\"\n [disabled]=\"isDropdownDisabled()\"\n [attr.aria-label]=\"'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate | uppercase\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n </ng-container>\n <ng-template #showProcessDefLoadingTemplate>\n <mat-spinner id=\"adf-select-process-spinner\" [diameter]=\"20\" />\n </ng-template>\n </div>\n </mat-form-field>\n </div>\n <mat-form-field class=\"adf-process-input-container adf-process-input-container-process-name\">\n <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.NAME' | translate}}</mat-label>\n <input\n matInput\n [formControl]=\"processNameInput\"\n id=\"processName\"\n required/>\n <mat-error *ngIf=\"nameController.hasError('maxlength')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxProcessNameLength } }}\n </mat-error>\n <mat-error *ngIf=\"nameController.hasError('required')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n </mat-error>\n <mat-error *ngIf=\"nameController.hasError('pattern')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n </mat-error>\n </mat-form-field>\n\n <ng-container *ngIf=\"!isProcessDefinitionsLoading ; else showStartFormLoadingTemplate\">\n <ng-container *ngIf=\"isProcessDefinitionSelected() ; else emptyProcessDefTemplate\">\n <ng-container *ngIf=\"hasStartForm(); else noStartFormTemplate\">\n <adf-start-form\n #startForm\n [data]=\"populatedFormData\"\n [disableStartProcessButton]=\"processNameInput.invalid\"\n [processDefinitionId]=\"selectedProcessDef.id\"\n (outcomeClick)=\"onOutcomeClick($event)\"\n [showRefreshButton]=\"false\">\n <button\n class=\"adf-start-process-button\"\n adf-form-custom-button\n mat-button\n (click)=\"cancelStartProcess()\"\n id=\"cancel_process\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate | uppercase}}\n </button>\n </adf-start-form>\n </ng-container>\n <ng-template #noStartFormTemplate>\n <adf-empty-content\n class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_START_FORM' | translate\" />\n </ng-template>\n </ng-container>\n <ng-template #emptyProcessDefTemplate>\n <adf-empty-content class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEF_SELECTED' | translate\" />\n </ng-template>\n </ng-container>\n <ng-template #showStartFormLoadingTemplate>\n <mat-spinner class=\"adf-start-process-loading\" />\n </ng-template>\n </div>\n <div class=\"adf-start-process-content-actions\" *ngIf=\"!hasStartForm()\">\n <button\n class=\"adf-start-process-button\"\n mat-button\n *ngIf=\"!hasStartForm()\"\n (click)=\"cancelStartProcess()\"\n id=\"cancel_process\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate | uppercase}}\n </button>\n <button\n mat-button\n *ngIf=\"!hasStartForm()\"\n [disabled]=\"!validateForm()\"\n (click)=\"startProcess()\"\n data-automation-id=\"btn-start\"\n id=\"button-start\"\n class=\"btn-start adf-start-process-button\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.START' | translate | uppercase}}\n </button>\n </div>\n </div>\n </ng-container>\n <ng-template #showEmptyTemplate>\n <adf-empty-content class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEFINITIONS' | translate\" />\n </ng-template>\n</ng-template>\n", styles: [".adf-start-process{width:96%;margin-left:auto;margin-right:auto;margin-top:10px}.adf-start-process mat-form-field{width:100%}.adf-start-process-content-actions{padding-bottom:16px;padding-right:16px;text-align:right}.adf-start-process .adf-start-process-button{width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-title{padding-bottom:1.25em}.adf-process-input-container mat-form-field{width:100%}.adf-process-input-container-process-name{margin-top:16px}.adf-process-input-autocomplete{display:flex;padding-bottom:2px}.adf-process-input-autocomplete .adf-start-process-button{position:absolute;right:-14px;top:10px}.adf-process-input-autocomplete mat-spinner{position:absolute;right:-1px;top:0}.adf-start-form-container .mat-mdc-card-content{margin-bottom:100px}.adf-start-form-container .mat-mdc-card-header{display:none}.adf-start-form-container .adf-start-form-card:has(.adf-start-form-header){box-shadow:none;padding:0}.adf-start-form-actions:has(.adf-start-form-actions-button){text-align:right;padding-bottom:16px}.adf-start-form-actions:has(.adf-start-form-actions-button) button{text-wrap:nowrap}.adf-start-process-definition-container{display:flex;flex-direction:row;justify-content:space-around;align-items:baseline}.adf-start-process-app-list{margin-right:10px}@media(max-width:599.9px){.adf-start-process{width:90%;margin-left:auto;margin-right:auto}}.adf-start-process-loading{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.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: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$4.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: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "component", type: StartFormComponent, selector: "adf-start-form", inputs: ["processDefinitionId", "processId", "showOutcomeButtons", "showRefreshButton", "readOnlyForm"], outputs: ["outcomeClick", "formContentClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9711
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: StartProcessInstanceComponent, isStandalone: true, selector: "adf-start-process", inputs: { appId: "appId", title: "title", processDefinitionName: "processDefinitionName", variables: "variables", values: "values", name: "name", showSelectProcessDropdown: "showSelectProcessDropdown", showSelectApplicationDropdown: "showSelectApplicationDropdown", processFilterSelector: "processFilterSelector" }, outputs: { start: "start", cancel: "cancel", error: "error", processDefinitionSelection: "processDefinitionSelection", applicationSelection: "applicationSelection" }, viewQueries: [{ propertyName: "startForm", first: true, predicate: ["startForm"], descendants: true }, { propertyName: "inputAutocomplete", first: true, predicate: MatAutocompleteTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<ng-container *ngIf=\"isLoading(); then showLoadingTemplate; else showStartProcessTemplate\" />\n <ng-template #showLoadingTemplate>\n <mat-spinner class=\"adf-start-process-loading\" />\n </ng-template>\n<ng-template #showStartProcessTemplate>\n <ng-container *ngIf=\"hasApplications() || hasProcessDefinitions() ; else showEmptyTemplate\">\n <div class=\"adf-start-process\">\n <div class=\"adf-title\" *ngIf=\"title\">{{ title | translate}}</div>\n <div class=\"content\">\n <div class=\"adf-start-process-definition-container\">\n <mat-form-field *ngIf=\"showSelectApplicationDropdown\" class=\"adf-start-process-app-list\">\n <mat-label>{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}</mat-label>\n <mat-select\n placeholder=\"{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}\"\n (selectionChange)=\"onAppSelectionChange($event)\"\n [(ngModel)]=\"selectedApplication\"\n class=\"adf-start-process-definition-select\"\n data-automation-id=\"adf-start-process-apps-drop-down\">\n <mat-option\n *ngFor=\"let application of applications\"\n [value]=\"application\"\n role=\"option\"\n [attr.data-automation-id]=\"'adf-start-process-apps-option-' + application.name\">\n {{ application.name }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <mat-form-field class=\"adf-process-input-container\">\n <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate}}</mat-label>\n <input\n type=\"text\"\n matInput\n [formControl]=\"processDefinitionInput\"\n [matAutocomplete]=\"auto\"\n id=\"processDefinitionName\">\n <div class=\"adf-process-input-autocomplete\">\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n id=\"processDefinitionOptions\"\n [displayWith]=\"displayFn\">\n <mat-option *ngFor=\"let processDef of filteredProcessesDefinitions$ | async\" [value]=\"processDef.name\"\n (click)=\"processDefinitionSelectionChanged(processDef)\">\n {{ processDef.name }}\n </mat-option>\n </mat-autocomplete>\n <ng-container *ngIf=\"!isProcessDefinitionsLoading ; else showProcessDefLoadingTemplate\">\n <button\n class=\"adf-start-process-button\"\n id=\"adf-select-process-dropdown\"\n *ngIf=\"showSelectProcessDropdown\"\n mat-icon-button\n (click)=\"displayDropdown($event)\"\n [disabled]=\"isDropdownDisabled()\"\n [attr.aria-label]=\"'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate | uppercase\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n </ng-container>\n <ng-template #showProcessDefLoadingTemplate>\n <mat-spinner id=\"adf-select-process-spinner\" [diameter]=\"20\" />\n </ng-template>\n </div>\n </mat-form-field>\n </div>\n <mat-form-field class=\"adf-process-input-container adf-process-input-container-process-name\">\n <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.NAME' | translate}}</mat-label>\n <input\n matInput\n [formControl]=\"processNameInput\"\n id=\"processName\"\n required/>\n <mat-error *ngIf=\"nameController.hasError('maxlength')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxProcessNameLength } }}\n </mat-error>\n <mat-error *ngIf=\"nameController.hasError('required')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n </mat-error>\n <mat-error *ngIf=\"nameController.hasError('pattern')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n </mat-error>\n </mat-form-field>\n\n <ng-container *ngIf=\"!isProcessDefinitionsLoading ; else showStartFormLoadingTemplate\">\n <ng-container *ngIf=\"isProcessDefinitionSelected() ; else emptyProcessDefTemplate\">\n <ng-container *ngIf=\"hasStartForm(); else noStartFormTemplate\">\n <adf-start-form\n #startForm\n [data]=\"populatedFormData\"\n [disableStartProcessButton]=\"processNameInput.invalid\"\n [processDefinitionId]=\"selectedProcessDef.id\"\n (outcomeClick)=\"onOutcomeClick($event)\"\n [showRefreshButton]=\"false\">\n <button\n class=\"adf-start-process-button\"\n adf-form-custom-button\n mat-button\n (click)=\"cancelStartProcess()\"\n id=\"cancel_process\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate | uppercase}}\n </button>\n </adf-start-form>\n </ng-container>\n <ng-template #noStartFormTemplate>\n <adf-empty-content\n class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_START_FORM' | translate\" />\n </ng-template>\n </ng-container>\n <ng-template #emptyProcessDefTemplate>\n <adf-empty-content class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEF_SELECTED' | translate\" />\n </ng-template>\n </ng-container>\n <ng-template #showStartFormLoadingTemplate>\n <mat-spinner class=\"adf-start-process-loading\" />\n </ng-template>\n </div>\n <div class=\"adf-start-process-content-actions\" *ngIf=\"!hasStartForm()\">\n <button\n class=\"adf-start-process-button\"\n mat-button\n *ngIf=\"!hasStartForm()\"\n (click)=\"cancelStartProcess()\"\n id=\"cancel_process\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate | uppercase}}\n </button>\n <button\n mat-button\n *ngIf=\"!hasStartForm()\"\n [disabled]=\"!validateForm()\"\n (click)=\"startProcess()\"\n data-automation-id=\"btn-start\"\n id=\"button-start\"\n class=\"btn-start adf-start-process-button\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.START' | translate | uppercase}}\n </button>\n </div>\n </div>\n </ng-container>\n <ng-template #showEmptyTemplate>\n <adf-empty-content class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEFINITIONS' | translate\" />\n </ng-template>\n</ng-template>\n", styles: [".adf-start-process{width:96%;margin-left:auto;margin-right:auto;margin-top:10px}.adf-start-process mat-form-field{width:100%}.adf-start-process-content-actions{padding-bottom:16px;padding-right:16px;text-align:right}.adf-start-process .mat-mdc-button{width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-title{padding-bottom:1.25em}.adf-process-input-container mat-form-field{width:100%}.adf-process-input-container-process-name{margin-top:16px}.adf-process-input-autocomplete{display:flex;padding-bottom:2px}.adf-process-input-autocomplete .adf-start-process-button{position:absolute;right:-14px;top:10px}.adf-process-input-autocomplete mat-spinner{position:absolute;right:-1px;top:0}.adf-start-form-container .mat-mdc-card-content{margin-bottom:100px}.adf-start-form-container .mat-mdc-card-header{display:none}.adf-start-form-container .adf-start-form-card:has(.adf-start-form-header){box-shadow:none;padding:0}.adf-start-form-actions:has(.adf-start-form-actions-button){text-align:right;padding-bottom:16px}.adf-start-form-actions:has(.adf-start-form-actions-button) button{text-wrap:nowrap}.adf-start-process-definition-container{display:flex;flex-direction:row;justify-content:space-around;align-items:baseline}.adf-start-process-definition-container .adf-start-process-definition-select .mat-mdc-select-arrow-wrapper{transform:none}.adf-start-process-definition-container .adf-start-process-definition-select .mat-mdc-select-arrow-wrapper svg{fill:currentcolor}.adf-start-process-app-list{margin-right:10px}@media(max-width:599.9px){.adf-start-process{width:90%;margin-left:auto;margin-right:auto}}.adf-start-process-loading{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.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: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$4.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: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "component", type: StartFormComponent, selector: "adf-start-form", inputs: ["processDefinitionId", "processId", "showOutcomeButtons", "showRefreshButton", "readOnlyForm"], outputs: ["outcomeClick", "formContentClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9712
9712
|
}
|
|
9713
9713
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: StartProcessInstanceComponent, decorators: [{
|
|
9714
9714
|
type: Component,
|
|
@@ -9726,7 +9726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
|
|
|
9726
9726
|
MatInputModule,
|
|
9727
9727
|
EmptyContentComponent,
|
|
9728
9728
|
StartFormComponent
|
|
9729
|
-
], encapsulation: ViewEncapsulation.None, template: "\n<ng-container *ngIf=\"isLoading(); then showLoadingTemplate; else showStartProcessTemplate\" />\n <ng-template #showLoadingTemplate>\n <mat-spinner class=\"adf-start-process-loading\" />\n </ng-template>\n<ng-template #showStartProcessTemplate>\n <ng-container *ngIf=\"hasApplications() || hasProcessDefinitions() ; else showEmptyTemplate\">\n <div class=\"adf-start-process\">\n <div class=\"adf-title\" *ngIf=\"title\">{{ title | translate}}</div>\n <div class=\"content\">\n <div class=\"adf-start-process-definition-container\">\n <mat-form-field *ngIf=\"showSelectApplicationDropdown\" class=\"adf-start-process-app-list\">\n <mat-label>{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}</mat-label>\n <mat-select\n placeholder=\"{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}\"\n (selectionChange)=\"onAppSelectionChange($event)\"\n [(ngModel)]=\"selectedApplication\"\n class=\"adf-start-process-definition-select\"\n data-automation-id=\"adf-start-process-apps-drop-down\">\n <mat-option\n *ngFor=\"let application of applications\"\n [value]=\"application\"\n role=\"option\"\n [attr.data-automation-id]=\"'adf-start-process-apps-option-' + application.name\">\n {{ application.name }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <mat-form-field class=\"adf-process-input-container\">\n <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate}}</mat-label>\n <input\n type=\"text\"\n matInput\n [formControl]=\"processDefinitionInput\"\n [matAutocomplete]=\"auto\"\n id=\"processDefinitionName\">\n <div class=\"adf-process-input-autocomplete\">\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n id=\"processDefinitionOptions\"\n [displayWith]=\"displayFn\">\n <mat-option *ngFor=\"let processDef of filteredProcessesDefinitions$ | async\" [value]=\"processDef.name\"\n (click)=\"processDefinitionSelectionChanged(processDef)\">\n {{ processDef.name }}\n </mat-option>\n </mat-autocomplete>\n <ng-container *ngIf=\"!isProcessDefinitionsLoading ; else showProcessDefLoadingTemplate\">\n <button\n class=\"adf-start-process-button\"\n id=\"adf-select-process-dropdown\"\n *ngIf=\"showSelectProcessDropdown\"\n mat-icon-button\n (click)=\"displayDropdown($event)\"\n [disabled]=\"isDropdownDisabled()\"\n [attr.aria-label]=\"'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate | uppercase\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n </ng-container>\n <ng-template #showProcessDefLoadingTemplate>\n <mat-spinner id=\"adf-select-process-spinner\" [diameter]=\"20\" />\n </ng-template>\n </div>\n </mat-form-field>\n </div>\n <mat-form-field class=\"adf-process-input-container adf-process-input-container-process-name\">\n <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.NAME' | translate}}</mat-label>\n <input\n matInput\n [formControl]=\"processNameInput\"\n id=\"processName\"\n required/>\n <mat-error *ngIf=\"nameController.hasError('maxlength')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxProcessNameLength } }}\n </mat-error>\n <mat-error *ngIf=\"nameController.hasError('required')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n </mat-error>\n <mat-error *ngIf=\"nameController.hasError('pattern')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n </mat-error>\n </mat-form-field>\n\n <ng-container *ngIf=\"!isProcessDefinitionsLoading ; else showStartFormLoadingTemplate\">\n <ng-container *ngIf=\"isProcessDefinitionSelected() ; else emptyProcessDefTemplate\">\n <ng-container *ngIf=\"hasStartForm(); else noStartFormTemplate\">\n <adf-start-form\n #startForm\n [data]=\"populatedFormData\"\n [disableStartProcessButton]=\"processNameInput.invalid\"\n [processDefinitionId]=\"selectedProcessDef.id\"\n (outcomeClick)=\"onOutcomeClick($event)\"\n [showRefreshButton]=\"false\">\n <button\n class=\"adf-start-process-button\"\n adf-form-custom-button\n mat-button\n (click)=\"cancelStartProcess()\"\n id=\"cancel_process\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate | uppercase}}\n </button>\n </adf-start-form>\n </ng-container>\n <ng-template #noStartFormTemplate>\n <adf-empty-content\n class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_START_FORM' | translate\" />\n </ng-template>\n </ng-container>\n <ng-template #emptyProcessDefTemplate>\n <adf-empty-content class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEF_SELECTED' | translate\" />\n </ng-template>\n </ng-container>\n <ng-template #showStartFormLoadingTemplate>\n <mat-spinner class=\"adf-start-process-loading\" />\n </ng-template>\n </div>\n <div class=\"adf-start-process-content-actions\" *ngIf=\"!hasStartForm()\">\n <button\n class=\"adf-start-process-button\"\n mat-button\n *ngIf=\"!hasStartForm()\"\n (click)=\"cancelStartProcess()\"\n id=\"cancel_process\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate | uppercase}}\n </button>\n <button\n mat-button\n *ngIf=\"!hasStartForm()\"\n [disabled]=\"!validateForm()\"\n (click)=\"startProcess()\"\n data-automation-id=\"btn-start\"\n id=\"button-start\"\n class=\"btn-start adf-start-process-button\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.START' | translate | uppercase}}\n </button>\n </div>\n </div>\n </ng-container>\n <ng-template #showEmptyTemplate>\n <adf-empty-content class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEFINITIONS' | translate\" />\n </ng-template>\n</ng-template>\n", styles: [".adf-start-process{width:96%;margin-left:auto;margin-right:auto;margin-top:10px}.adf-start-process mat-form-field{width:100%}.adf-start-process-content-actions{padding-bottom:16px;padding-right:16px;text-align:right}.adf-start-process .adf-start-process-button{width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-title{padding-bottom:1.25em}.adf-process-input-container mat-form-field{width:100%}.adf-process-input-container-process-name{margin-top:16px}.adf-process-input-autocomplete{display:flex;padding-bottom:2px}.adf-process-input-autocomplete .adf-start-process-button{position:absolute;right:-14px;top:10px}.adf-process-input-autocomplete mat-spinner{position:absolute;right:-1px;top:0}.adf-start-form-container .mat-mdc-card-content{margin-bottom:100px}.adf-start-form-container .mat-mdc-card-header{display:none}.adf-start-form-container .adf-start-form-card:has(.adf-start-form-header){box-shadow:none;padding:0}.adf-start-form-actions:has(.adf-start-form-actions-button){text-align:right;padding-bottom:16px}.adf-start-form-actions:has(.adf-start-form-actions-button) button{text-wrap:nowrap}.adf-start-process-definition-container{display:flex;flex-direction:row;justify-content:space-around;align-items:baseline}.adf-start-process-app-list{margin-right:10px}@media(max-width:599.9px){.adf-start-process{width:90%;margin-left:auto;margin-right:auto}}.adf-start-process-loading{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"] }]
|
|
9729
|
+
], encapsulation: ViewEncapsulation.None, template: "\n<ng-container *ngIf=\"isLoading(); then showLoadingTemplate; else showStartProcessTemplate\" />\n <ng-template #showLoadingTemplate>\n <mat-spinner class=\"adf-start-process-loading\" />\n </ng-template>\n<ng-template #showStartProcessTemplate>\n <ng-container *ngIf=\"hasApplications() || hasProcessDefinitions() ; else showEmptyTemplate\">\n <div class=\"adf-start-process\">\n <div class=\"adf-title\" *ngIf=\"title\">{{ title | translate}}</div>\n <div class=\"content\">\n <div class=\"adf-start-process-definition-container\">\n <mat-form-field *ngIf=\"showSelectApplicationDropdown\" class=\"adf-start-process-app-list\">\n <mat-label>{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}</mat-label>\n <mat-select\n placeholder=\"{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}\"\n (selectionChange)=\"onAppSelectionChange($event)\"\n [(ngModel)]=\"selectedApplication\"\n class=\"adf-start-process-definition-select\"\n data-automation-id=\"adf-start-process-apps-drop-down\">\n <mat-option\n *ngFor=\"let application of applications\"\n [value]=\"application\"\n role=\"option\"\n [attr.data-automation-id]=\"'adf-start-process-apps-option-' + application.name\">\n {{ application.name }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <mat-form-field class=\"adf-process-input-container\">\n <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate}}</mat-label>\n <input\n type=\"text\"\n matInput\n [formControl]=\"processDefinitionInput\"\n [matAutocomplete]=\"auto\"\n id=\"processDefinitionName\">\n <div class=\"adf-process-input-autocomplete\">\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n id=\"processDefinitionOptions\"\n [displayWith]=\"displayFn\">\n <mat-option *ngFor=\"let processDef of filteredProcessesDefinitions$ | async\" [value]=\"processDef.name\"\n (click)=\"processDefinitionSelectionChanged(processDef)\">\n {{ processDef.name }}\n </mat-option>\n </mat-autocomplete>\n <ng-container *ngIf=\"!isProcessDefinitionsLoading ; else showProcessDefLoadingTemplate\">\n <button\n class=\"adf-start-process-button\"\n id=\"adf-select-process-dropdown\"\n *ngIf=\"showSelectProcessDropdown\"\n mat-icon-button\n (click)=\"displayDropdown($event)\"\n [disabled]=\"isDropdownDisabled()\"\n [attr.aria-label]=\"'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate | uppercase\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n </ng-container>\n <ng-template #showProcessDefLoadingTemplate>\n <mat-spinner id=\"adf-select-process-spinner\" [diameter]=\"20\" />\n </ng-template>\n </div>\n </mat-form-field>\n </div>\n <mat-form-field class=\"adf-process-input-container adf-process-input-container-process-name\">\n <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.NAME' | translate}}</mat-label>\n <input\n matInput\n [formControl]=\"processNameInput\"\n id=\"processName\"\n required/>\n <mat-error *ngIf=\"nameController.hasError('maxlength')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxProcessNameLength } }}\n </mat-error>\n <mat-error *ngIf=\"nameController.hasError('required')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n </mat-error>\n <mat-error *ngIf=\"nameController.hasError('pattern')\">\n {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n </mat-error>\n </mat-form-field>\n\n <ng-container *ngIf=\"!isProcessDefinitionsLoading ; else showStartFormLoadingTemplate\">\n <ng-container *ngIf=\"isProcessDefinitionSelected() ; else emptyProcessDefTemplate\">\n <ng-container *ngIf=\"hasStartForm(); else noStartFormTemplate\">\n <adf-start-form\n #startForm\n [data]=\"populatedFormData\"\n [disableStartProcessButton]=\"processNameInput.invalid\"\n [processDefinitionId]=\"selectedProcessDef.id\"\n (outcomeClick)=\"onOutcomeClick($event)\"\n [showRefreshButton]=\"false\">\n <button\n class=\"adf-start-process-button\"\n adf-form-custom-button\n mat-button\n (click)=\"cancelStartProcess()\"\n id=\"cancel_process\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate | uppercase}}\n </button>\n </adf-start-form>\n </ng-container>\n <ng-template #noStartFormTemplate>\n <adf-empty-content\n class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_START_FORM' | translate\" />\n </ng-template>\n </ng-container>\n <ng-template #emptyProcessDefTemplate>\n <adf-empty-content class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEF_SELECTED' | translate\" />\n </ng-template>\n </ng-container>\n <ng-template #showStartFormLoadingTemplate>\n <mat-spinner class=\"adf-start-process-loading\" />\n </ng-template>\n </div>\n <div class=\"adf-start-process-content-actions\" *ngIf=\"!hasStartForm()\">\n <button\n class=\"adf-start-process-button\"\n mat-button\n *ngIf=\"!hasStartForm()\"\n (click)=\"cancelStartProcess()\"\n id=\"cancel_process\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.CANCEL'| translate | uppercase}}\n </button>\n <button\n mat-button\n *ngIf=\"!hasStartForm()\"\n [disabled]=\"!validateForm()\"\n (click)=\"startProcess()\"\n data-automation-id=\"btn-start\"\n id=\"button-start\"\n class=\"btn-start adf-start-process-button\">\n {{'ADF_PROCESS_LIST.START_PROCESS.FORM.ACTION.START' | translate | uppercase}}\n </button>\n </div>\n </div>\n </ng-container>\n <ng-template #showEmptyTemplate>\n <adf-empty-content class=\"adf-start-process-empty-template\"\n [icon]=\"'assessment'\"\n [title]=\"'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEFINITIONS' | translate\" />\n </ng-template>\n</ng-template>\n", styles: [".adf-start-process{width:96%;margin-left:auto;margin-right:auto;margin-top:10px}.adf-start-process mat-form-field{width:100%}.adf-start-process-content-actions{padding-bottom:16px;padding-right:16px;text-align:right}.adf-start-process .mat-mdc-button{width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-title{padding-bottom:1.25em}.adf-process-input-container mat-form-field{width:100%}.adf-process-input-container-process-name{margin-top:16px}.adf-process-input-autocomplete{display:flex;padding-bottom:2px}.adf-process-input-autocomplete .adf-start-process-button{position:absolute;right:-14px;top:10px}.adf-process-input-autocomplete mat-spinner{position:absolute;right:-1px;top:0}.adf-start-form-container .mat-mdc-card-content{margin-bottom:100px}.adf-start-form-container .mat-mdc-card-header{display:none}.adf-start-form-container .adf-start-form-card:has(.adf-start-form-header){box-shadow:none;padding:0}.adf-start-form-actions:has(.adf-start-form-actions-button){text-align:right;padding-bottom:16px}.adf-start-form-actions:has(.adf-start-form-actions-button) button{text-wrap:nowrap}.adf-start-process-definition-container{display:flex;flex-direction:row;justify-content:space-around;align-items:baseline}.adf-start-process-definition-container .adf-start-process-definition-select .mat-mdc-select-arrow-wrapper{transform:none}.adf-start-process-definition-container .adf-start-process-definition-select .mat-mdc-select-arrow-wrapper svg{fill:currentcolor}.adf-start-process-app-list{margin-right:10px}@media(max-width:599.9px){.adf-start-process{width:90%;margin-left:auto;margin-right:auto}}.adf-start-process-loading{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"] }]
|
|
9730
9730
|
}], propDecorators: { appId: [{
|
|
9731
9731
|
type: Input
|
|
9732
9732
|
}], title: [{
|
|
@@ -9952,7 +9952,7 @@ class AppsListComponent {
|
|
|
9952
9952
|
: apps;
|
|
9953
9953
|
}
|
|
9954
9954
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AppsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9955
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: AppsListComponent, isStandalone: true, selector: "adf-apps", inputs: { layoutType: "layoutType", defaultAppId: "defaultAppId", filtersAppId: "filtersAppId" }, outputs: { appClick: "appClick", error: "error" }, host: { classAttribute: "adf-apps" }, queries: [{ propertyName: "emptyCustomContent", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }], ngImport: i0, template: "<div class=\"menu-container\" *ngIf=\"!isEmpty()\">\n <mat-list *ngIf=\"isList()\" class=\"adf-app-list\">\n <mat-list-item class=\"adf-app-list-item\" (click)=\"selectApp(app)\" (keyup.enter)=\"selectApp(app)\" *ngFor=\"let app of appList\" tabindex=\"0\" role=\"button\" title=\"{{app.name}}\">\n <mat-icon matListItemIcon>touch_app</mat-icon>\n <span matLine>{{getAppName(app) | translate}}</span>\n </mat-list-item>\n </mat-list>\n <div *ngIf=\"isGrid()\" class=\"adf-app-listgrid\">\n <div *ngFor=\"let app of appList\"\n class=\"adf-app-listgrid-item\">\n <mat-card appearance=\"outlined\" tabindex=\"0\"\n role=\"button\"\n class=\"adf-app-listgrid-item-card\"\n title=\"{{getAppName(app) | translate}}\"\n [ngClass]=\"[getTheme(app)]\"\n (click)=\"selectApp(app)\"\n (keyup.enter)=\"selectApp(app)\">\n <div class=\"adf-app-listgrid-item-card-logo\">\n <mat-icon class=\"adf-app-listgrid-item-card-logo-icon\">{{getBackgroundIcon(app)}}</mat-icon>\n </div>\n <div mat-card-title class=\"adf-app-listgrid-item-card-title\">\n <h1>{{getAppName(app) | translate}}</h1>\n </div>\n <mat-card-subtitle class=\"adf-app-listgrid-item-card-subtitle\">\n <div class=\"adf-line-clamp\">{{app.description}}</div>\n </mat-card-subtitle>\n\n <mat-card-actions class=\"adf-app-listgrid-item-card-actions\">\n <mat-icon class=\"adf-app-listgrid-item-card-actions-icon\" *ngIf=\"isSelected(app.id)\">done</mat-icon>\n </mat-card-actions>\n </mat-card>\n </div>\n </div>\n</div>\n\n<ng-container *ngIf=\"isLoading(); else empty\">\n <div class=\"adf-app-list-spinner\">\n <mat-progress-spinner
|
|
9955
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: AppsListComponent, isStandalone: true, selector: "adf-apps", inputs: { layoutType: "layoutType", defaultAppId: "defaultAppId", filtersAppId: "filtersAppId" }, outputs: { appClick: "appClick", error: "error" }, host: { classAttribute: "adf-apps" }, queries: [{ propertyName: "emptyCustomContent", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }], ngImport: i0, template: "<div class=\"menu-container\" *ngIf=\"!isEmpty()\">\n <mat-list *ngIf=\"isList()\" class=\"adf-app-list\">\n <mat-list-item class=\"adf-app-list-item\" (click)=\"selectApp(app)\" (keyup.enter)=\"selectApp(app)\" *ngFor=\"let app of appList\" tabindex=\"0\" role=\"button\" title=\"{{app.name}}\">\n <mat-icon matListItemIcon>touch_app</mat-icon>\n <span matLine>{{getAppName(app) | translate}}</span>\n </mat-list-item>\n </mat-list>\n <div *ngIf=\"isGrid()\" class=\"adf-app-listgrid\">\n <div *ngFor=\"let app of appList\"\n class=\"adf-app-listgrid-item\">\n <mat-card appearance=\"outlined\" tabindex=\"0\"\n role=\"button\"\n class=\"adf-app-listgrid-item-card\"\n title=\"{{getAppName(app) | translate}}\"\n [ngClass]=\"[getTheme(app)]\"\n (click)=\"selectApp(app)\"\n (keyup.enter)=\"selectApp(app)\">\n <div class=\"adf-app-listgrid-item-card-logo\">\n <mat-icon class=\"adf-app-listgrid-item-card-logo-icon\">{{getBackgroundIcon(app)}}</mat-icon>\n </div>\n <div mat-card-title class=\"adf-app-listgrid-item-card-title\">\n <h1>{{getAppName(app) | translate}}</h1>\n </div>\n <mat-card-subtitle class=\"adf-app-listgrid-item-card-subtitle\">\n <div class=\"adf-line-clamp\">{{app.description}}</div>\n </mat-card-subtitle>\n\n <mat-card-actions class=\"adf-app-listgrid-item-card-actions\">\n <mat-icon class=\"adf-app-listgrid-item-card-actions-icon\" *ngIf=\"isSelected(app.id)\">done</mat-icon>\n </mat-card-actions>\n </mat-card>\n </div>\n </div>\n</div>\n\n<ng-container *ngIf=\"isLoading(); else empty\">\n <div class=\"adf-app-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" />\n </div>\n</ng-container>\n\n<ng-template #empty>\n <div class=\"adf-app-list-empty\" *ngIf=\"isEmpty()\">\n <ng-content select=\"adf-custom-empty-content-template\"\n *ngIf=\"hasEmptyCustomContentTemplate; else defaultEmptyTemplate\"\n class=\"adf-custom-empty-template\" />\n\n <ng-template #defaultEmptyTemplate>\n <adf-empty-content\n icon=\"apps\"\n [title]=\"'ADF_TASK_LIST.APPS.TITLE' | translate\"\n [subtitle]=\"'ADF_TASK_LIST.APPS.SUBTITLE' | translate\" />\n </ng-template>\n </div>\n</ng-template>\n", styles: [".adf-app-list-item{cursor:pointer}.adf-app-list-spinner,.adf-app-list-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;height:85vh}.adf-app-list-spinner .mat-mdc-progress-spinner,.adf-app-list-empty .mat-mdc-progress-spinner{margin:0 auto}.adf-apps{width:100%}.adf-apps .adf-app-listgrid{padding:8px;flex-flow:row wrap;display:flex}.adf-apps .adf-app-listgrid-item{outline:none;padding:8px;box-sizing:border-box;flex:1 1 33.3333%;max-width:33.3333%}@media(max-width:959.9px){.adf-apps .adf-app-listgrid-item{flex:1 1 50%;max-width:50%}}@media(max-width:599.9px){.adf-apps .adf-app-listgrid-item{flex:1 1 100%;max-width:100%}}.adf-apps .adf-app-listgrid-item-card.theme-1{background-color:#269abc}.adf-apps .adf-app-listgrid-item-card.theme-1 .adf-app-listgrid-item-card-logo-icon{color:#168aac}.adf-apps .adf-app-listgrid-item-card.theme-2{background-color:#7da9b0}.adf-apps .adf-app-listgrid-item-card.theme-2 .adf-app-listgrid-item-card-logo-icon{color:#6d99a0}.adf-apps .adf-app-listgrid-item-card.theme-3{background-color:#7689ab}.adf-apps .adf-app-listgrid-item-card.theme-3 .adf-app-listgrid-item-card-logo-icon{color:#66799b}.adf-apps .adf-app-listgrid-item-card.theme-4{background-color:#c74e3e}.adf-apps .adf-app-listgrid-item-card.theme-4 .adf-app-listgrid-item-card-logo-icon{color:#b73e2e}.adf-apps .adf-app-listgrid-item-card.theme-5{background-color:#fab96c}.adf-apps .adf-app-listgrid-item-card.theme-5 .adf-app-listgrid-item-card-logo-icon{color:#eaa95c}.adf-apps .adf-app-listgrid-item-card.theme-6{background-color:#759d4c}.adf-apps .adf-app-listgrid-item-card.theme-6 .adf-app-listgrid-item-card-logo-icon{color:#658d3c}.adf-apps .adf-app-listgrid-item-card.theme-7{background-color:#b1b489}.adf-apps .adf-app-listgrid-item-card.theme-7 .adf-app-listgrid-item-card-logo-icon{color:#a1a479}.adf-apps .adf-app-listgrid-item-card.theme-8{background-color:#a17299}.adf-apps .adf-app-listgrid-item-card.theme-8 .adf-app-listgrid-item-card-logo-icon{color:#916289}.adf-apps .adf-app-listgrid-item-card.theme-9{background-color:#696c67}.adf-apps .adf-app-listgrid-item-card.theme-9 .adf-app-listgrid-item-card-logo-icon{color:#595c57}.adf-apps .adf-app-listgrid-item-card.theme-10{background-color:#cabb33}.adf-apps .adf-app-listgrid-item-card.theme-10 .adf-app-listgrid-item-card-logo-icon{color:#baab23}.adf-apps .adf-app-listgrid-item-card{outline:none;flex-direction:column;display:flex;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);min-height:200px;padding:0}.adf-apps .adf-app-listgrid-item-card:hover{box-shadow:var(--mat-sys-level3);cursor:pointer;transform:scale(1.015)}.adf-apps .adf-app-listgrid-item-card-logo{position:absolute;right:20px;top:20px;padding:16px;z-index:9}.adf-apps .adf-app-listgrid-item-card-logo-icon{font-size:70px;width:1em;height:1em}.adf-apps .adf-app-listgrid-item-card-title{padding:16px;margin-bottom:0;z-index:9999}.adf-apps .adf-app-listgrid-item-card-title h1{width:80%;font:var(--mat-sys-headline-medium);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.adf-apps .adf-app-listgrid-item-card-subtitle{z-index:9999;padding:16px;flex:1 0 auto}.adf-apps .adf-app-listgrid-item-card-subtitle .adf-line-clamp{position:relative;line-height:1.25;padding:0;overflow:hidden;text-overflow:ellipsis}.adf-apps .adf-app-listgrid-item-card-actions:has(.adf-app-listgrid-item-card-actions-icon){padding:0 16px 16px;border-top:1px solid var(--mat-sys-outline-variant);min-height:48px;box-sizing:border-box;margin-left:0;margin-right:0}.adf-apps .adf-app-listgrid-item-card-actions:has(.adf-app-listgrid-item-card-actions-icon):last-child{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i2$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i3$6.MatLine, selector: "[mat-line], [matLine]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9956
9956
|
}
|
|
9957
9957
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AppsListComponent, decorators: [{
|
|
9958
9958
|
type: Component,
|
|
@@ -9965,7 +9965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
|
|
|
9965
9965
|
TranslatePipe,
|
|
9966
9966
|
EmptyContentComponent,
|
|
9967
9967
|
MatLineModule
|
|
9968
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-apps' }, template: "<div class=\"menu-container\" *ngIf=\"!isEmpty()\">\n <mat-list *ngIf=\"isList()\" class=\"adf-app-list\">\n <mat-list-item class=\"adf-app-list-item\" (click)=\"selectApp(app)\" (keyup.enter)=\"selectApp(app)\" *ngFor=\"let app of appList\" tabindex=\"0\" role=\"button\" title=\"{{app.name}}\">\n <mat-icon matListItemIcon>touch_app</mat-icon>\n <span matLine>{{getAppName(app) | translate}}</span>\n </mat-list-item>\n </mat-list>\n <div *ngIf=\"isGrid()\" class=\"adf-app-listgrid\">\n <div *ngFor=\"let app of appList\"\n class=\"adf-app-listgrid-item\">\n <mat-card appearance=\"outlined\" tabindex=\"0\"\n role=\"button\"\n class=\"adf-app-listgrid-item-card\"\n title=\"{{getAppName(app) | translate}}\"\n [ngClass]=\"[getTheme(app)]\"\n (click)=\"selectApp(app)\"\n (keyup.enter)=\"selectApp(app)\">\n <div class=\"adf-app-listgrid-item-card-logo\">\n <mat-icon class=\"adf-app-listgrid-item-card-logo-icon\">{{getBackgroundIcon(app)}}</mat-icon>\n </div>\n <div mat-card-title class=\"adf-app-listgrid-item-card-title\">\n <h1>{{getAppName(app) | translate}}</h1>\n </div>\n <mat-card-subtitle class=\"adf-app-listgrid-item-card-subtitle\">\n <div class=\"adf-line-clamp\">{{app.description}}</div>\n </mat-card-subtitle>\n\n <mat-card-actions class=\"adf-app-listgrid-item-card-actions\">\n <mat-icon class=\"adf-app-listgrid-item-card-actions-icon\" *ngIf=\"isSelected(app.id)\">done</mat-icon>\n </mat-card-actions>\n </mat-card>\n </div>\n </div>\n</div>\n\n<ng-container *ngIf=\"isLoading(); else empty\">\n <div class=\"adf-app-list-spinner\">\n <mat-progress-spinner
|
|
9968
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-apps' }, template: "<div class=\"menu-container\" *ngIf=\"!isEmpty()\">\n <mat-list *ngIf=\"isList()\" class=\"adf-app-list\">\n <mat-list-item class=\"adf-app-list-item\" (click)=\"selectApp(app)\" (keyup.enter)=\"selectApp(app)\" *ngFor=\"let app of appList\" tabindex=\"0\" role=\"button\" title=\"{{app.name}}\">\n <mat-icon matListItemIcon>touch_app</mat-icon>\n <span matLine>{{getAppName(app) | translate}}</span>\n </mat-list-item>\n </mat-list>\n <div *ngIf=\"isGrid()\" class=\"adf-app-listgrid\">\n <div *ngFor=\"let app of appList\"\n class=\"adf-app-listgrid-item\">\n <mat-card appearance=\"outlined\" tabindex=\"0\"\n role=\"button\"\n class=\"adf-app-listgrid-item-card\"\n title=\"{{getAppName(app) | translate}}\"\n [ngClass]=\"[getTheme(app)]\"\n (click)=\"selectApp(app)\"\n (keyup.enter)=\"selectApp(app)\">\n <div class=\"adf-app-listgrid-item-card-logo\">\n <mat-icon class=\"adf-app-listgrid-item-card-logo-icon\">{{getBackgroundIcon(app)}}</mat-icon>\n </div>\n <div mat-card-title class=\"adf-app-listgrid-item-card-title\">\n <h1>{{getAppName(app) | translate}}</h1>\n </div>\n <mat-card-subtitle class=\"adf-app-listgrid-item-card-subtitle\">\n <div class=\"adf-line-clamp\">{{app.description}}</div>\n </mat-card-subtitle>\n\n <mat-card-actions class=\"adf-app-listgrid-item-card-actions\">\n <mat-icon class=\"adf-app-listgrid-item-card-actions-icon\" *ngIf=\"isSelected(app.id)\">done</mat-icon>\n </mat-card-actions>\n </mat-card>\n </div>\n </div>\n</div>\n\n<ng-container *ngIf=\"isLoading(); else empty\">\n <div class=\"adf-app-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" />\n </div>\n</ng-container>\n\n<ng-template #empty>\n <div class=\"adf-app-list-empty\" *ngIf=\"isEmpty()\">\n <ng-content select=\"adf-custom-empty-content-template\"\n *ngIf=\"hasEmptyCustomContentTemplate; else defaultEmptyTemplate\"\n class=\"adf-custom-empty-template\" />\n\n <ng-template #defaultEmptyTemplate>\n <adf-empty-content\n icon=\"apps\"\n [title]=\"'ADF_TASK_LIST.APPS.TITLE' | translate\"\n [subtitle]=\"'ADF_TASK_LIST.APPS.SUBTITLE' | translate\" />\n </ng-template>\n </div>\n</ng-template>\n", styles: [".adf-app-list-item{cursor:pointer}.adf-app-list-spinner,.adf-app-list-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;height:85vh}.adf-app-list-spinner .mat-mdc-progress-spinner,.adf-app-list-empty .mat-mdc-progress-spinner{margin:0 auto}.adf-apps{width:100%}.adf-apps .adf-app-listgrid{padding:8px;flex-flow:row wrap;display:flex}.adf-apps .adf-app-listgrid-item{outline:none;padding:8px;box-sizing:border-box;flex:1 1 33.3333%;max-width:33.3333%}@media(max-width:959.9px){.adf-apps .adf-app-listgrid-item{flex:1 1 50%;max-width:50%}}@media(max-width:599.9px){.adf-apps .adf-app-listgrid-item{flex:1 1 100%;max-width:100%}}.adf-apps .adf-app-listgrid-item-card.theme-1{background-color:#269abc}.adf-apps .adf-app-listgrid-item-card.theme-1 .adf-app-listgrid-item-card-logo-icon{color:#168aac}.adf-apps .adf-app-listgrid-item-card.theme-2{background-color:#7da9b0}.adf-apps .adf-app-listgrid-item-card.theme-2 .adf-app-listgrid-item-card-logo-icon{color:#6d99a0}.adf-apps .adf-app-listgrid-item-card.theme-3{background-color:#7689ab}.adf-apps .adf-app-listgrid-item-card.theme-3 .adf-app-listgrid-item-card-logo-icon{color:#66799b}.adf-apps .adf-app-listgrid-item-card.theme-4{background-color:#c74e3e}.adf-apps .adf-app-listgrid-item-card.theme-4 .adf-app-listgrid-item-card-logo-icon{color:#b73e2e}.adf-apps .adf-app-listgrid-item-card.theme-5{background-color:#fab96c}.adf-apps .adf-app-listgrid-item-card.theme-5 .adf-app-listgrid-item-card-logo-icon{color:#eaa95c}.adf-apps .adf-app-listgrid-item-card.theme-6{background-color:#759d4c}.adf-apps .adf-app-listgrid-item-card.theme-6 .adf-app-listgrid-item-card-logo-icon{color:#658d3c}.adf-apps .adf-app-listgrid-item-card.theme-7{background-color:#b1b489}.adf-apps .adf-app-listgrid-item-card.theme-7 .adf-app-listgrid-item-card-logo-icon{color:#a1a479}.adf-apps .adf-app-listgrid-item-card.theme-8{background-color:#a17299}.adf-apps .adf-app-listgrid-item-card.theme-8 .adf-app-listgrid-item-card-logo-icon{color:#916289}.adf-apps .adf-app-listgrid-item-card.theme-9{background-color:#696c67}.adf-apps .adf-app-listgrid-item-card.theme-9 .adf-app-listgrid-item-card-logo-icon{color:#595c57}.adf-apps .adf-app-listgrid-item-card.theme-10{background-color:#cabb33}.adf-apps .adf-app-listgrid-item-card.theme-10 .adf-app-listgrid-item-card-logo-icon{color:#baab23}.adf-apps .adf-app-listgrid-item-card{outline:none;flex-direction:column;display:flex;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);min-height:200px;padding:0}.adf-apps .adf-app-listgrid-item-card:hover{box-shadow:var(--mat-sys-level3);cursor:pointer;transform:scale(1.015)}.adf-apps .adf-app-listgrid-item-card-logo{position:absolute;right:20px;top:20px;padding:16px;z-index:9}.adf-apps .adf-app-listgrid-item-card-logo-icon{font-size:70px;width:1em;height:1em}.adf-apps .adf-app-listgrid-item-card-title{padding:16px;margin-bottom:0;z-index:9999}.adf-apps .adf-app-listgrid-item-card-title h1{width:80%;font:var(--mat-sys-headline-medium);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.adf-apps .adf-app-listgrid-item-card-subtitle{z-index:9999;padding:16px;flex:1 0 auto}.adf-apps .adf-app-listgrid-item-card-subtitle .adf-line-clamp{position:relative;line-height:1.25;padding:0;overflow:hidden;text-overflow:ellipsis}.adf-apps .adf-app-listgrid-item-card-actions:has(.adf-app-listgrid-item-card-actions-icon){padding:0 16px 16px;border-top:1px solid var(--mat-sys-outline-variant);min-height:48px;box-sizing:border-box;margin-left:0;margin-right:0}.adf-apps .adf-app-listgrid-item-card-actions:has(.adf-app-listgrid-item-card-actions-icon):last-child{margin-bottom:0}\n"] }]
|
|
9969
9969
|
}], propDecorators: { emptyCustomContent: [{
|
|
9970
9970
|
type: ContentChild,
|
|
9971
9971
|
args: [CustomEmptyContentTemplateDirective]
|