@alfresco/adf-content-services 8.4.0-18371311472 → 8.4.0-18374544170
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.
|
@@ -556,6 +556,7 @@
|
|
|
556
556
|
"ADD-ACTION": "ADD",
|
|
557
557
|
"CLOSE-ACTION": "CANCEL",
|
|
558
558
|
"BASE-DIALOG-TITLE": "Search a group or people to add...",
|
|
559
|
+
"BASE_DIALOG_SCREEN_READER_TITLE": "Add user or group permission",
|
|
559
560
|
"EVERYONE": "EVERYONE",
|
|
560
561
|
"USER-GROUP-LIST": "User or Group List",
|
|
561
562
|
"REMOVE_USER_GROUP": "Remove"
|
|
@@ -21716,11 +21716,11 @@ class AspectListComponent {
|
|
|
21716
21716
|
]));
|
|
21717
21717
|
}
|
|
21718
21718
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AspectListComponent, deps: [{ token: AspectListService }, { token: NodesApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21719
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AspectListComponent, isStandalone: true, selector: "adf-aspect-list", inputs: { nodeId: "nodeId", excludedAspects: "excludedAspects" }, outputs: { valueChanged: "valueChanged", updateCounter: "updateCounter" }, ngImport: i0, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-054)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21719
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AspectListComponent, isStandalone: true, selector: "adf-aspect-list", inputs: { nodeId: "nodeId", excludedAspects: "excludedAspects" }, outputs: { valueChanged: "valueChanged", updateCounter: "updateCounter" }, ngImport: i0, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n aria-hidden=\"true\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-054)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21720
21720
|
}
|
|
21721
21721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AspectListComponent, decorators: [{
|
|
21722
21722
|
type: Component,
|
|
21723
|
-
args: [{ selector: 'adf-aspect-list', imports: [CommonModule, MatExpansionModule, MatCheckboxModule, MatTableModule, TranslatePipe, MatProgressSpinnerModule], encapsulation: ViewEncapsulation.None, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-054)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"] }]
|
|
21723
|
+
args: [{ selector: 'adf-aspect-list', imports: [CommonModule, MatExpansionModule, MatCheckboxModule, MatTableModule, TranslatePipe, MatProgressSpinnerModule], encapsulation: ViewEncapsulation.None, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n aria-hidden=\"true\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-054)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"] }]
|
|
21724
21724
|
}], ctorParameters: () => [{ type: AspectListService }, { type: NodesApiService }], propDecorators: { nodeId: [{
|
|
21725
21725
|
type: Input,
|
|
21726
21726
|
args: [{ required: true }]
|
|
@@ -23121,7 +23121,7 @@ class AddPermissionDialogComponent {
|
|
|
23121
23121
|
return this.selectedMembers.filter(({ readonly }) => !readonly).length && this.selectedMembers.every(({ role }) => !!role);
|
|
23122
23122
|
}
|
|
23123
23123
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddPermissionDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23124
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AddPermissionDialogComponent, isStandalone: true, selector: "adf-add-permission-dialog", ngImport: i0, template: "<h2 mat-dialog-title class='adf-add-permission-dialog-title' id=\"add-permission-dialog-title\">\n {{ (data?.title ? data?.title : \"PERMISSION_MANAGER.ADD-PERMISSION.BASE-DIALOG-TITLE\") | translate }}\n</h2>\n\n<ng-container *ngIf=\"!isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <button mat-button (click)=\"enableSearch()\" class=\"adf-search-user-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SEARCH\" | translate }}\n <span class=\"adf-toolbar--spacer\"></span>\n <mat-icon iconPositionEnd>search</mat-icon>\n </button>\n\n <div class=\"adf-new-permission-table\">\n <adf-datatable [rows]=\"selectedMembers\"\n class=\"adf-datatable-permission\"\n selectionMode=\"none\"\n [stickyHeader]=\"true\"\n data-automation-id=\"adf-user-role-selection-table\"\n *ngIf=\"selectedMembers.length\">\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:selectedMembers.length}\"\n key=\"id\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"role\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"data.roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"onMemberUpdate($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header>\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"data.roles\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"onBulkUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n class=\"adf-add-member-action\"\n [style.display]=\"entry.row.obj.readonly ? 'none': 'block'\"\n (click)=\"onMemberDelete(entry.row.obj)\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n [attr.title]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n data-automation-id=\"adf-delete-permission-button\">\n <mat-icon>highlight_off</mat-icon>\n </button>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-datatable>\n </div>\n\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n mat-dialog-close\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [mat-dialog-close]=\"true\"\n class=\"adf-choose-action\"\n [disabled]=\"!isValid()\"\n (click)=\"onAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n\n<ng-container *ngIf=\"isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <adf-add-permission-panel class=\"adf-search-container\" (select)=\"onSelect($event)\" />\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n (click)=\"canCloseDialog()\"\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [disabled]=\"!currentSelection.length\"\n (click)=\"onSearchAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SELECT-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n", styles: [".mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-add-permission-dialog .adf-add-permission-dialog-title{margin-bottom:28px;margin-left:20px;margin-right:20px;font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087)}.adf-add-permission-dialog .adf-add-permission-dialog-content{margin:0;overflow:hidden;flex-grow:1;height:80vh}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button{width:100%;justify-content:unset}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mdc-button__label{padding-right:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mat-icon{font-size:24px;width:24px;height:24px;margin-left:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-add-member-action{padding:0 15px}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-new-permission-table{height:90%}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-container{height:100%}.adf-add-permission-dialog .adf-add-permission-dialog-actions{padding:0 24px;background-color:var(--theme-background-color);display:flex;justify-content:flex-end;color:var(--adf-theme-foreground-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions button{text-transform:uppercase;font-weight:400}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}.adf-add-permission-dialog .adf-datatable-cell .adf-cell-value adf-user-role-column{position:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { 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: "component", type: DateColumnHeaderComponent, selector: "adf-data-column-header" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AddPermissionPanelComponent, selector: "adf-add-permission-panel", outputs: ["select"] }, { kind: "component", type: UserIconColumnComponent, selector: "adf-user-icon-column", inputs: ["context", "node", "selected"] }, { kind: "component", type: UserNameColumnComponent, selector: "adf-user-name-column", inputs: ["context", "node"] }, { kind: "component", type: UserRoleColumnComponent, selector: "adf-user-role-column", inputs: ["roles", "value", "readonly", "placeholder"], outputs: ["roleChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23124
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AddPermissionDialogComponent, isStandalone: true, selector: "adf-add-permission-dialog", ngImport: i0, template: "<h2 mat-dialog-title\n class='adf-add-permission-dialog-title'\n id=\"add-permission-dialog-title\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.BASE_DIALOG_SCREEN_READER_TITLE' | translate\">\n {{ (data?.title ? data?.title : \"PERMISSION_MANAGER.ADD-PERMISSION.BASE-DIALOG-TITLE\") | translate }}\n</h2>\n\n<ng-container *ngIf=\"!isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <button mat-button (click)=\"enableSearch()\" class=\"adf-search-user-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SEARCH\" | translate }}\n <span class=\"adf-toolbar--spacer\"></span>\n <mat-icon iconPositionEnd>search</mat-icon>\n </button>\n\n <div class=\"adf-new-permission-table\">\n <adf-datatable [rows]=\"selectedMembers\"\n class=\"adf-datatable-permission\"\n selectionMode=\"none\"\n [stickyHeader]=\"true\"\n data-automation-id=\"adf-user-role-selection-table\"\n *ngIf=\"selectedMembers.length\">\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:selectedMembers.length}\"\n key=\"id\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"role\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"data.roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"onMemberUpdate($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header>\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"data.roles\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"onBulkUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n class=\"adf-add-member-action\"\n [style.display]=\"entry.row.obj.readonly ? 'none': 'block'\"\n (click)=\"onMemberDelete(entry.row.obj)\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n [attr.title]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n data-automation-id=\"adf-delete-permission-button\">\n <mat-icon>highlight_off</mat-icon>\n </button>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-datatable>\n </div>\n\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n mat-dialog-close\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [mat-dialog-close]=\"true\"\n class=\"adf-choose-action\"\n [disabled]=\"!isValid()\"\n (click)=\"onAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n\n<ng-container *ngIf=\"isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <adf-add-permission-panel class=\"adf-search-container\" (select)=\"onSelect($event)\" />\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n (click)=\"canCloseDialog()\"\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [disabled]=\"!currentSelection.length\"\n (click)=\"onSearchAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SELECT-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n", styles: [".mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-add-permission-dialog .adf-add-permission-dialog-title{margin-bottom:28px;margin-left:20px;margin-right:20px;font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087)}.adf-add-permission-dialog .adf-add-permission-dialog-content{margin:0;overflow:hidden;flex-grow:1;height:80vh}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button{width:100%;justify-content:unset}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mdc-button__label{padding-right:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mat-icon{font-size:24px;width:24px;height:24px;margin-left:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-add-member-action{padding:0 15px}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-new-permission-table{height:90%}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-container{height:100%}.adf-add-permission-dialog .adf-add-permission-dialog-actions{padding:0 24px;background-color:var(--theme-background-color);display:flex;justify-content:flex-end;color:var(--adf-theme-foreground-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions button{text-transform:uppercase;font-weight:400}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}.adf-add-permission-dialog .adf-datatable-cell .adf-cell-value adf-user-role-column{position:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { 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: "component", type: DateColumnHeaderComponent, selector: "adf-data-column-header" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AddPermissionPanelComponent, selector: "adf-add-permission-panel", outputs: ["select"] }, { kind: "component", type: UserIconColumnComponent, selector: "adf-user-icon-column", inputs: ["context", "node", "selected"] }, { kind: "component", type: UserNameColumnComponent, selector: "adf-user-name-column", inputs: ["context", "node"] }, { kind: "component", type: UserRoleColumnComponent, selector: "adf-user-role-column", inputs: ["roles", "value", "readonly", "placeholder"], outputs: ["roleChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23125
23125
|
}
|
|
23126
23126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddPermissionDialogComponent, decorators: [{
|
|
23127
23127
|
type: Component,
|
|
@@ -23139,7 +23139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
23139
23139
|
UserIconColumnComponent,
|
|
23140
23140
|
UserNameColumnComponent,
|
|
23141
23141
|
UserRoleColumnComponent
|
|
23142
|
-
], encapsulation: ViewEncapsulation.None, template: "<h2 mat-dialog-title
|
|
23142
|
+
], encapsulation: ViewEncapsulation.None, template: "<h2 mat-dialog-title\n class='adf-add-permission-dialog-title'\n id=\"add-permission-dialog-title\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.BASE_DIALOG_SCREEN_READER_TITLE' | translate\">\n {{ (data?.title ? data?.title : \"PERMISSION_MANAGER.ADD-PERMISSION.BASE-DIALOG-TITLE\") | translate }}\n</h2>\n\n<ng-container *ngIf=\"!isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <button mat-button (click)=\"enableSearch()\" class=\"adf-search-user-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SEARCH\" | translate }}\n <span class=\"adf-toolbar--spacer\"></span>\n <mat-icon iconPositionEnd>search</mat-icon>\n </button>\n\n <div class=\"adf-new-permission-table\">\n <adf-datatable [rows]=\"selectedMembers\"\n class=\"adf-datatable-permission\"\n selectionMode=\"none\"\n [stickyHeader]=\"true\"\n data-automation-id=\"adf-user-role-selection-table\"\n *ngIf=\"selectedMembers.length\">\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:selectedMembers.length}\"\n key=\"id\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"role\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"data.roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"onMemberUpdate($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header>\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"data.roles\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"onBulkUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n class=\"adf-add-member-action\"\n [style.display]=\"entry.row.obj.readonly ? 'none': 'block'\"\n (click)=\"onMemberDelete(entry.row.obj)\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n [attr.title]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n data-automation-id=\"adf-delete-permission-button\">\n <mat-icon>highlight_off</mat-icon>\n </button>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-datatable>\n </div>\n\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n mat-dialog-close\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [mat-dialog-close]=\"true\"\n class=\"adf-choose-action\"\n [disabled]=\"!isValid()\"\n (click)=\"onAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n\n<ng-container *ngIf=\"isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <adf-add-permission-panel class=\"adf-search-container\" (select)=\"onSelect($event)\" />\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n (click)=\"canCloseDialog()\"\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [disabled]=\"!currentSelection.length\"\n (click)=\"onSearchAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SELECT-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n", styles: [".mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-add-permission-dialog .adf-add-permission-dialog-title{margin-bottom:28px;margin-left:20px;margin-right:20px;font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087)}.adf-add-permission-dialog .adf-add-permission-dialog-content{margin:0;overflow:hidden;flex-grow:1;height:80vh}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button{width:100%;justify-content:unset}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mdc-button__label{padding-right:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mat-icon{font-size:24px;width:24px;height:24px;margin-left:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-add-member-action{padding:0 15px}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-new-permission-table{height:90%}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-container{height:100%}.adf-add-permission-dialog .adf-add-permission-dialog-actions{padding:0 24px;background-color:var(--theme-background-color);display:flex;justify-content:flex-end;color:var(--adf-theme-foreground-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions button{text-transform:uppercase;font-weight:400}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}.adf-add-permission-dialog .adf-datatable-cell .adf-cell-value adf-user-role-column{position:unset}\n"] }]
|
|
23143
23143
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
23144
23144
|
type: Inject,
|
|
23145
23145
|
args: [MAT_DIALOG_DATA]
|