mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
[ACS-8956] Introduce new ESLint rule for self-closing tags (#10354)
This commit is contained in:
parent
3f1b88a62c
commit
f07636e297
@ -185,7 +185,10 @@ module.exports = {
|
||||
{
|
||||
files: ['*.html'],
|
||||
extends: ['plugin:@angular-eslint/template/recommended', 'plugin:@angular-eslint/template/accessibility'],
|
||||
rules: {}
|
||||
parser: '@angular-eslint/template-parser',
|
||||
rules: {
|
||||
'@angular-eslint/template/prefer-self-closing-tags': 'error'
|
||||
}
|
||||
},
|
||||
{
|
||||
files: ['*.spec.ts'],
|
||||
|
@ -13,7 +13,7 @@
|
||||
"prefer-arrow/prefer-arrow-functions": "off",
|
||||
"@typescript-eslint/no-var-requires": "off",
|
||||
"@typescript-eslint/naming-convention": "warn",
|
||||
"quote-props": "warn",
|
||||
"quote-props": "off",
|
||||
"no-shadow": "warn",
|
||||
"no-restricted-syntax": "off",
|
||||
"no-underscore-dangle": "off",
|
||||
|
@ -22,12 +22,12 @@
|
||||
}
|
||||
],
|
||||
"no-shadow": "warn",
|
||||
"quote-props": "warn",
|
||||
"quote-props": "off",
|
||||
"object-shorthand": "warn",
|
||||
"prefer-const": "warn",
|
||||
"arrow-body-style": "warn",
|
||||
"@angular-eslint/no-output-native": "off",
|
||||
"space-before-function-paren": "warn",
|
||||
"space-before-function-paren": "off",
|
||||
"@angular-eslint/component-selector": [
|
||||
"error",
|
||||
{
|
||||
|
@ -9,8 +9,7 @@
|
||||
{{'ADF-ASPECT-LIST.DIALOG.SELECTED' | translate}}</p>
|
||||
</div>
|
||||
<mat-dialog-content class="adf-aspect-dialog-content">
|
||||
<adf-aspect-list #aspectList (valueChanged)="onValueChanged($event)" (updateCounter)="onUpdateCounter($event)" [nodeId]="currentNodeId" [excludedAspects]="data.excludedAspects">
|
||||
</adf-aspect-list>
|
||||
<adf-aspect-list #aspectList (valueChanged)="onValueChanged($event)" (updateCounter)="onUpdateCounter($event)" [nodeId]="currentNodeId" [excludedAspects]="data.excludedAspects" />
|
||||
</mat-dialog-content>
|
||||
|
||||
<mat-dialog-actions class="adf-aspect-list-dialog">
|
||||
|
@ -44,6 +44,6 @@
|
||||
|
||||
<ng-template #loading>
|
||||
<div class="adf-aspect-list-spinner">
|
||||
<mat-progress-spinner mode="indeterminate" id="adf-aspect-spinner"></mat-progress-spinner>
|
||||
<mat-progress-spinner mode="indeterminate" id="adf-aspect-spinner" />
|
||||
</div>
|
||||
</ng-template>
|
||||
|
@ -63,7 +63,6 @@
|
||||
*ngIf="existingCategoriesLoading"
|
||||
[diameter]="50"
|
||||
class="adf-categories-management-spinner"
|
||||
[attr.aria-label]="'CATEGORIES_MANAGEMENT.LOADING' | translate">
|
||||
</mat-spinner>
|
||||
[attr.aria-label]="'CATEGORIES_MANAGEMENT.LOADING' | translate" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -58,10 +58,8 @@ export class SavedSearchesService {
|
||||
*/
|
||||
getSavedSearches(): Observable<SavedSearch[]> {
|
||||
return this.getSavedSearchesNodeId().pipe(
|
||||
concatMap(() => {
|
||||
return from(
|
||||
this.nodesApi.getNodeContent(this.savedSearchFileNodeId).then((content) => this.mapFileContentToSavedSearches(content))
|
||||
).pipe(
|
||||
concatMap(() =>
|
||||
from(this.nodesApi.getNodeContent(this.savedSearchFileNodeId).then((content) => this.mapFileContentToSavedSearches(content))).pipe(
|
||||
catchError((error) => {
|
||||
if (!this.createFileAttempt) {
|
||||
this.createFileAttempt = true;
|
||||
@ -70,8 +68,8 @@ export class SavedSearchesService {
|
||||
}
|
||||
return throwError(() => error);
|
||||
})
|
||||
);
|
||||
})
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
@ -130,9 +128,9 @@ export class SavedSearchesService {
|
||||
tap((updatedSearches: SavedSearch[]) => {
|
||||
this.savedSearches$.next(updatedSearches);
|
||||
}),
|
||||
switchMap((updatedSearches: SavedSearch[]) => {
|
||||
return from(this.nodesApi.updateNodeContent(this.savedSearchFileNodeId, JSON.stringify(updatedSearches)));
|
||||
}),
|
||||
switchMap((updatedSearches: SavedSearch[]) =>
|
||||
from(this.nodesApi.updateNodeContent(this.savedSearchFileNodeId, JSON.stringify(updatedSearches)))
|
||||
),
|
||||
catchError((error) => {
|
||||
this.savedSearches$.next(previousSavedSearches);
|
||||
return throwError(() => error);
|
||||
@ -161,9 +159,9 @@ export class SavedSearchesService {
|
||||
tap((updatedSearches: SavedSearch[]) => {
|
||||
this.savedSearches$.next(updatedSearches);
|
||||
}),
|
||||
switchMap((updatedSearches: SavedSearch[]) => {
|
||||
return from(this.nodesApi.updateNodeContent(this.savedSearchFileNodeId, JSON.stringify(updatedSearches)));
|
||||
}),
|
||||
switchMap((updatedSearches: SavedSearch[]) =>
|
||||
from(this.nodesApi.updateNodeContent(this.savedSearchFileNodeId, JSON.stringify(updatedSearches)))
|
||||
),
|
||||
catchError((error) => {
|
||||
this.savedSearches$.next(previousSavedSearchesOrder);
|
||||
return throwError(() => error);
|
||||
@ -192,9 +190,9 @@ export class SavedSearchesService {
|
||||
}));
|
||||
}),
|
||||
tap((savedSearches: SavedSearch[]) => this.savedSearches$.next(savedSearches)),
|
||||
switchMap((updatedSearches: SavedSearch[]) => {
|
||||
return from(this.nodesApi.updateNodeContent(this.savedSearchFileNodeId, JSON.stringify(updatedSearches)));
|
||||
}),
|
||||
switchMap((updatedSearches: SavedSearch[]) =>
|
||||
from(this.nodesApi.updateNodeContent(this.savedSearchFileNodeId, JSON.stringify(updatedSearches)))
|
||||
),
|
||||
catchError((error) => {
|
||||
this.savedSearches$.next(previousSavedSearchesOrder);
|
||||
return throwError(() => error);
|
||||
|
@ -11,8 +11,7 @@
|
||||
[preset]="preset"
|
||||
[displayTags]="displayTags"
|
||||
[displayCategories]="displayCategories"
|
||||
[customPanels]="customPanels">
|
||||
</adf-content-metadata>
|
||||
[customPanels]="customPanels" />
|
||||
</mat-card-content>
|
||||
<mat-card-footer class="adf-content-metadata-card-footer adf-content-metadata-card-view-footer">
|
||||
<div>
|
||||
|
@ -52,8 +52,7 @@
|
||||
[displayEmpty]="displayEmpty"
|
||||
[copyToClipboardAction]="copyToClipboardAction"
|
||||
[useChipsForMultiValueProperty]="useChipsForMultiValueProperty"
|
||||
[multiValueSeparator]="multiValueSeparator">
|
||||
</adf-card-view>
|
||||
[multiValueSeparator]="multiValueSeparator" />
|
||||
</mat-expansion-panel>
|
||||
|
||||
<ng-container *ngIf="displayTags">
|
||||
@ -114,8 +113,7 @@
|
||||
(tagsChange)="storeTagsToAssign($event)"
|
||||
[mode]="tagsCreatorMode"
|
||||
[tags]="assignedTags"
|
||||
[disabledTagsRemoving]="saving">
|
||||
</adf-tags-creator>
|
||||
[disabledTagsRemoving]="saving" />
|
||||
</mat-expansion-panel>
|
||||
</ng-container>
|
||||
|
||||
@ -178,8 +176,7 @@
|
||||
[categories]="categories"
|
||||
[managementMode]="categoriesManagementMode"
|
||||
[classifiableChanged]="classifiableChanged"
|
||||
(categoriesChange)="storeCategoriesToAssign($event)">
|
||||
</adf-categories-management>
|
||||
(categoriesChange)="storeCategoriesToAssign($event)" />
|
||||
</mat-expansion-panel>
|
||||
</ng-container>
|
||||
|
||||
@ -196,10 +193,9 @@
|
||||
<adf-content-metadata-header
|
||||
class="adf-metadata-custom-panel-title"
|
||||
[title]="customPanel.panelTitle"
|
||||
[expanded]="currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded">
|
||||
</adf-content-metadata-header>
|
||||
[expanded]="currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded" />
|
||||
</mat-expansion-panel-header>
|
||||
<adf-dynamic-component [id]="customPanel.component" [data]="{ node }"></adf-dynamic-component>
|
||||
<adf-dynamic-component [id]="customPanel.component" [data]="{ node }" />
|
||||
</mat-expansion-panel>
|
||||
|
||||
<ng-container *ngIf="groupedProperties$ | async; else loading; let groupedProperties">
|
||||
@ -257,13 +253,12 @@
|
||||
[copyToClipboardAction]="copyToClipboardAction"
|
||||
[useChipsForMultiValueProperty]="useChipsForMultiValueProperty"
|
||||
[multiValueSeparator]="multiValueSeparator"
|
||||
[displayLabelForChips]="true">
|
||||
</adf-card-view>
|
||||
[displayLabelForChips]="true" />
|
||||
</mat-expansion-panel>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
||||
<ng-template #loading>
|
||||
<mat-progress-bar mode="indeterminate" [attr.aria-label]="'DATA_LOADING' | translate"> </mat-progress-bar>
|
||||
<mat-progress-bar mode="indeterminate" [attr.aria-label]="'DATA_LOADING' | translate" />
|
||||
</ng-template>
|
||||
</mat-accordion>
|
||||
|
@ -34,8 +34,7 @@
|
||||
[hideMyFiles]="dropdownHideMyFiles"
|
||||
[siteList]="dropdownSiteList"
|
||||
[value]="startSiteGuid"
|
||||
data-automation-id="content-node-selector-sites-combo">
|
||||
</adf-sites-dropdown>
|
||||
data-automation-id="content-node-selector-sites-combo" />
|
||||
<button *ngIf="hasCustomModels()"
|
||||
data-automation-id="adf-toggle-search-panel-button"
|
||||
mat-icon-button
|
||||
@ -44,7 +43,7 @@
|
||||
{{ 'SEARCH.SEARCH_HEADER.TITLE' | translate }}
|
||||
</button>
|
||||
<div class="adf-content-node-selector-search-panel-container">
|
||||
<adf-search-panel *ngIf="searchPanelExpanded"></adf-search-panel>
|
||||
<adf-search-panel *ngIf="searchPanelExpanded" />
|
||||
<div class="adf-content-node-selector-document-list-container">
|
||||
<adf-toolbar>
|
||||
<adf-toolbar-title>
|
||||
@ -59,9 +58,8 @@
|
||||
[transform]="breadcrumbTransform"
|
||||
[folderNode]="breadcrumbFolderNode"
|
||||
[root]="breadcrumbFolderTitle"
|
||||
data-automation-id="content-node-selector-content-breadcrumb">
|
||||
</adf-dropdown-breadcrumb>
|
||||
<ng-container *ngIf="showNodeCounter" [adf-node-counter]="getSelectedCount()"></ng-container>
|
||||
data-automation-id="content-node-selector-content-breadcrumb" />
|
||||
<ng-container *ngIf="showNodeCounter" [adf-node-counter]="getSelectedCount()" />
|
||||
</adf-toolbar-title>
|
||||
</adf-toolbar>
|
||||
|
||||
@ -98,15 +96,15 @@
|
||||
</adf-custom-empty-content-template>
|
||||
|
||||
<data-columns>
|
||||
<data-column key="$thumbnail" type="image"></data-column>
|
||||
<data-column key="$thumbnail" type="image" />
|
||||
<data-column key="name" type="text" title="ADF-DOCUMENT-LIST.LAYOUT.NAME" class="adf-full-width adf-ellipsis-cell">
|
||||
<ng-template let-context>
|
||||
<adf-name-location-cell [row]="context.row"></adf-name-location-cell>
|
||||
<adf-name-location-cell [row]="context.row" />
|
||||
</ng-template>
|
||||
</data-column>
|
||||
<data-column key="modifiedAt" type="date" title="ADF-DOCUMENT-LIST.LAYOUT.MODIFIED_ON" format="timeAgo" class="adf-content-selector-modified-cell"></data-column>
|
||||
<data-column key="createdByUser.displayName" type="text" title="ADF-DOCUMENT-LIST.LAYOUT.CREATED_BY" class="adf-content-selector-modifier-cell"></data-column>
|
||||
<data-column key="visibility" type="text" title="ADF-DOCUMENT-LIST.LAYOUT.STATUS" class="adf-content-selector-visibility-cell"></data-column>
|
||||
<data-column key="modifiedAt" type="date" title="ADF-DOCUMENT-LIST.LAYOUT.MODIFIED_ON" format="timeAgo" class="adf-content-selector-modified-cell" />
|
||||
<data-column key="createdByUser.displayName" type="text" title="ADF-DOCUMENT-LIST.LAYOUT.CREATED_BY" class="adf-content-selector-modifier-cell" />
|
||||
<data-column key="visibility" type="text" title="ADF-DOCUMENT-LIST.LAYOUT.STATUS" class="adf-content-selector-visibility-cell" />
|
||||
</data-columns>
|
||||
|
||||
</adf-document-list>
|
||||
|
@ -4,7 +4,7 @@
|
||||
mat-align-tabs="start"
|
||||
(selectedIndexChange)="onTabSelectionChange($event)">
|
||||
<mat-tab label="{{ 'NODE_SELECTOR.REPOSITORY' | translate }}">
|
||||
<ng-container *ngTemplateOutlet='contentNodePanel'></ng-container>
|
||||
<ng-container *ngTemplateOutlet='contentNodePanel' />
|
||||
</mat-tab>
|
||||
<mat-tab [disabled]="isNotAllowedToUpload()">
|
||||
<div class="adf-content-node-selector-local-upload-container">
|
||||
@ -17,8 +17,8 @@
|
||||
[rootId]="data?.currentFolderId"
|
||||
[readOnly]="true"
|
||||
data-automation-id="content-node-selector-upload-breadcrumb"
|
||||
></adf-dropdown-breadcrumb>
|
||||
<ng-container *ngIf="isCounterVisible()" [adf-node-counter]="getSelectedCount()"></ng-container>
|
||||
/>
|
||||
<ng-container *ngIf="isCounterVisible()" [adf-node-counter]="getSelectedCount()" />
|
||||
</adf-toolbar-title>
|
||||
</adf-toolbar>
|
||||
<ng-template mat-tab-label>
|
||||
@ -32,7 +32,7 @@
|
||||
<div class="adf-content-node-selector-local-upload-content">
|
||||
<adf-upload-drag-area [rootFolderId]="currentDirectoryId">
|
||||
<div [class.adf-upload-dialog-container]="uploadStarted">
|
||||
<adf-file-uploading-dialog [alwaysVisible]="true"></adf-file-uploading-dialog>
|
||||
<adf-file-uploading-dialog [alwaysVisible]="true" />
|
||||
</div>
|
||||
<adf-empty-list data-automation-id="adf-empty-list" *ngIf="!uploadStarted">
|
||||
<div class="adf-empty-list_template adf-empty-folder">
|
||||
@ -71,8 +71,7 @@
|
||||
(select)="onSelect($event)"
|
||||
(showingSearch)="onShowingSearch($event)"
|
||||
(siteChange)="onSiteChange($event)"
|
||||
(navigationChange)="onNavigationChange($event)">
|
||||
</adf-content-node-selector-panel>
|
||||
(navigationChange)="onNavigationChange($event)" />
|
||||
</ng-template>
|
||||
|
||||
|
||||
@ -84,8 +83,7 @@
|
||||
[multipleFiles]="isMultipleSelection()"
|
||||
[rootFolderId]="currentDirectoryId"
|
||||
[disabled]="isNotAllowedToUpload()"
|
||||
(error)="onError($event)">
|
||||
</adf-upload-button>
|
||||
(error)="onError($event)" />
|
||||
</ng-container>
|
||||
</div>
|
||||
<div>
|
||||
|
@ -24,8 +24,7 @@
|
||||
data-automation-id="adf-expire-toggle"
|
||||
aria-label="{{ 'SHARE.EXPIRES' | translate }}"
|
||||
[checked]="!!time.value"
|
||||
(change)="onToggleExpirationDate($event)">
|
||||
</mat-slide-toggle>
|
||||
(change)="onToggleExpirationDate($event)" />
|
||||
</div>
|
||||
<div
|
||||
[style.display]="isExpiryDateToggleChecked ? 'block' : 'none'"
|
||||
@ -37,12 +36,10 @@
|
||||
[disabled]="time.disabled"
|
||||
[for]="datePicker"
|
||||
matSuffix
|
||||
class="adf-share-link__icon adf-share-link__calender-icon">
|
||||
</mat-datepicker-toggle>
|
||||
class="adf-share-link__icon adf-share-link__calender-icon" />
|
||||
<mat-datepicker
|
||||
#datePicker
|
||||
(closed)="onDatePickerClosed()">
|
||||
</mat-datepicker>
|
||||
(closed)="onDatePickerClosed()" />
|
||||
<input
|
||||
class="adf-share-link__input"
|
||||
#datePickerInput
|
||||
@ -67,8 +64,7 @@
|
||||
aria-label="{{ 'SHARE.TITLE' | translate }}"
|
||||
[checked]="isFileShared"
|
||||
[disabled]="!canUpdate || isDisabled"
|
||||
(change)="onSlideShareChange($event)">
|
||||
</mat-slide-toggle>
|
||||
(change)="onSlideShareChange($event)" />
|
||||
<div class="adf-share-link__label adf-sharable-link">{{ 'SHARE.SHARABLE-LINK-CREATED' | translate }}
|
||||
</div>
|
||||
</div>
|
||||
|
@ -7,8 +7,7 @@
|
||||
(categoriesChange)="categories = $event"
|
||||
[categoryNameControlVisible]="true"
|
||||
[managementMode]="categoriesManagementMode"
|
||||
[multiSelect]="multiSelect">
|
||||
</adf-categories-management>
|
||||
[multiSelect]="multiSelect" />
|
||||
</mat-dialog-content>
|
||||
<mat-dialog-actions align="end">
|
||||
<button
|
||||
|
@ -1,6 +1,6 @@
|
||||
<h1 matDialogTitle>{{ 'CORE.DIALOG.DOWNLOAD_ZIP.TITLE' | translate }}</h1>
|
||||
<div mat-dialog-content class="adf-dialog-content">
|
||||
<mat-progress-bar value="{{ percentageDone }}" color="primary" mode="determinate"></mat-progress-bar>
|
||||
<mat-progress-bar value="{{ percentageDone }}" color="primary" mode="determinate" />
|
||||
<div class="adf-dialog-content-progress-text">
|
||||
<span class="adf-dialog-content-progress-text-percentage">
|
||||
{{ percentageDone }}%
|
||||
|
@ -25,8 +25,8 @@
|
||||
<br />
|
||||
|
||||
<mat-form-field *ngIf="form.value?.isTimeLock">
|
||||
<mat-datetimepicker-toggle [for]="datetimePicker" matSuffix></mat-datetimepicker-toggle>
|
||||
<mat-datetimepicker #datetimePicker type="datetime" [openOnFocus]="true" [timeInterval]="1"></mat-datetimepicker>
|
||||
<mat-datetimepicker-toggle [for]="datetimePicker" matSuffix />
|
||||
<mat-datetimepicker #datetimePicker type="datetime" [openOnFocus]="true" [timeInterval]="1" />
|
||||
<input matInput [formControlName]="'time'" [matDatetimepicker]="datetimePicker" required autocomplete="false">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
|
@ -35,8 +35,7 @@
|
||||
<adf-filter-header
|
||||
[currentFolderId]="currentFolderId"
|
||||
[value]="filterValue"
|
||||
(filterSelection)="onFilterSelectionChange($event)">
|
||||
</adf-filter-header>
|
||||
(filterSelection)="onFilterSelectionChange($event)" />
|
||||
</div>
|
||||
|
||||
<adf-no-content-template>
|
||||
@ -71,8 +70,7 @@
|
||||
class="adf-document-list-loading-margin"
|
||||
[attr.aria-label]="'ADF-DOCUMENT-LIST.LOADER_LABEL' | translate"
|
||||
[color]="'primary'"
|
||||
[mode]="'indeterminate'">
|
||||
</mat-progress-spinner>
|
||||
[mode]="'indeterminate'" />
|
||||
</div>
|
||||
<ng-content select="adf-custom-loading-content-template"></ng-content>
|
||||
</ng-template>
|
||||
@ -85,8 +83,7 @@
|
||||
[mainMenuTrigger]="mainMenuTrigger"
|
||||
[columnsSorting]="false"
|
||||
[maxColumnsVisible]="maxColumnsVisible"
|
||||
(submitColumnsVisibility)="onColumnsVisibilityChange($event)">
|
||||
</adf-datatable-column-selector>
|
||||
(submitColumnsVisibility)="onColumnsVisibilityChange($event)" />
|
||||
</ng-template>
|
||||
</adf-main-menu-datatable-template>
|
||||
|
||||
|
@ -3,8 +3,7 @@
|
||||
<ng-template let-col>
|
||||
<adf-search-filter-container [col]="col"
|
||||
[value]="value"
|
||||
(filterChange)="onFilterSelectionChange()">
|
||||
</adf-search-filter-container>
|
||||
(filterChange)="onFilterSelectionChange()" />
|
||||
</ng-template>
|
||||
</adf-header-filter-template>
|
||||
</div>
|
||||
|
@ -1,6 +1,6 @@
|
||||
<h1 class="adf-new-version-uploader-dialog-title" mat-dialog-title data-automation-id="new-version-uploader-dialog-title">{{ title | translate }}</h1>
|
||||
<section class="adf-new-version-uploader-dialog-content" mat-dialog-content *ngIf="!data.showVersionsOnly">
|
||||
<adf-version-comparison id="adf-version-comparison" [newFileVersion]="data.file" [node]="data.node"></adf-version-comparison>
|
||||
<adf-version-comparison id="adf-version-comparison" [newFileVersion]="data.file" [node]="data.node" />
|
||||
<adf-version-upload
|
||||
id="adf-version-upload-button"
|
||||
[node]="data.node"
|
||||
@ -9,8 +9,7 @@
|
||||
(success)="handleUpload($event)"
|
||||
(cancel)="handleCancel()"
|
||||
(error)="onUploadError($event)"
|
||||
>
|
||||
</adf-version-upload>
|
||||
/>
|
||||
</section>
|
||||
<ng-container *ngIf="data.showVersionsOnly">
|
||||
<section class="adf-new-version-uploader-dialog-content" mat-dialog-content>
|
||||
@ -26,7 +25,7 @@
|
||||
(deleted)="refresh($event)"
|
||||
(restored)="refresh($event)"
|
||||
(viewVersion)="onViewingVersion($event)"
|
||||
></adf-version-list>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
@ -1,5 +1,4 @@
|
||||
<adf-comments
|
||||
[readOnly]="readOnly"
|
||||
[id]="nodeId"
|
||||
>
|
||||
</adf-comments>
|
||||
/>
|
@ -20,7 +20,7 @@
|
||||
<data-columns>
|
||||
<data-column class="adf-datatable-cell--image adf-authority-icon-column" key="$thumbunail" [sortable]="false">
|
||||
<ng-template let-context>
|
||||
<adf-user-icon-column [context]="context"></adf-user-icon-column>
|
||||
<adf-user-icon-column [context]="context" />
|
||||
</ng-template>
|
||||
</data-column>
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
[title]="'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:selectedMembers.length}"
|
||||
key="id">
|
||||
<ng-template let-context>
|
||||
<adf-user-name-column [context]="context"></adf-user-name-column>
|
||||
<adf-user-name-column [context]="context" />
|
||||
</ng-template>
|
||||
</data-column>
|
||||
|
||||
@ -40,8 +40,7 @@
|
||||
[value]="entry.data.getValue(entry.row, entry.col)"
|
||||
[roles]="data.roles"
|
||||
id="adf-select-role-permission"
|
||||
(roleChanged)="onMemberUpdate($event, entry.row.obj)">
|
||||
</adf-user-role-column>
|
||||
(roleChanged)="onMemberUpdate($event, entry.row.obj)" />
|
||||
</ng-template>
|
||||
|
||||
<adf-data-column-header>
|
||||
@ -50,8 +49,7 @@
|
||||
placeholder="PERMISSION_MANAGER.COLUMN.BULK-ROLE"
|
||||
[roles]="data.roles"
|
||||
id="adf-bulk-select-role-permission"
|
||||
(roleChanged)="onBulkUpdate($event)">
|
||||
</adf-user-role-column>
|
||||
(roleChanged)="onBulkUpdate($event)" />
|
||||
</ng-template>
|
||||
</adf-data-column-header>
|
||||
</data-column>
|
||||
@ -92,7 +90,7 @@
|
||||
|
||||
<ng-container *ngIf="isSearchActive">
|
||||
<mat-dialog-content class="adf-add-permission-dialog-content">
|
||||
<adf-add-permission-panel class="adf-search-container" (select)="onSelect($event)"></adf-add-permission-panel>
|
||||
<adf-add-permission-panel class="adf-search-container" (select)="onSelect($event)" />
|
||||
</mat-dialog-content>
|
||||
|
||||
<mat-dialog-actions class="adf-add-permission-dialog-actions">
|
||||
|
@ -44,7 +44,7 @@
|
||||
>
|
||||
<mat-list-option id="adf-add-permission-group-everyone" #eveyone [disableRipple]="true" [value]="EVERYONE">
|
||||
<div class="adf-list-option-item">
|
||||
<adf-user-icon-column [node]="EVERYONE" id="add-group-icon" [selected]="eveyone.selected"></adf-user-icon-column>
|
||||
<adf-user-icon-column [node]="EVERYONE" id="add-group-icon" [selected]="eveyone.selected" />
|
||||
<p class="adf-result-name">
|
||||
{{ 'PERMISSION_MANAGER.ADD-PERMISSION.EVERYONE' | translate }}
|
||||
</p>
|
||||
@ -59,7 +59,7 @@
|
||||
#option
|
||||
>
|
||||
<div class="adf-list-option-item">
|
||||
<adf-user-icon-column [node]="item" [selected]="option.selected"></adf-user-icon-column>
|
||||
<adf-user-icon-column [node]="item" [selected]="option.selected" />
|
||||
<p class="adf-result-name">
|
||||
<ng-container *ngIf="item.entry?.properties['cm:authorityDisplayName']; else authorityName">
|
||||
{{ item.entry.properties['cm:authorityDisplayName'] }}
|
||||
|
@ -1,4 +1,4 @@
|
||||
<adf-add-permission-panel (select)="onSelect($event)"></adf-add-permission-panel>
|
||||
<adf-add-permission-panel (select)="onSelect($event)" />
|
||||
<div id="adf-add-permission-actions">
|
||||
<button mat-button
|
||||
id="adf-add-permission-action-button"
|
||||
|
@ -7,7 +7,7 @@
|
||||
<data-columns>
|
||||
<data-column class="adf-datatable-cell--image adf-authority-icon-column" key="$thumbunail" [sortable]="false">
|
||||
<ng-template let-context>
|
||||
<adf-user-icon-column [context]="context"></adf-user-icon-column>
|
||||
<adf-user-icon-column [context]="context" />
|
||||
</ng-template>
|
||||
</data-column>
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
[title]="'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:permissions.length}"
|
||||
key="authorityId">
|
||||
<ng-template let-context>
|
||||
<adf-user-name-column [context]="context"></adf-user-name-column>
|
||||
<adf-user-name-column [context]="context" />
|
||||
</ng-template>
|
||||
</data-column>d
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
key="location"
|
||||
*ngIf="node && showLocation">
|
||||
<ng-template>
|
||||
<adf-node-path-column [node]="node"></adf-node-path-column>
|
||||
<adf-node-path-column [node]="node" />
|
||||
</ng-template>
|
||||
</data-column>
|
||||
|
||||
@ -39,8 +39,7 @@
|
||||
[value]="entry.data.getValue(entry.row, entry.col)"
|
||||
[roles]="roles"
|
||||
id="adf-select-role-permission"
|
||||
(roleChanged)="updateRole($event, entry.row.obj)">
|
||||
</adf-user-role-column>
|
||||
(roleChanged)="updateRole($event, entry.row.obj)" />
|
||||
</ng-template>
|
||||
|
||||
<adf-data-column-header *ngIf="!isReadOnly">
|
||||
@ -50,8 +49,7 @@
|
||||
[roles]="roles"
|
||||
[value]="bulkSelectionRole"
|
||||
id="adf-bulk-select-role-permission"
|
||||
(roleChanged)="bulkRoleUpdate($event)">
|
||||
</adf-user-role-column>
|
||||
(roleChanged)="bulkRoleUpdate($event)" />
|
||||
</ng-template>
|
||||
</adf-data-column-header>
|
||||
</data-column>
|
||||
@ -76,8 +74,7 @@
|
||||
id="adf-no-permissions-template"
|
||||
icon="supervisor_account"
|
||||
[title]="'PERMISSION_MANAGER.MESSAGE.EMPTY-PERMISSION' | translate"
|
||||
[subtitle]="'PERMISSION_MANAGER.MESSAGE.EMPTY-SUBTITLE' | translate">
|
||||
</adf-empty-content>
|
||||
[subtitle]="'PERMISSION_MANAGER.MESSAGE.EMPTY-SUBTITLE' | translate" />
|
||||
</ng-template>
|
||||
</adf-no-content-template>
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
<mat-card class="adf-permission-card" id="adf-permission-manager-card">
|
||||
<div *ngIf="(permissionList.data$ | async) === null && permissionList.loading$ | async" class="adf-permission-loader">
|
||||
<mat-progress-spinner [color]="'primary'" [mode]="'indeterminate'"></mat-progress-spinner>
|
||||
<mat-progress-spinner [color]="'primary'" [mode]="'indeterminate'" />
|
||||
</div>
|
||||
|
||||
<ng-container *ngIf="permissionList.error$ | async">
|
||||
@ -28,8 +28,7 @@
|
||||
aria-label="{{'PERMISSION_MANAGER.LABELS.INHERITED_PERMISSION_TOGGLE' | translate}}"
|
||||
data-automation-id="adf-inherit-toggle-button"
|
||||
[checked]="model.node.permissions.isInheritanceEnabled"
|
||||
(change)="permissionList.toggleInherited($event)">
|
||||
</mat-slide-toggle>
|
||||
(change)="permissionList.toggleInherited($event)" />
|
||||
</span>
|
||||
|
||||
<span class="adf-inherit-subtitle" title="total">
|
||||
@ -60,8 +59,7 @@
|
||||
[permissions]="model.inheritedPermissions"
|
||||
[showLocation]="true"
|
||||
[selectionMode]="'none'"
|
||||
[roles]="model.roles">
|
||||
</adf-permission-container>
|
||||
[roles]="model.roles" />
|
||||
</div>
|
||||
</ng-template>
|
||||
|
||||
@ -100,8 +98,7 @@
|
||||
(updateAll)="updateAllPermission($event)"
|
||||
(row-select)="onSelect($any($event).detail.selection)"
|
||||
(row-unselect)="onSelect($any($event).detail.selection)"
|
||||
[roles]="model.roles">
|
||||
</adf-permission-container>
|
||||
[roles]="model.roles" />
|
||||
|
||||
</mat-card-content>
|
||||
</ng-container>
|
||||
|
@ -35,7 +35,7 @@ import { MatIconModule } from '@angular/material/icon';
|
||||
</ng-container>
|
||||
</div>
|
||||
<div class="adf-cell-value" *ngIf="isSelected">
|
||||
<mat-icon class="adf-people-select-icon adf-datatable-selected" svgIcon="selected"></mat-icon>
|
||||
<mat-icon class="adf-people-select-icon adf-datatable-selected" svgIcon="selected" />
|
||||
</div>
|
||||
`,
|
||||
styleUrls: ['./user-icon-column.component.scss'],
|
||||
|
@ -29,7 +29,7 @@ import { SearchChipListComponent } from './search-chip-list.component';
|
||||
selector: 'adf-test-component',
|
||||
standalone: true,
|
||||
imports: [SearchChipListComponent],
|
||||
template: ` <adf-search-chip-list [searchFilter]="searchFilter" [clearAll]="allowClear"> </adf-search-chip-list> `
|
||||
template: ` <adf-search-chip-list [searchFilter]="searchFilter" [clearAll]="allowClear" /> `
|
||||
})
|
||||
class TestComponent {
|
||||
allowClear = true;
|
||||
|
@ -9,7 +9,7 @@
|
||||
(searchChange)="inputChange($event)"
|
||||
(reset)="onReset($event)"
|
||||
(selectResult)="onSelectFirstResult()"
|
||||
(submit)="submit.emit($event)"></adf-search-text-input>
|
||||
(submit)="submit.emit($event)" />
|
||||
|
||||
<adf-search #search
|
||||
#auto="searchAutocomplete"
|
||||
|
@ -7,7 +7,6 @@
|
||||
[field]="field"
|
||||
[initialValue]="preselectedValues[field]"
|
||||
(changed)="onDateRangedValueChanged($event, field)"
|
||||
(valid)="tabsValidity[field]=$event">
|
||||
</adf-search-date-range>
|
||||
(valid)="tabsValidity[field]=$event" />
|
||||
</ng-container>
|
||||
</adf-search-filter-tabbed>
|
||||
|
@ -35,8 +35,8 @@
|
||||
<input matEndDate placeholder="{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.END_DATE' | translate }}"
|
||||
data-automation-id="date-range-between-end-input" [formControl]="betweenEndDateFormControl" (change)="dateChanged($event, betweenEndDateFormControl)">
|
||||
</mat-date-range-input>
|
||||
<mat-datepicker-toggle matSuffix [for]="picker" data-automation-id="date-range-between-datepicker-toggle"></mat-datepicker-toggle>
|
||||
<mat-date-range-picker #picker></mat-date-range-picker>
|
||||
<mat-datepicker-toggle matSuffix [for]="picker" data-automation-id="date-range-between-datepicker-toggle" />
|
||||
<mat-date-range-picker #picker />
|
||||
|
||||
<mat-error *ngIf="betweenStartDateFormControl.errors?.invalidDate">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.INVALID_FORMAT' | translate }}</mat-error>
|
||||
<mat-error *ngIf="betweenStartDateFormControl.errors?.required">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.REQUIRED' | translate }}</mat-error>
|
||||
|
@ -9,8 +9,8 @@
|
||||
[max]="fromMaxDatetime"
|
||||
(dateChange)="onChangedHandler($event, from)"
|
||||
data-automation-id="datetime-range-from-input">
|
||||
<mat-datetimepicker-toggle matSuffix [for]="fromDatetimePicker" data-automation-id="datetime-range-from-date-toggle"></mat-datetimepicker-toggle>
|
||||
<mat-datetimepicker #fromDatetimePicker color="accent" type="datetime"></mat-datetimepicker>
|
||||
<mat-datetimepicker-toggle matSuffix [for]="fromDatetimePicker" data-automation-id="datetime-range-from-date-toggle" />
|
||||
<mat-datetimepicker #fromDatetimePicker color="accent" type="datetime" />
|
||||
<mat-error *ngIf="from.invalid" data-automation-id="datetime-range-from-error">
|
||||
{{ getFromValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}
|
||||
</mat-error>
|
||||
@ -27,8 +27,8 @@
|
||||
[max]="maxDatetime"
|
||||
(dateChange)="onChangedHandler($event, to)"
|
||||
data-automation-id="datetime-range-to-input">
|
||||
<mat-datetimepicker-toggle matSuffix [for]="toDatetimePicker" data-automation-id="datetime-range-to-date-toggle"></mat-datetimepicker-toggle>
|
||||
<mat-datetimepicker #toDatetimePicker color="accent" type="datetime"></mat-datetimepicker>
|
||||
<mat-datetimepicker-toggle matSuffix [for]="toDatetimePicker" data-automation-id="datetime-range-to-date-toggle" />
|
||||
<mat-datetimepicker #toDatetimePicker color="accent" type="datetime" />
|
||||
<mat-error *ngIf="to.invalid" data-automation-id="datetime-range-to-error">
|
||||
{{ getToValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}
|
||||
</mat-error>
|
||||
|
@ -5,8 +5,7 @@
|
||||
[allowOnlyPredefinedValues]="settings.allowOnlyPredefinedValues"
|
||||
(inputChanged)="onInputChange($event)"
|
||||
[compareOption]="optionComparator"
|
||||
(optionsChanged)="onOptionsChange($event)">
|
||||
</adf-search-chip-autocomplete-input>
|
||||
(optionsChanged)="onOptionsChange($event)" />
|
||||
|
||||
<div class="adf-facet-buttons" *ngIf="!settings?.hideDefaultAction">
|
||||
<button mat-button color="primary" data-automation-id="adf-search-chip-autocomplete-btn-clear" (click)="reset()">
|
||||
|
@ -35,8 +35,7 @@
|
||||
</ng-container>
|
||||
<ng-container ngProjectAs="filter-content">
|
||||
<adf-search-facet-tabbed-content [tabbedFacet]="tabbedFacet" (isPopulated)="onIsPopulatedEventChange($event)"
|
||||
[onReset$]="reset$" [onApply$]="apply$" (displayValue$)="displayValue = $event">
|
||||
</adf-search-facet-tabbed-content>
|
||||
[onReset$]="reset$" [onApply$]="apply$" (displayValue$)="displayValue = $event" />
|
||||
</ng-container>
|
||||
<ng-container ngProjectAs="filter-actions">
|
||||
<button mat-button class="adf-search-action-button" (click)="onRemove()" id="cancel-filter-button">
|
||||
|
@ -6,7 +6,6 @@
|
||||
[onReset$]="reset$"
|
||||
[allowOnlyPredefinedValues]="true"
|
||||
[compareOption]="optionComparator"
|
||||
(optionsChanged)="onOptionsChange($event, field)">
|
||||
</adf-search-chip-autocomplete-input>
|
||||
(optionsChanged)="onOptionsChange($event, field)" />
|
||||
</ng-container>
|
||||
</adf-search-filter-tabbed>
|
||||
|
@ -36,7 +36,7 @@
|
||||
{{ field.label | translate }}
|
||||
</ng-container>
|
||||
<ng-container ngProjectAs="filter-content">
|
||||
<adf-search-facet-field [field]="field" #facetField></adf-search-facet-field>
|
||||
<adf-search-facet-field [field]="field" #facetField />
|
||||
</ng-container>
|
||||
<ng-container ngProjectAs="filter-actions">
|
||||
<button mat-button class="adf-search-action-button" (click)="onRemove()" id="cancel-filter-button">
|
||||
|
@ -1,18 +1,17 @@
|
||||
<mat-chip-listbox role="listbox" [attr.aria-label]="'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate">
|
||||
<ng-container *ngFor="let category of categories">
|
||||
<adf-search-widget-chip [category]="category"></adf-search-widget-chip>
|
||||
<adf-search-widget-chip [category]="category" />
|
||||
</ng-container>
|
||||
|
||||
<ng-container *ngIf="showContextFacets && tabbedFacet">
|
||||
<adf-search-facet-chip-tabbed
|
||||
[tabbedFacet]="tabbedFacet"
|
||||
[attr.data-automation-id]="facetChipTabbedId" >
|
||||
</adf-search-facet-chip-tabbed>
|
||||
[attr.data-automation-id]="facetChipTabbedId" />
|
||||
</ng-container>
|
||||
|
||||
<ng-container *ngIf="showContextFacets && responseFacets">
|
||||
<ng-container *ngFor="let field of responseFacets">
|
||||
<adf-search-facet-chip [field]="field" [attr.data-automation-id]="'search-fact-chip-' + field.field" ></adf-search-facet-chip>
|
||||
<adf-search-facet-chip [field]="field" [attr.data-automation-id]="'search-fact-chip-' + field.field" />
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
|
||||
|
@ -10,13 +10,13 @@
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<mat-divider></mat-divider>
|
||||
<mat-divider />
|
||||
|
||||
<div class="adf-search-filter-content">
|
||||
<ng-content select="filter-content"></ng-content>
|
||||
</div>
|
||||
|
||||
<mat-divider></mat-divider>
|
||||
<mat-divider />
|
||||
|
||||
<div class="adf-search-filter-actions">
|
||||
<ng-content select="filter-actions"></ng-content>
|
||||
|
@ -35,8 +35,7 @@
|
||||
<adf-search-widget-container #widget
|
||||
[id]="category.id"
|
||||
[selector]="category.component.selector"
|
||||
[settings]="category.component.settings">
|
||||
</adf-search-widget-container>
|
||||
[settings]="category.component.settings" />
|
||||
</ng-container>
|
||||
|
||||
<ng-container ngProjectAs="filter-actions">
|
||||
|
@ -18,8 +18,7 @@
|
||||
matBadge="filter"
|
||||
matBadgeColor="warn"
|
||||
[matBadgeHidden]="!isActive()"
|
||||
>
|
||||
</adf-icon>
|
||||
/>
|
||||
</button>
|
||||
|
||||
<mat-menu #filter="matMenu" class="adf-filter-menu adf-search-filter-menu" (closed)="onClosed()">
|
||||
@ -33,8 +32,7 @@
|
||||
[settings]="category?.component?.settings"
|
||||
[value]="initialValue"
|
||||
[useHeaderQueryBuilder]="true"
|
||||
>
|
||||
</adf-search-widget-container>
|
||||
/>
|
||||
</div>
|
||||
<mat-dialog-actions class="adf-filter-actions">
|
||||
<button
|
||||
|
@ -3,6 +3,6 @@
|
||||
[labelClass]='selectedIndex === i ? "adf-search-tab-label-active" : ""'
|
||||
[bodyClass]='selectedIndex === i ? "adf-search-tab-content-active" : ""'
|
||||
label="{{tabContent.name | translate}}">
|
||||
<ng-container *ngTemplateOutlet="tabContent.templateRef"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="tabContent.templateRef" />
|
||||
</mat-tab>
|
||||
</mat-tab-group>
|
||||
|
@ -2,8 +2,7 @@
|
||||
<adf-search-widget-container
|
||||
[id]="category.id"
|
||||
[selector]="category.component.selector"
|
||||
[settings]="category.component.settings">
|
||||
</adf-search-widget-container>
|
||||
[settings]="category.component.settings" />
|
||||
<div
|
||||
*ngIf="!category?.component?.settings?.hideDefaultAction"
|
||||
class="adf-search-filter-card-actions"
|
||||
|
@ -16,7 +16,7 @@
|
||||
{{ category.name | translate }}
|
||||
</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
<adf-search-filter-card [category]="category"></adf-search-filter-card>
|
||||
<adf-search-filter-card [category]="category" />
|
||||
</mat-expansion-panel>
|
||||
|
||||
<ng-container *ngIf="facetFiltersService.tabbedFacet && showContextFacets">
|
||||
@ -26,8 +26,7 @@
|
||||
</mat-expansion-panel-header>
|
||||
<adf-search-facet-tabbed-content
|
||||
[tabbedFacet]="facetFiltersService.tabbedFacet"
|
||||
[attr.data-automation-id]="'expansion-panel-'+facetFiltersService.tabbedFacet.label">
|
||||
</adf-search-facet-tabbed-content>
|
||||
[attr.data-automation-id]="'expansion-panel-'+facetFiltersService.tabbedFacet.label" />
|
||||
</mat-expansion-panel>
|
||||
</ng-container>
|
||||
|
||||
@ -38,7 +37,7 @@
|
||||
<mat-panel-title class="adf-search-filter-header-title">{{ field.label | translate }}</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
|
||||
<adf-search-facet-field [field]="field"></adf-search-facet-field>
|
||||
<adf-search-facet-field [field]="field" />
|
||||
|
||||
</mat-expansion-panel>
|
||||
</ng-container>
|
||||
|
@ -1,6 +1,5 @@
|
||||
<div class="adf-search-panel-scrollable" data-automation-id="adf-search-panel-container">
|
||||
<adf-search-filter *ngIf="hasCustomModels()"
|
||||
class="app-search-settings"
|
||||
[showContextFacets]="false">
|
||||
</adf-search-filter>
|
||||
[showContextFacets]="false" />
|
||||
</div>
|
||||
|
@ -53,6 +53,5 @@
|
||||
[compareOption]="compareFileExtensions"
|
||||
[formatChipValue]="getExtensionWithoutDot"
|
||||
[filter]="filterExtensions"
|
||||
placeholder="SEARCH.SEARCH_PROPERTIES.FILE_TYPE">
|
||||
</adf-search-chip-autocomplete-input>
|
||||
placeholder="SEARCH.SEARCH_PROPERTIES.FILE_TYPE" />
|
||||
</form>
|
||||
|
@ -3,5 +3,4 @@
|
||||
[selected]="value"
|
||||
[ascending]="ascending"
|
||||
(valueChange)="onValueChanged($event)"
|
||||
(sortingChange)="onSortingChanged($event)">
|
||||
</adf-sorting-picker>
|
||||
(sortingChange)="onSortingChanged($event)" />
|
||||
|
@ -3,5 +3,4 @@
|
||||
[limitChipsDisplayed]="limitTagsDisplayed"
|
||||
[showDelete]="showDelete"
|
||||
(displayNext)="refreshTag()"
|
||||
(removedChip)="removeTag($event)">
|
||||
</adf-dynamic-chip-list>
|
||||
(removedChip)="removeTag($event)" />
|
||||
|
@ -59,7 +59,6 @@
|
||||
class="adf-tags-creator-spinner"
|
||||
[diameter]="50"
|
||||
[attr.aria-label]="'TAG.TAGS_CREATOR.TAGS_LOADING' | translate"
|
||||
>
|
||||
</mat-spinner>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -22,10 +22,9 @@
|
||||
color="primary"
|
||||
mode="indeterminate"
|
||||
[diameter]="24"
|
||||
*ngIf="node.isLoading; else loadMoreIcon">
|
||||
</mat-progress-spinner>
|
||||
*ngIf="node.isLoading; else loadMoreIcon" />
|
||||
<ng-template #loadMoreIcon>
|
||||
<adf-icon [value]="'chevron_right'"></adf-icon>
|
||||
<adf-icon [value]="'chevron_right'" />
|
||||
</ng-template>
|
||||
</button>
|
||||
</div>
|
||||
@ -57,10 +56,9 @@
|
||||
color="primary"
|
||||
mode="indeterminate"
|
||||
[diameter]="24"
|
||||
*ngIf="node.isLoading; else expandCollapseIcon">
|
||||
</mat-progress-spinner>
|
||||
*ngIf="node.isLoading; else expandCollapseIcon" />
|
||||
<ng-template #expandCollapseIcon>
|
||||
<adf-icon [value]="expandCollapseIconValue(node)"></adf-icon>
|
||||
<adf-icon [value]="expandCollapseIconValue(node)" />
|
||||
</ng-template>
|
||||
</button>
|
||||
</div>
|
||||
@ -71,16 +69,14 @@
|
||||
[checked]="descendantsAllSelected(node)"
|
||||
[indeterminate]="descendantsPartiallySelected(node)"
|
||||
(change)="onNodeSelected(node)"
|
||||
data-automation-id="has-children-node-checkbox">
|
||||
</mat-checkbox>
|
||||
data-automation-id="has-children-node-checkbox" />
|
||||
<ng-template #noChildrenNodeCheckbox>
|
||||
<mat-checkbox
|
||||
color="primary"
|
||||
[id]="node.id"
|
||||
[checked]="treeNodesSelection.isSelected(node)"
|
||||
(change)="onNodeSelected(node)"
|
||||
data-automation-id="no-children-node-checkbox">
|
||||
</mat-checkbox>
|
||||
data-automation-id="no-children-node-checkbox" />
|
||||
</ng-template>
|
||||
</ng-container>
|
||||
<div class="adf-tree-cell">
|
||||
@ -121,7 +117,6 @@
|
||||
<div class="adf-tree-loading-spinner-container">
|
||||
<mat-progress-spinner
|
||||
color="primary"
|
||||
mode="indeterminate">
|
||||
</mat-progress-spinner>
|
||||
mode="indeterminate" />
|
||||
</div>
|
||||
</ng-template>
|
||||
|
@ -60,8 +60,7 @@
|
||||
<ng-template let-file="$implicit">
|
||||
<adf-file-uploading-list-row
|
||||
[file]="file"
|
||||
(cancel)="uploadList.cancelFile(file)">
|
||||
</adf-file-uploading-list-row>
|
||||
(cancel)="uploadList.cancelFile(file)" />
|
||||
</ng-template>
|
||||
</adf-file-uploading-list>
|
||||
|
||||
|
@ -3,7 +3,7 @@
|
||||
insert_drive_file
|
||||
</mat-icon>
|
||||
|
||||
<adf-icon *ngIf="mimeType !== 'default'" value="adf:{{ mimeType }}"></adf-icon>
|
||||
<adf-icon *ngIf="mimeType !== 'default'" value="adf:{{ mimeType }}" />
|
||||
|
||||
<span
|
||||
class="adf-file-uploading-row__name"
|
||||
|
@ -1,5 +1,5 @@
|
||||
<mat-progress-bar *ngIf="isLoading" data-automation-id="version-history-loading-bar" mode="indeterminate"
|
||||
color="accent"></mat-progress-bar>
|
||||
color="accent" />
|
||||
<mat-list class="adf-version-list adf-version-list-element" [hidden]="isLoading">
|
||||
<cdk-virtual-scroll-viewport #viewport itemSize="88" class="adf-version-list-viewport" [minBufferPx]="440" [maxBufferPx]="528">
|
||||
<mat-list-item class="adf-version-list-item"
|
||||
|
@ -1,5 +1,5 @@
|
||||
<div class="adf-new-version-container">
|
||||
<adf-version-comparison *ngIf="showVersionComparison" [node]="node" [newFileVersion]="newFileVersion"></adf-version-comparison>
|
||||
<adf-version-comparison *ngIf="showVersionComparison" [node]="node" [newFileVersion]="newFileVersion" />
|
||||
<div class="adf-new-version-uploader-container" id="adf-new-version-uploader-container" [@uploadToggle]="uploadState">
|
||||
<table class="adf-version-upload" *ngIf="uploadState !== 'close' && !versionList.isLoading">
|
||||
<tr>
|
||||
@ -11,8 +11,7 @@
|
||||
[currentVersion]="versionList?.latestVersion?.entry"
|
||||
(success)="onUploadSuccess($event)"
|
||||
(cancel)="onUploadCancel()"
|
||||
(error)="onUploadError($event)">
|
||||
</adf-version-upload>
|
||||
(error)="onUploadError($event)" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@ -38,8 +37,7 @@
|
||||
[allowVersionDelete]="allowVersionDelete"
|
||||
(deleted)="refresh($event)"
|
||||
(restored)="refresh($event)"
|
||||
(viewVersion)="onViewVersion($event)">
|
||||
</adf-version-list>
|
||||
(viewVersion)="onViewVersion($event)" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -28,8 +28,7 @@
|
||||
[file]="newFileVersion"
|
||||
[majorVersion]="isMajorVersion()"
|
||||
(success)="onSuccess($event)"
|
||||
(error)="onError($event)">
|
||||
</adf-upload-version-button>
|
||||
(error)="onError($event)" />
|
||||
<button mat-raised-button (click)="cancelUpload()" id="adf-new-version-cancel" *ngIf="showCancelButton" >{{
|
||||
'ADF_VERSION_LIST.ACTIONS.UPLOAD.CANCEL'| translate }}
|
||||
</button>
|
||||
|
@ -22,13 +22,13 @@
|
||||
}
|
||||
],
|
||||
"no-shadow": "warn",
|
||||
"quote-props": "warn",
|
||||
"quote-props": "off",
|
||||
"object-shorthand": "warn",
|
||||
"no-restricted-syntax": "warn",
|
||||
"prefer-const": "warn",
|
||||
"arrow-body-style": "warn",
|
||||
"@angular-eslint/no-output-native": "off",
|
||||
"space-before-function-paren": "warn",
|
||||
"space-before-function-paren": "off",
|
||||
"@angular-eslint/component-selector": [
|
||||
"error",
|
||||
{
|
||||
|
@ -3,7 +3,7 @@
|
||||
<ol>
|
||||
<ng-container *ngFor="let breadcrumbTemplate of selectedBreadcrumbs; last as last">
|
||||
<li adf-breadcrumb-focus class="adf-breadcrumb__item-wrapper">
|
||||
<ng-container *ngTemplateOutlet="breadcrumbTemplate"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="breadcrumbTemplate" />
|
||||
<div *ngIf="!last" class="adf-breadcrumb__chevron" [class.adf-breadcrumb__chevron-before--compact]="compact" ></div>
|
||||
</li>
|
||||
|
||||
|
@ -24,7 +24,7 @@ import { FlagsComponent } from './flags/flags.component';
|
||||
imports: [FlagsComponent],
|
||||
template: `
|
||||
<div class="adf-feature-flags-wrapper">
|
||||
<adf-feature-flags-overrides></adf-feature-flags-overrides>
|
||||
<adf-feature-flags-overrides />
|
||||
</div>
|
||||
`,
|
||||
styles: [
|
||||
|
@ -2,14 +2,12 @@
|
||||
<div class="adf-feature-flags-overrides-header-text" tabindex="0">
|
||||
<adf-feature-flags-override-indicator
|
||||
class="adf-activity-indicator"
|
||||
size='large'>
|
||||
</adf-feature-flags-override-indicator>
|
||||
size='large' />
|
||||
<span>{{ "CORE.FEATURE-FLAGS.OVERRIDES" | translate }}</span>
|
||||
</div>
|
||||
<mat-slide-toggle
|
||||
[checked]="isEnabled"
|
||||
(change)="onEnable($event.checked)">
|
||||
</mat-slide-toggle>
|
||||
(change)="onEnable($event.checked)" />
|
||||
<button
|
||||
class="adf-feature-flags-overrides-header-close"
|
||||
mat-icon-button
|
||||
@ -26,8 +24,8 @@
|
||||
</th>
|
||||
<td mat-cell class="adf-icon-col" *matCellDef="let element">
|
||||
<button mat-icon-button *ngIf="element.fictive; else flagFromApi" class="adf-fictive-flag-button" (click)="onDelete(element.flag)">
|
||||
<mat-icon class="material-icons-outlined adf-custom-flag-icon" fontIcon="memory"></mat-icon>
|
||||
<mat-icon class="material-icons-outlined adf-trash-icon" fontIcon="delete"></mat-icon>
|
||||
<mat-icon class="material-icons-outlined adf-custom-flag-icon" fontIcon="memory" />
|
||||
<mat-icon class="material-icons-outlined adf-trash-icon" fontIcon="delete" />
|
||||
</button>
|
||||
</td>
|
||||
</ng-container>
|
||||
@ -45,7 +43,7 @@
|
||||
<th mat-header-cell class="adf-val-col header-cell" *matHeaderCellDef>
|
||||
<div class="adf-input-field-buttons-container">
|
||||
<button *ngIf="showPlusButton$ | async" mat-icon-button title="{{'CORE.FEATURE-FLAGS.ADD_NEW' | translate}}" color="accent" (click)="onAddButtonClick()">
|
||||
<mat-icon class="material-icons-outlined" fontIcon="add_circle"></mat-icon>
|
||||
<mat-icon class="material-icons-outlined" fontIcon="add_circle" />
|
||||
</button>
|
||||
<button *ngIf="inputValue" matSuffix mat-icon-button aria-label="Clear" (click)="onClearInput()" class="adf-clear-button">
|
||||
<mat-icon>cancel</mat-icon>
|
||||
@ -56,8 +54,7 @@
|
||||
<mat-slide-toggle
|
||||
[checked]="element.value"
|
||||
(change)="onChange(element.flag, $event.checked)"
|
||||
[disabled]="!isEnabled">
|
||||
</mat-slide-toggle>
|
||||
[disabled]="!isEnabled" />
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
|
@ -14,8 +14,7 @@
|
||||
aria-level="1"
|
||||
*ngIf="!hideSidenav"
|
||||
>
|
||||
<adf-dynamic-component id="app.layout.header" [data]="{ layout }">
|
||||
</adf-dynamic-component>
|
||||
<adf-dynamic-component id="app.layout.header" [data]="{ layout }" />
|
||||
</div>
|
||||
</ng-template>
|
||||
</adf-sidenav-layout-header>
|
||||
@ -29,20 +28,18 @@
|
||||
<adf-dynamic-component
|
||||
id="app.layout.sidenav"
|
||||
[data]="{ layout, mode: layout.isMenuMinimized ? 'collapsed' : 'expanded'}"
|
||||
>
|
||||
</adf-dynamic-component>
|
||||
/>
|
||||
</div>
|
||||
</ng-template>
|
||||
</adf-sidenav-layout-navigation>
|
||||
|
||||
<adf-sidenav-layout-content>
|
||||
<ng-template>
|
||||
<router-outlet></router-outlet>
|
||||
<router-outlet />
|
||||
</ng-template>
|
||||
</adf-sidenav-layout-content>
|
||||
</adf-sidenav-layout>
|
||||
|
||||
<adf-dynamic-component id="app.shell.sibling">
|
||||
</adf-dynamic-component>
|
||||
<adf-dynamic-component id="app.shell.sibling" />
|
||||
|
||||
<router-outlet name="viewer"></router-outlet>
|
||||
<router-outlet name="viewer" />
|
||||
|
@ -6,6 +6,6 @@
|
||||
<mat-cell *matCellDef="let row">{{ column.cell(row) }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns" />
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns" />
|
||||
</mat-table>
|
||||
|
@ -5,9 +5,9 @@
|
||||
</mat-header-cell>
|
||||
<mat-cell *matCellDef="let row"
|
||||
class="adf-about-license-cell"
|
||||
[innerHTML]="column.cell(row)"></mat-cell>
|
||||
[innerHTML]="column.cell(row)" />
|
||||
</ng-container>
|
||||
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns" />
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns" />
|
||||
</mat-table>
|
||||
|
@ -6,6 +6,6 @@
|
||||
<mat-cell *matCellDef="let row">{{ column.cell(row) }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns" />
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns" />
|
||||
</mat-table>
|
||||
|
@ -6,6 +6,6 @@
|
||||
<mat-cell *matCellDef="let row" class="adf-package-list-table__row-cell">{{ column.cell(row) }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns" class="adf-package-list-table__header-row"></mat-header-row>
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns" class="adf-package-list-table__row"></mat-row>
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns" class="adf-package-list-table__header-row" />
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns" class="adf-package-list-table__row" />
|
||||
</mat-table>
|
||||
|
@ -1,16 +1,16 @@
|
||||
<div>
|
||||
<article *ngIf="licenseEntries">
|
||||
<header>{{ 'ABOUT.LICENSE.TITLE' | translate }}</header>
|
||||
<adf-about-license-list [data]="licenseEntries"></adf-about-license-list>
|
||||
<adf-about-license-list [data]="licenseEntries" />
|
||||
</article>
|
||||
|
||||
<article *ngIf="statusEntries">
|
||||
<header>{{ 'ABOUT.STATUS.TITLE' | translate }}</header>
|
||||
<adf-about-status-list [data]="statusEntries"></adf-about-status-list>
|
||||
<adf-about-status-list [data]="statusEntries" />
|
||||
</article>
|
||||
|
||||
<article *ngIf="data?.modules">
|
||||
<header>{{ 'ABOUT.MODULES.TITLE' | translate }}</header>
|
||||
<adf-about-module-list [data]="data.modules"></adf-about-module-list>
|
||||
<adf-about-module-list [data]="data.modules" />
|
||||
</article>
|
||||
</div>
|
||||
|
@ -6,6 +6,6 @@
|
||||
<mat-cell *matCellDef="let row">{{ column.cell(row) }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns" />
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns" />
|
||||
</mat-table>
|
||||
|
@ -4,7 +4,7 @@
|
||||
<mat-expansion-panel-header class="adf-about-panel-header">
|
||||
<mat-panel-title class="adf-about-panel-header__title">{{panel.label}}</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
<ng-container *ngTemplateOutlet="panel.layoutTemplate"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="panel.layoutTemplate" />
|
||||
</mat-expansion-panel>
|
||||
</ng-container>
|
||||
</mat-accordion>
|
||||
|
@ -12,7 +12,7 @@
|
||||
[attr.aria-hidden]="ariaHidden"
|
||||
[attr.data-automation-id]="testId"
|
||||
>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent"></ng-container>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent" />
|
||||
</button>
|
||||
</ng-container>
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
[attr.aria-hidden]="ariaHidden"
|
||||
[attr.data-automation-id]="testId"
|
||||
>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent"></ng-container>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent" />
|
||||
</button>
|
||||
</ng-container>
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
[attr.aria-hidden]="ariaHidden"
|
||||
[attr.data-automation-id]="testId"
|
||||
>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent"></ng-container>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent" />
|
||||
</button>
|
||||
</ng-container>
|
||||
|
||||
@ -63,7 +63,7 @@
|
||||
[attr.aria-hidden]="ariaHidden"
|
||||
[attr.data-automation-id]="testId"
|
||||
>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent"></ng-container>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent" />
|
||||
</button>
|
||||
</ng-container>
|
||||
|
||||
@ -81,7 +81,7 @@
|
||||
[attr.data-automation-id]="testId"
|
||||
>
|
||||
<mat-icon *ngIf="icon" class="adf-button__icon">{{ icon }}</mat-icon>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent"></ng-container>
|
||||
<ng-container [ngTemplateOutlet]="buttonContent" />
|
||||
</button>
|
||||
</ng-container>
|
||||
|
||||
@ -99,7 +99,7 @@
|
||||
[attr.data-automation-id]="testId"
|
||||
>
|
||||
<mat-icon *ngIf="icon" class="adf-button__icon">{{ icon }}</mat-icon>
|
||||
<ng-container *ngIf="!icon" [ngTemplateOutlet]="buttonContent"></ng-container>
|
||||
<ng-container *ngIf="!icon" [ngTemplateOutlet]="buttonContent" />
|
||||
</button>
|
||||
</ng-container>
|
||||
|
||||
@ -117,7 +117,7 @@
|
||||
[attr.data-automation-id]="testId"
|
||||
>
|
||||
<mat-icon *ngIf="icon" class="adf-button__icon">{{ icon }}</mat-icon>
|
||||
<ng-container *ngIf="!icon" [ngTemplateOutlet]="buttonContent"></ng-container>
|
||||
<ng-container *ngIf="!icon" [ngTemplateOutlet]="buttonContent" />
|
||||
</button>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
|
@ -48,8 +48,7 @@
|
||||
[attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
|
||||
[attr.data-automation-id]="'datepickertoggle-' + property.key"
|
||||
[for]="datetimePicker"
|
||||
>
|
||||
</mat-datetimepicker-toggle>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<input
|
||||
@ -67,8 +66,7 @@
|
||||
[timeInterval]="5"
|
||||
[attr.data-automation-id]="'datepicker-' + property.key"
|
||||
[startAt]="valueDate"
|
||||
>
|
||||
</mat-datetimepicker>
|
||||
/>
|
||||
</div>
|
||||
<ng-template #elseEmptyValueBlock>
|
||||
{{ property.default | translate }}
|
||||
@ -107,16 +105,14 @@
|
||||
[attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
|
||||
[attr.data-automation-id]="'datepickertoggle-' + property.key"
|
||||
[for]="datetimePicker"
|
||||
>
|
||||
</mat-datetimepicker-toggle>
|
||||
/>
|
||||
<mat-datetimepicker
|
||||
#datetimePicker
|
||||
[type]="$any(property).type"
|
||||
[timeInterval]="5"
|
||||
[attr.data-automation-id]="'datepicker-' + property.key"
|
||||
[startAt]="valueDate"
|
||||
>
|
||||
</mat-datetimepicker>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -15,8 +15,8 @@
|
||||
<mat-cell *matCellDef="let item">{{item.value}}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<mat-header-row *matHeaderRowDef="['name', 'value']"></mat-header-row>
|
||||
<mat-row *matRowDef="let row; columns: ['name', 'value'];"></mat-row>
|
||||
<mat-header-row *matHeaderRowDef="['name', 'value']" />
|
||||
<mat-row *matRowDef="let row; columns: ['name', 'value'];" />
|
||||
</mat-table>
|
||||
</div>
|
||||
|
||||
|
@ -23,7 +23,7 @@
|
||||
(selectionChange)="onChange($event)"
|
||||
data-automation-class="select-box"
|
||||
[aria-label]="property.label | translate">
|
||||
<adf-select-filter-input *ngIf="showInputFilter" (change)="onFilterInputChange($event)"></adf-select-filter-input>
|
||||
<adf-select-filter-input *ngIf="showInputFilter" (change)="onFilterInputChange($event)" />
|
||||
<mat-option *ngIf="displayNoneOption">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>
|
||||
<mat-option
|
||||
*ngFor="let option of list$ | async"
|
||||
|
@ -10,8 +10,7 @@
|
||||
[copyToClipboardAction]="copyToClipboardAction"
|
||||
[useChipsForMultiValueProperty]="useChipsForMultiValueProperty"
|
||||
[multiValueSeparator]="multiValueSeparator"
|
||||
[displayLabelForChips]="displayLabelForChips">
|
||||
</adf-card-view-item-dispatcher>
|
||||
[displayLabelForChips]="displayLabelForChips" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -30,6 +30,5 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<adf-comment-list *ngIf="comments?.length > 0" [comments]="comments">
|
||||
</adf-comment-list>
|
||||
<adf-comment-list *ngIf="comments?.length > 0" [comments]="comments" />
|
||||
</div>
|
||||
|
@ -20,7 +20,7 @@
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<mat-divider class="adf-columns-selector-divider"></mat-divider>
|
||||
<mat-divider class="adf-columns-selector-divider" />
|
||||
|
||||
<div class="adf-columns-selector-search-input-container">
|
||||
<mat-icon
|
||||
@ -50,7 +50,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<mat-divider class="adf-columns-selector-divider"></mat-divider>
|
||||
<mat-divider class="adf-columns-selector-divider" />
|
||||
|
||||
<div class="adf-columns-selector-footer">
|
||||
<button
|
||||
|
@ -102,8 +102,7 @@
|
||||
<adf-icon
|
||||
*ngIf="hoveredHeaderColumnIndex === columnIndex && !isResizing"
|
||||
value="adf:drag_indicator"
|
||||
[attr.data-automation-id]="'adf-datatable-cell-header-drag-icon-'+col.key">
|
||||
</adf-icon>
|
||||
[attr.data-automation-id]="'adf-datatable-cell-header-drag-icon-'+col.key" />
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
@ -142,8 +141,7 @@
|
||||
[ngTemplateOutlet]="mainActionTemplate"
|
||||
[ngTemplateOutletContext]="{
|
||||
$implicit: mainMenuTrigger
|
||||
}">
|
||||
</ng-container>
|
||||
}" />
|
||||
</mat-menu>
|
||||
<span class="adf-sr-only">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>
|
||||
</ng-container>
|
||||
@ -248,8 +246,7 @@
|
||||
</mat-icon>
|
||||
<ng-template #no_iconvalue>
|
||||
<mat-icon class="adf-datatable-selected"
|
||||
*ngIf="row.isSelected && !multiselect; else no_selected_row" svgIcon="selected">
|
||||
</mat-icon>
|
||||
*ngIf="row.isSelected && !multiselect; else no_selected_row" svgIcon="selected" />
|
||||
<ng-template #no_selected_row>
|
||||
<img class="adf-datatable-center-img-ie"
|
||||
[attr.aria-label]="(data.getValue(row, col) | fileType) === 'disable' ?
|
||||
@ -273,8 +270,7 @@
|
||||
[column]="col"
|
||||
[row]="row"
|
||||
[resolverFn]="resolverFn"
|
||||
[tooltip]="getCellTooltip(row, col)">
|
||||
</adf-icon-cell>
|
||||
[tooltip]="getCellTooltip(row, col)" />
|
||||
</div>
|
||||
<div *ngSwitchCase="'date'" class="adf-cell-value adf-cell-date" [attr.tabindex]="data.getValue(row, col, resolverFn)? 0 : -1"
|
||||
[attr.data-automation-id]="'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') ">
|
||||
@ -284,8 +280,7 @@
|
||||
[row]="row"
|
||||
[resolverFn]="resolverFn"
|
||||
[tooltip]="getCellTooltip(row, col)"
|
||||
[dateConfig]="col.dateConfig">
|
||||
</adf-date-cell>
|
||||
[dateConfig]="col.dateConfig" />
|
||||
</div>
|
||||
<div *ngSwitchCase="'location'" [attr.tabindex]="data.getValue(row, col, resolverFn)? 0 : -1" class="adf-cell-value"
|
||||
[attr.data-automation-id]="'location' + data.getValue(row, col, resolverFn)">
|
||||
@ -294,8 +289,7 @@
|
||||
[column]="col"
|
||||
[row]="row"
|
||||
[resolverFn]="resolverFn"
|
||||
[tooltip]="getCellTooltip(row, col)">
|
||||
</adf-location-cell>
|
||||
[tooltip]="getCellTooltip(row, col)" />
|
||||
</div>
|
||||
<div *ngSwitchCase="'fileSize'" [attr.tabindex]="data.getValue(row, col, resolverFn)? 0 : -1" class="adf-cell-value"
|
||||
[attr.data-automation-id]="'fileSize_' + data.getValue(row, col, resolverFn)">
|
||||
@ -304,8 +298,7 @@
|
||||
[column]="col"
|
||||
[row]="row"
|
||||
[resolverFn]="resolverFn"
|
||||
[tooltip]="getCellTooltip(row, col)">
|
||||
</adf-filesize-cell>
|
||||
[tooltip]="getCellTooltip(row, col)" />
|
||||
</div>
|
||||
<div *ngSwitchCase="'text'" [attr.tabindex]="data.getValue(row, col, resolverFn)? 0 : -1" class="adf-cell-value"
|
||||
[attr.data-automation-id]="'text_' + data.getValue(row, col, resolverFn)">
|
||||
@ -315,8 +308,7 @@
|
||||
[column]="col"
|
||||
[row]="row"
|
||||
[resolverFn]="resolverFn"
|
||||
[tooltip]="getCellTooltip(row, col)">
|
||||
</adf-datatable-cell>
|
||||
[tooltip]="getCellTooltip(row, col)" />
|
||||
</div>
|
||||
<div *ngSwitchCase="'boolean'" [attr.tabindex]="data.getValue(row, col, resolverFn)? 0 : -1" class="adf-cell-value"
|
||||
[attr.data-automation-id]="'boolean_' + data.getValue(row, col, resolverFn)">
|
||||
@ -325,8 +317,7 @@
|
||||
[column]="col"
|
||||
[row]="row"
|
||||
[resolverFn]="resolverFn"
|
||||
[tooltip]="getCellTooltip(row, col)">
|
||||
</adf-boolean-cell>
|
||||
[tooltip]="getCellTooltip(row, col)" />
|
||||
</div>
|
||||
<div *ngSwitchCase="'json'" [attr.tabindex]="data.getValue(row, col, resolverFn)? 0 : -1" class="adf-cell-value">
|
||||
<adf-json-cell
|
||||
@ -334,8 +325,7 @@
|
||||
[data]="data"
|
||||
[column]="col"
|
||||
[resolverFn]="resolverFn"
|
||||
[row]="row">
|
||||
</adf-json-cell>
|
||||
[row]="row" />
|
||||
</div>
|
||||
<div *ngSwitchCase="'amount'"
|
||||
class="adf-cell-value"
|
||||
@ -346,8 +336,7 @@
|
||||
[column]="col"
|
||||
[resolverFn]="resolverFn"
|
||||
[row]="row"
|
||||
[currencyConfig]="col.currencyConfig">
|
||||
</adf-amount-cell>
|
||||
[currencyConfig]="col.currencyConfig" />
|
||||
</div>
|
||||
<div *ngSwitchCase="'number'"
|
||||
class="adf-cell-value"
|
||||
@ -358,8 +347,7 @@
|
||||
[column]="col"
|
||||
[resolverFn]="resolverFn"
|
||||
[row]="row"
|
||||
[decimalConfig]="col.decimalConfig">
|
||||
</adf-number-cell>
|
||||
[decimalConfig]="col.decimalConfig" />
|
||||
</div>
|
||||
<span *ngSwitchDefault class="adf-cell-value">
|
||||
<!-- empty cell for unknown column type -->
|
||||
@ -370,8 +358,7 @@
|
||||
<div class="adf-cell-value" [attr.tabindex]="col.focus ? 0 : null">
|
||||
<ng-container
|
||||
[ngTemplateOutlet]="col.template"
|
||||
[ngTemplateOutletContext]="{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }">
|
||||
</ng-container>
|
||||
[ngTemplateOutletContext]="{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -36,8 +36,8 @@
|
||||
</div>
|
||||
|
||||
<mat-dialog-content *ngIf="data.contentTemplate || data.contentComponent || data.contentText" class="adf-dialog-content">
|
||||
<ng-container [ngTemplateOutlet]="data.contentTemplate"></ng-container>
|
||||
<ng-container *ngComponentOutlet="data.contentComponent; injector: dataInjector"></ng-container>
|
||||
<ng-container [ngTemplateOutlet]="data.contentTemplate" />
|
||||
<ng-container *ngComponentOutlet="data.contentComponent; injector: dataInjector" />
|
||||
<ng-container>{{ data.contentText | translate }}</ng-container>
|
||||
</mat-dialog-content>
|
||||
|
||||
@ -47,7 +47,7 @@
|
||||
>
|
||||
<div class="adf-additional-actions-container">
|
||||
<ng-container *ngIf="!additionalActionButtons && data.actionsTemplate">
|
||||
<ng-container [ngTemplateOutlet]="data.actionsTemplate"></ng-container>
|
||||
<ng-container [ngTemplateOutlet]="data.actionsTemplate" />
|
||||
</ng-container>
|
||||
|
||||
<ng-container *ngIf="!data.actionsTemplate && additionalActionButtons">
|
||||
|
@ -21,7 +21,7 @@
|
||||
[id]="'field-' + currentRootElement?.id + '-container'"
|
||||
class="adf-container-widget"
|
||||
[hidden]="!currentRootElement?.isVisible">
|
||||
<adf-header-widget [element]="currentRootElement"></adf-header-widget>
|
||||
<adf-header-widget [element]="currentRootElement" />
|
||||
<div *ngIf="currentRootElement?.form?.enableFixedSpace; else fixingTemplate">
|
||||
<div class="adf-grid-list"
|
||||
[ngStyle]="{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }"
|
||||
@ -29,7 +29,7 @@
|
||||
<div class="adf-grid-list-item"
|
||||
*ngFor="let field of getContainerFields(currentRootElement)"
|
||||
[ngStyle]="{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }">
|
||||
<adf-form-field *ngIf="field" [field]="field"></adf-form-field>
|
||||
<adf-form-field *ngIf="field" [field]="field" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -40,7 +40,7 @@
|
||||
*ngFor="let column of currentRootElement?.columns"
|
||||
[style.width.%]="getColumnWith(currentRootElement)">
|
||||
<div class="adf-grid-list-column-view-item" *ngFor="let field of column?.fields">
|
||||
<adf-form-field *ngIf="field" [field]="field"></adf-form-field>
|
||||
<adf-form-field *ngIf="field" [field]="field" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -48,12 +48,12 @@
|
||||
|
||||
<ng-template #columnViewItem let-column="column">
|
||||
<div class="adf-grid-list-column-view-item" *ngFor="let field of column?.fields">
|
||||
<adf-form-field *ngIf="field" [field]="field"></adf-form-field>
|
||||
<adf-form-field *ngIf="field" [field]="field" />
|
||||
</div>
|
||||
</ng-template>
|
||||
</div>
|
||||
<div *ngIf="currentRootElement.type === 'dynamic-table'" class="adf-container-widget">
|
||||
<adf-form-field [field]="currentRootElement"></adf-form-field>
|
||||
<adf-form-field [field]="currentRootElement" />
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
|
@ -15,8 +15,8 @@
|
||||
(ngModelChange)="onFieldChanged(field)" [disabled]="field.readOnly"
|
||||
(blur)="markAsTouched()">
|
||||
</mat-form-field>
|
||||
<error-widget [error]="field.validationSummary"></error-widget>
|
||||
<error-widget [error]="field.validationSummary" />
|
||||
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()"
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -8,6 +8,6 @@
|
||||
[blobFile]="field.value.blobFile"
|
||||
[fileName]="field.value.fileName"
|
||||
[showViewer]="field.value?.blobFile || field.value?.urlFile"
|
||||
[allowGoBack]="false"></adf-viewer>
|
||||
<error-widget [error]="field.validationSummary"></error-widget>
|
||||
[allowGoBack]="false" />
|
||||
<error-widget [error]="field.validationSummary" />
|
||||
</div>
|
||||
|
@ -12,7 +12,7 @@
|
||||
{{ field.name | translate }}
|
||||
<span class="adf-asterisk" *ngIf="isRequired()">*</span>
|
||||
</mat-checkbox>
|
||||
<error-widget [error]="field.validationSummary"></error-widget>
|
||||
<error-widget [error]="field.validationSummary" />
|
||||
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()"
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
|
||||
</div>
|
||||
|
@ -25,16 +25,14 @@
|
||||
[min]="minDate"
|
||||
[max]="maxDate">
|
||||
<mat-datetimepicker-toggle matSuffix [for]="datetimePicker"
|
||||
[disabled]="field.readOnly">
|
||||
</mat-datetimepicker-toggle>
|
||||
[disabled]="field.readOnly" />
|
||||
<mat-datetimepicker #datetimePicker
|
||||
data-automation-id="adf-date-time-widget-picker"
|
||||
type="datetime"
|
||||
[touchUi]="true"
|
||||
[timeInterval]="5"
|
||||
[disabled]="field.readOnly">
|
||||
</mat-datetimepicker>
|
||||
[disabled]="field.readOnly" />
|
||||
</mat-form-field>
|
||||
<error-widget *ngIf="datetimeInputControl.invalid && datetimeInputControl.touched" [error]="field.validationSummary"></error-widget>
|
||||
<error-widget *ngIf="datetimeInputControl.invalid && datetimeInputControl.touched" [error]="field.validationSummary" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -13,11 +13,10 @@
|
||||
[min]="minDate"
|
||||
[max]="maxDate"
|
||||
(blur)="updateField()">
|
||||
<mat-datepicker-toggle matSuffix [for]="datePicker" [disabled]="field.readOnly"></mat-datepicker-toggle>
|
||||
<mat-datepicker-toggle matSuffix [for]="datePicker" [disabled]="field.readOnly" />
|
||||
<mat-datepicker #datePicker
|
||||
[startAt]="startAt"
|
||||
[disabled]="field.readOnly">
|
||||
</mat-datepicker>
|
||||
[disabled]="field.readOnly" />
|
||||
</mat-form-field>
|
||||
<error-widget *ngIf="dateInputControl.invalid && dateInputControl.touched" [error]="field.validationSummary"></error-widget>
|
||||
<error-widget *ngIf="dateInputControl.invalid && dateInputControl.touched" [error]="field.validationSummary" />
|
||||
</div>
|
||||
|
@ -28,9 +28,8 @@
|
||||
(blur)="markAsTouched()" />
|
||||
</mat-form-field>
|
||||
|
||||
<error-widget [error]="field.validationSummary"></error-widget>
|
||||
<error-widget [error]="field.validationSummary" />
|
||||
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()"
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}">
|
||||
</error-widget>
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -23,10 +23,9 @@
|
||||
<div *ngIf="field.maxLength > 0" class="adf-multiline-word-counter">
|
||||
<span class="adf-multiline-word-counter-value">{{ field?.value?.length || 0 }}/{{ field.maxLength }}</span>
|
||||
</div>
|
||||
<error-widget [error]="field.validationSummary"></error-widget>
|
||||
<error-widget [error]="field.validationSummary" />
|
||||
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()"
|
||||
class="adf-multiline-required-message"
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}">
|
||||
</error-widget>
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
|
||||
</div>
|
||||
|
||||
|
@ -27,8 +27,8 @@
|
||||
[title]="field.tooltip"
|
||||
(blur)="markAsTouched()">
|
||||
</mat-form-field>
|
||||
<error-widget [error]="field.validationSummary"></error-widget>
|
||||
<error-widget [error]="field.validationSummary" />
|
||||
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()"
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -26,8 +26,8 @@
|
||||
[title]="field.tooltip"
|
||||
(blur)="markAsTouched()">
|
||||
</mat-form-field>
|
||||
<error-widget [error]="field.validationSummary"></error-widget>
|
||||
<error-widget [error]="field.validationSummary" />
|
||||
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()"
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
|
||||
required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -2,23 +2,23 @@
|
||||
<ng-container *ngSwitchCase="'minimal'">
|
||||
<adf-toolbar [color]="color">
|
||||
<adf-toolbar-title>
|
||||
<ng-container *ngTemplateOutlet="toolbarTitleContent"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="toolbarTitleContent" />
|
||||
</adf-toolbar-title>
|
||||
<ng-container *ngTemplateOutlet="navbarTemplate"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="navbarTemplate" />
|
||||
<div class="adf-toolbar--spacer"></div>
|
||||
<ng-container *ngTemplateOutlet="toolbarActions"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="toolbarActions" />
|
||||
</adf-toolbar>
|
||||
</ng-container>
|
||||
|
||||
<ng-container *ngSwitchCase="'extended'">
|
||||
<adf-toolbar [color]="color">
|
||||
<adf-toolbar-title>
|
||||
<ng-container *ngTemplateOutlet="toolbarTitleContent"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="toolbarTitleContent" />
|
||||
</adf-toolbar-title>
|
||||
<ng-container *ngTemplateOutlet="toolbarActions"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="toolbarActions" />
|
||||
</adf-toolbar>
|
||||
<adf-toolbar [color]="color">
|
||||
<ng-container *ngTemplateOutlet="navbarTemplate"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="navbarTemplate" />
|
||||
</adf-toolbar>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
|
@ -1,5 +1,4 @@
|
||||
<adf-navbar-item *ngFor="let item of items"
|
||||
[routerLink]="item.routerLink"
|
||||
[label]="item.label">
|
||||
</adf-navbar-item>
|
||||
[label]="item.label" />
|
||||
<ng-content></ng-content>
|
||||
|
@ -1,5 +1,5 @@
|
||||
<ng-container *ngIf="isCustom; else: defaultIcon">
|
||||
<mat-icon [color]="color" [svgIcon]="value" aria-hidden="true"></mat-icon>
|
||||
<mat-icon [color]="color" [svgIcon]="value" aria-hidden="true" />
|
||||
</ng-container>
|
||||
|
||||
<ng-template #defaultIcon>
|
||||
|
@ -4,7 +4,7 @@
|
||||
|
||||
<ng-content *ngIf="!title" info-drawer-title select="[info-drawer-title]"></ng-content>
|
||||
<ng-content info-drawer-buttons select="[info-drawer-buttons]"></ng-content>
|
||||
<ng-container info-drawer-content *ngIf="showTabLayout(); then tabLayout else singleLayout"></ng-container>
|
||||
<ng-container info-drawer-content *ngIf="showTabLayout(); then tabLayout else singleLayout" />
|
||||
|
||||
<ng-template #tabLayout>
|
||||
<mat-tab-group [(selectedIndex)]="selectedIndex" class="adf-info-drawer-tabs" (selectedTabChange)="onTabChange($event)" [animationDuration]="0">
|
||||
@ -22,7 +22,7 @@
|
||||
<span *ngIf="contentBlock.label">{{ contentBlock.label | translate }}</span>
|
||||
</ng-template>
|
||||
|
||||
<ng-container *ngTemplateOutlet="contentBlock.content"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="contentBlock.content" />
|
||||
</mat-tab>
|
||||
</mat-tab-group>
|
||||
</ng-template>
|
||||
|
@ -86,9 +86,9 @@ describe('InfoDrawerComponent', () => {
|
||||
imports: [InfoDrawerTabComponent, InfoDrawerComponent],
|
||||
template: `
|
||||
<adf-info-drawer [selectedIndex]="tabIndex" [icon]="icon" title="Fake Title Custom">
|
||||
<adf-info-drawer-tab label="Tab1"></adf-info-drawer-tab>
|
||||
<adf-info-drawer-tab label="Tab2"></adf-info-drawer-tab>
|
||||
<adf-info-drawer-tab label="Tab3" icon="tab-icon"></adf-info-drawer-tab>
|
||||
<adf-info-drawer-tab label="Tab1" />
|
||||
<adf-info-drawer-tab label="Tab2" />
|
||||
<adf-info-drawer-tab label="Tab3" icon="tab-icon" />
|
||||
</adf-info-drawer>
|
||||
`
|
||||
})
|
||||
@ -166,7 +166,7 @@ describe('Custom InfoDrawer', () => {
|
||||
@Component({
|
||||
standalone: true,
|
||||
imports: [InfoDrawerComponent],
|
||||
template: ` <adf-info-drawer [showHeader]="showHeader" [icon]="icon" title="Fake Visibility Info Drawer Title"> </adf-info-drawer> `
|
||||
template: ` <adf-info-drawer [showHeader]="showHeader" [icon]="icon" title="Fake Visibility Info Drawer Title" /> `
|
||||
})
|
||||
class VisibilityInfoDrawerComponent extends InfoDrawerComponent {
|
||||
showHeader: boolean;
|
||||
|
@ -33,7 +33,7 @@ import { MatIconModule } from '@angular/material/icon';
|
||||
{{ 'ADF.LANGUAGE' | translate }}
|
||||
</button>
|
||||
<mat-menu #langMenu="matMenu">
|
||||
<adf-language-menu (changedLanguage)="changedLanguage.emit($event)"></adf-language-menu>
|
||||
<adf-language-menu (changedLanguage)="changedLanguage.emit($event)" />
|
||||
</mat-menu>
|
||||
`
|
||||
})
|
||||
|
@ -1,7 +1,7 @@
|
||||
<div class="adf-sidenav-layout-full-space">
|
||||
<ng-container *ngIf="!isHeaderInside">
|
||||
<ng-container class="adf-sidenav-layout-outer-header"
|
||||
*ngTemplateOutlet="headerTemplate; context:templateContext"></ng-container>
|
||||
*ngTemplateOutlet="headerTemplate; context:templateContext" />
|
||||
</ng-container>
|
||||
|
||||
<adf-layout-container #container
|
||||
@ -16,13 +16,13 @@
|
||||
class="adf-layout__content">
|
||||
|
||||
<ng-container app-layout-navigation
|
||||
*ngTemplateOutlet="navigationTemplate; context:templateContext"></ng-container>
|
||||
*ngTemplateOutlet="navigationTemplate; context:templateContext" />
|
||||
|
||||
<ng-container app-layout-content>
|
||||
<ng-container *ngIf="isHeaderInside">
|
||||
<ng-container *ngTemplateOutlet="headerTemplate; context:templateContext"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="headerTemplate; context:templateContext" />
|
||||
</ng-container>
|
||||
<ng-container *ngTemplateOutlet="contentTemplate; context:templateContext"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="contentTemplate; context:templateContext" />
|
||||
</ng-container>
|
||||
</adf-layout-container>
|
||||
|
||||
|
@ -4,8 +4,7 @@
|
||||
</header>
|
||||
|
||||
<mat-dialog-content class="adf-login-dialog-content">
|
||||
<adf-login-dialog-panel #adfLoginPanel (success)="onLoginSuccess($event)">
|
||||
</adf-login-dialog-panel>
|
||||
<adf-login-dialog-panel #adfLoginPanel (success)="onLoginSuccess($event)" />
|
||||
</mat-dialog-content>
|
||||
|
||||
<mat-dialog-actions class="adf-login-dialog-content-actions" align="end">
|
||||
|
@ -148,8 +148,7 @@
|
||||
id="checking-spinner"
|
||||
class="adf-login-checking-spinner"
|
||||
[strokeWidth]="4"
|
||||
[diameter]="25">
|
||||
</mat-spinner>
|
||||
[diameter]="25" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
|
@ -135,8 +135,7 @@
|
||||
<mat-spinner id="checking-spinner"
|
||||
class="adf-login-checking-spinner"
|
||||
[strokeWidth]="4"
|
||||
[diameter]="25">
|
||||
</mat-spinner>
|
||||
[diameter]="25" />
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="actualLoginStep === LoginSteps.Welcome"
|
||||
|
@ -36,7 +36,7 @@
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<mat-divider></mat-divider>
|
||||
<mat-divider />
|
||||
|
||||
<mat-list role="menuitem">
|
||||
<ng-container *ngIf="notifications.length; else empty_list_template">
|
||||
@ -67,7 +67,7 @@
|
||||
</ng-template>
|
||||
</mat-list>
|
||||
|
||||
<mat-divider></mat-divider>
|
||||
<mat-divider />
|
||||
|
||||
<div class="adf-notification-history-load-more" role="menuitem" *ngIf="hasMoreNotifications()">
|
||||
<button mat-button (click)="loadMore()">
|
||||
|
@ -12,5 +12,5 @@
|
||||
mode="indeterminate"
|
||||
class="adf-infinite-pagination-spinner"
|
||||
data-automation-id="adf-infinite-pagination-spinner"
|
||||
[attr.aria-label]="'DATA_LOADING' | translate"></mat-progress-bar>
|
||||
[attr.aria-label]="'DATA_LOADING' | translate" />
|
||||
</div>
|
||||
|
@ -6,8 +6,7 @@
|
||||
[color]="color"
|
||||
[attr.aria-label]="ariaLabel"
|
||||
[attr.aria-hidden]="ariaHidden"
|
||||
[attr.data-automation-id]="testId">
|
||||
</mat-progress-bar>
|
||||
[attr.data-automation-id]="testId" />
|
||||
</ng-container>
|
||||
|
||||
<ng-container *ngSwitchCase="'spinner'">
|
||||
@ -17,7 +16,6 @@
|
||||
[color]="color"
|
||||
[attr.aria-label]="ariaLabel"
|
||||
[attr.aria-hidden]="ariaHidden"
|
||||
[attr.data-automation-id]="testId">
|
||||
</mat-progress-spinner>
|
||||
[attr.data-automation-id]="testId" />
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
|
@ -1,5 +1,5 @@
|
||||
<div class="adf-empty-content" [title]="title | translate">
|
||||
<adf-icon class="adf-empty-content__icon" [value]="icon"></adf-icon>
|
||||
<adf-icon class="adf-empty-content__icon" [value]="icon" />
|
||||
<div class="adf-empty-content__title">{{ title | translate }}</div>
|
||||
<div class="adf-empty-content__subtitle">{{ subtitle | translate }}</div>
|
||||
<ng-content></ng-content>
|
||||
|
@ -7,6 +7,5 @@
|
||||
[id]="page.id"
|
||||
[ngClass]="{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}"
|
||||
[page]="page"
|
||||
(click)="goTo(page.id)">
|
||||
</adf-pdf-thumb>
|
||||
(click)="goTo(page.id)" />
|
||||
</div>
|
||||
|
@ -13,12 +13,11 @@
|
||||
</div>
|
||||
|
||||
<ng-container *ngIf="thumbnailsTemplate">
|
||||
<ng-container *ngTemplateOutlet="thumbnailsTemplate;context:pdfThumbnailsContext"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="thumbnailsTemplate;context:pdfThumbnailsContext" />
|
||||
</ng-container>
|
||||
<adf-pdf-thumbnails *ngIf="!thumbnailsTemplate && !isPanelDisabled"
|
||||
(close)="toggleThumbnails()"
|
||||
[pdfViewer]="pdfViewer">
|
||||
</adf-pdf-thumbnails>
|
||||
[pdfViewer]="pdfViewer" />
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
@ -34,7 +33,7 @@
|
||||
aria-expanded="true">
|
||||
<div id="loader-container" class="adf-loader-container">
|
||||
<div class="adf-loader-item">
|
||||
<mat-progress-bar class="adf-loader-item-progress-bar" mode="indeterminate"></mat-progress-bar>
|
||||
<mat-progress-bar class="adf-loader-item-progress-bar" mode="indeterminate" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -54,7 +53,7 @@
|
||||
(click)="toggleThumbnails()">
|
||||
<mat-icon>dashboard</mat-icon>
|
||||
</button>
|
||||
<adf-toolbar-divider></adf-toolbar-divider>
|
||||
<adf-toolbar-divider />
|
||||
</ng-container>
|
||||
|
||||
<button id="viewer-previous-page-button"
|
||||
|
@ -41,7 +41,7 @@ class TestDialogComponent {}
|
||||
@Component({
|
||||
standalone: true,
|
||||
imports: [PdfViewerComponent],
|
||||
template: ` <adf-pdf-viewer [allowThumbnails]="true" [showToolbar]="true" [urlFile]="urlFile"></adf-pdf-viewer> `
|
||||
template: ` <adf-pdf-viewer [allowThumbnails]="true" [showToolbar]="true" [urlFile]="urlFile" /> `
|
||||
})
|
||||
class UrlTestComponent {
|
||||
@ViewChild(PdfViewerComponent, { static: true })
|
||||
@ -57,7 +57,7 @@ class UrlTestComponent {
|
||||
@Component({
|
||||
standalone: true,
|
||||
imports: [PdfViewerComponent],
|
||||
template: ` <adf-pdf-viewer [allowThumbnails]="true" [showToolbar]="true" [urlFile]="urlFile"></adf-pdf-viewer> `
|
||||
template: ` <adf-pdf-viewer [allowThumbnails]="true" [showToolbar]="true" [urlFile]="urlFile" /> `
|
||||
})
|
||||
class UrlTestPasswordComponent {
|
||||
@ViewChild(PdfViewerComponent, { static: true })
|
||||
@ -73,7 +73,7 @@ class UrlTestPasswordComponent {
|
||||
@Component({
|
||||
standalone: true,
|
||||
imports: [PdfViewerComponent],
|
||||
template: ` <adf-pdf-viewer [allowThumbnails]="true" [showToolbar]="true" [blobFile]="blobFile"></adf-pdf-viewer> `
|
||||
template: ` <adf-pdf-viewer [allowThumbnails]="true" [showToolbar]="true" [blobFile]="blobFile" /> `
|
||||
})
|
||||
class BlobTestComponent {
|
||||
@ViewChild(PdfViewerComponent, { static: true })
|
||||
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user