[ACS-8956] Add new ESLint rule for self-closing tags (#4211)

This commit is contained in:
MichalKinas
2024-10-31 09:54:23 +01:00
committed by GitHub
parent d25c08a2c5
commit cacc4149fa
60 changed files with 200 additions and 256 deletions

View File

@@ -22,7 +22,7 @@
[value]="bulkSelectControl.value?.icon"
class="aca-bulk-actions-icon"
[attr.data-automation-id]="'aca-bulk-action-icon-' + bulkSelectControl.value?.id"
></adf-icon>
/>
{{ bulkSelectControl.value?.title | translate }}
</div>
</mat-select-trigger>
@@ -41,7 +41,7 @@
[value]="option.icon"
class="aca-bulk-actions-icon"
[attr.data-automation-id]="'aca-bulk-action-icon-' + option.id"
></adf-icon>
/>
{{ option.title | translate }}
</div>
</mat-option>

View File

@@ -38,7 +38,7 @@ import { TranslateModule } from '@ngx-translate/core';
{{ 'APP.LANGUAGE' | translate }}
</button>
<mat-menu #langMenu="matMenu">
<adf-language-menu></adf-language-menu>
<adf-language-menu />
</mat-menu>
`,
encapsulation: ViewEncapsulation.None

View File

@@ -2,28 +2,28 @@
<ng-container [ngSwitch]="actionRef.type">
<ng-container *ngSwitchCase="'menu'">
<button mat-menu-item [id]="actionRef.id" [matMenuTriggerFor]="childMenu">
<adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon"></adf-icon>
<adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon" />
<span [attr.data-automation-id]="actionRef.id + '-label'">{{ actionRef.title | translate }}</span>
</button>
<mat-menu #childMenu="matMenu">
<ng-container *ngFor="let child of actionRef.children; trackBy: trackByActionId">
<app-context-menu-item [actionRef]="child"></app-context-menu-item>
<app-context-menu-item [actionRef]="child" />
</ng-container>
</mat-menu>
</ng-container>
<ng-container *ngSwitchCase="'separator'">
<mat-divider></mat-divider>
<mat-divider />
</ng-container>
<ng-container *ngSwitchCase="'custom'">
<adf-dynamic-component [data]="actionRef.data" [id]="actionRef.component"></adf-dynamic-component>
<adf-dynamic-component [data]="actionRef.data" [id]="actionRef.component" />
</ng-container>
<ng-container *ngSwitchDefault>
<button mat-menu-item [id]="actionRef.id" (click)="runAction()">
<adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon"></adf-icon>
<adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon" />
<span [attr.data-automation-id]="actionRef.id + '-label'">{{ actionRef.title | translate }}</span>
</button>
</ng-container>

View File

@@ -5,30 +5,30 @@
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId" [ngSwitch]="entry.type">
<ng-container *ngSwitchDefault>
<button mat-menu-item [id]="entry.id" (click)="runAction(entry)">
<adf-icon [value]="entry.icon" class="app-context-menu-item--icon"></adf-icon>
<adf-icon [value]="entry.icon" class="app-context-menu-item--icon" />
<span [attr.data-automation-id]="entry.id + '-label'">{{ entry.title | translate }}</span>
</button>
</ng-container>
<ng-container *ngSwitchCase="'separator'">
<mat-divider></mat-divider>
<mat-divider />
</ng-container>
<ng-container *ngSwitchCase="'menu'">
<button mat-menu-item [id]="entry.id" [matMenuTriggerFor]="childMenu">
<adf-icon [value]="entry.icon" class="app-context-menu-item--icon"></adf-icon>
<adf-icon [value]="entry.icon" class="app-context-menu-item--icon" />
<span [attr.data-automation-id]="entry.id + '-label'">{{ entry.title | translate }}</span>
</button>
<mat-menu #childMenu="matMenu">
<ng-container *ngFor="let child of entry.children; trackBy: trackByActionId">
<app-context-menu-item [actionRef]="child"></app-context-menu-item>
<app-context-menu-item [actionRef]="child" />
</ng-container>
</mat-menu>
</ng-container>
<ng-container *ngSwitchCase="'custom'">
<adf-dynamic-component [data]="entry.data" [id]="entry.component"></adf-dynamic-component>
<adf-dynamic-component [data]="entry.data" [id]="entry.component" />
</ng-container>
</ng-container>
</mat-menu>

View File

@@ -1,7 +1,7 @@
<aca-page-layout>
<div class="aca-page-layout-header">
<adf-breadcrumb [root]="title" [folderNode]="node" (navigate)="onBreadcrumbNavigate($event)"> </adf-breadcrumb>
<aca-toolbar [items]="actions"></aca-toolbar>
<adf-breadcrumb [root]="title" [folderNode]="node" (navigate)="onBreadcrumbNavigate($event)" />
<aca-toolbar [items]="actions" />
</div>
<div class="aca-page-layout-content">
@@ -13,7 +13,7 @@
{{ node.name }} </span>
</div>
<div class="aca-details-buttons">
<aca-toolbar [items]="aspectActions" info-drawer-buttons></aca-toolbar>
<aca-toolbar [items]="aspectActions" info-drawer-buttons />
<button
class="aca-close-details-button"
mat-icon-button
@@ -28,17 +28,17 @@
<mat-tab-group [selectedIndex]="activeTab" class="aca-details-tabs" animationDuration="0" mat-stretch-tabs="false" mat-align-tabs="start">
<mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PROPERTIES' | translate }}">
<ng-template matTabContent>
<app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-metadata-tab>
<app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node" />
</ng-template>
</mat-tab>
<mat-tab label="{{ 'APP.INFO_DRAWER.TABS.COMMENTS' | translate }}">
<ng-template matTabContent>
<app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-comments-tab>
<app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node" />
</ng-template>
</mat-tab>
<mat-tab [disabled]="!canManagePermissions" label="{{ 'APP.INFO_DRAWER.TABS.PERMISSIONS' | translate }}">
<ng-template matTabContent>
<adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id"></adf-permission-list>
<adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id" />
</ng-template>
</mat-tab>
</mat-tab-group>
@@ -47,5 +47,5 @@
</aca-page-layout>
<ng-template #loading>
<mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
<mat-progress-bar color="primary" mode="indeterminate" />
</ng-template>

View File

@@ -1,19 +1,19 @@
<div class="aca-datatable-cell-badges-container">
<ng-container *ngFor="let badge of badges">
<adf-dynamic-component
*ngIf="badge.component; else iconBadge"
[id]="badge.component"
<adf-dynamic-component
*ngIf="badge.component; else iconBadge"
[id]="badge.component"
[data]="{ node }"
></adf-dynamic-component>
/>
<ng-template #iconBadge>
<adf-icon
<adf-icon
class="adf-datatable-cell-badge"
[title]="badge.tooltip | translate"
[value]="badge.icon"
(click)="onBadgeClick(badge)"
(keypress.enter)="onKeyPress(badge)"
tabindex="0"
></adf-icon>
/>
</ng-template>
</ng-container>
</div>

View File

@@ -16,8 +16,8 @@
</span>
<ng-container *ngIf="isFile && isFileWriteLocked">
<aca-locked-by [node]="context.row.node"></aca-locked-by>
<aca-locked-by [node]="context.row.node" />
</ng-container>
</div>
<aca-datatable-cell-badges [node]="node"></aca-datatable-cell-badges>
<aca-datatable-cell-badges [node]="node" />
</div>

View File

@@ -29,7 +29,7 @@ import { TagNodeListComponent } from '@alfresco/adf-content-services';
standalone: true,
imports: [TagNodeListComponent],
selector: 'aca-tags-column',
template: `<adf-tag-node-list [showDelete]="false" [limitTagsDisplayed]="true" [nodeId]="nodeId" (results)="onTagsLoaded()"></adf-tag-node-list>`,
template: `<adf-tag-node-list [showDelete]="false" [limitTagsDisplayed]="true" [nodeId]="nodeId" (results)="onTagsLoaded()" />`,
styleUrls: ['./tags-column.component.scss'],
encapsulation: ViewEncapsulation.None,
host: {

View File

@@ -1,4 +1,4 @@
<mat-icon class="adf-datatable-selected" *ngIf="isSelected" svgIcon="selected"></mat-icon>
<mat-icon class="adf-datatable-selected" *ngIf="isSelected" svgIcon="selected" />
<ng-container *ngIf="!isSelected">
<ng-container *ngIf="isIcon; else image">
<mat-icon>{{thumbnailUrl}}</mat-icon>

View File

@@ -3,7 +3,7 @@
<h1 class="aca-page-title">
{{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
</h1>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
<div class="aca-page-layout-content">
@@ -33,8 +33,7 @@
icon="library_books"
[title]="'APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TITLE'"
subtitle="APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TEXT"
>
</adf-empty-content>
/>
</adf-custom-empty-content-template>
<data-columns>
@@ -54,7 +53,7 @@
[sortingKey]="column.sortingKey || column.key"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -72,8 +71,7 @@
[sortable]="column.sortable"
[isHidden]="column.isHidden"
[sortingKey]="column.sortingKey || column.key"
>
</data-column>
/>
</ng-container>
</ng-container>
</data-columns>
@@ -86,12 +84,11 @@
(changePageNumber)="onChange($event)"
(nextPage)="onChange($event)"
(prevPage)="onChange($event)"
>
</adf-pagination>
/>
</div>
<div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer>
<aca-info-drawer [node]="selection.last" />
</div>
</div>
</aca-page-layout>

View File

@@ -2,14 +2,13 @@
<div class="aca-page-layout-header">
<aca-search-ai-input-container
*ngIf="searchAiInputState.active; else header"
[agentId]="searchAiInputState.selectedAgentId">
</aca-search-ai-input-container>
[agentId]="searchAiInputState.selectedAgentId" />
<ng-template #header>
<div class="aca-header-container">
<h1 class="aca-page-title">
{{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.FAVORITES.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
</h1>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
</ng-template>
</div>
@@ -36,8 +35,7 @@
(name-click)="handleNodeClick($event)"
>
<adf-custom-empty-content-template>
<adf-empty-content icon="star_rate" [title]="'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
</adf-empty-content>
<adf-empty-content icon="star_rate" [title]="'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT" />
</adf-custom-empty-content-template>
<data-columns>
@@ -57,7 +55,7 @@
[sortingKey]="column.sortingKey || column.key"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -75,18 +73,17 @@
[sortable]="column.sortable"
[isHidden]="column.isHidden"
[sortingKey]="column.sortingKey || column.key"
>
</data-column>
/>
</ng-container>
</ng-container>
</data-columns>
</adf-document-list>
<adf-pagination acaPagination [target]="documentList"> </adf-pagination>
<adf-pagination acaPagination [target]="documentList" />
</div>
<div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer>
<aca-info-drawer [node]="selection.last" />
</div>
</div>
</aca-page-layout>

View File

@@ -2,23 +2,21 @@
<div class="aca-page-layout-header">
<aca-search-ai-input-container
*ngIf="searchAiInputState.active; else header"
[agentId]="searchAiInputState.selectedAgentId">
</aca-search-ai-input-container>
[agentId]="searchAiInputState.selectedAgentId" />
<ng-template #header>
<div class="aca-header-container">
<adf-breadcrumb
[root]="title"
[folderNode]="node"
[selectedRowItemsCount]="selectedRowItemsCount" [maxItems]="isSmallScreen ? 1 : 0"
(navigate)="onBreadcrumbNavigate($event)">
</adf-breadcrumb>
<aca-toolbar [items]="actions"></aca-toolbar>
(navigate)="onBreadcrumbNavigate($event)" />
<aca-toolbar [items]="actions" />
</div>
</ng-template>
</div>
<div class="aca-page-layout-error">
<aca-generic-error></aca-generic-error>
<aca-generic-error />
</div>
<div class="aca-page-layout-content">
@@ -67,7 +65,7 @@
[resizable]="column.resizable"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"></adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -85,8 +83,7 @@
[isHidden]="column.isHidden"
[draggable]="column.draggable"
[resizable]="column.resizable"
>
</data-column>
/>
</ng-container>
</ng-container>
</data-columns>
@@ -102,7 +99,7 @@
</adf-custom-empty-content-template>
</adf-document-list>
<adf-pagination acaPagination [target]="documentList"> </adf-pagination>
<adf-pagination acaPagination [target]="documentList" />
</adf-upload-drag-area>
</div>
@@ -110,11 +107,10 @@
id="adf-document-list-loading"
class="adf-document-list-loading-margin"
[color]="'primary'"
[mode]="'indeterminate'">
</mat-progress-spinner>
[mode]="'indeterminate'" />
<div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer>
<aca-info-drawer [node]="selection.last" />
</div>
</div>
</aca-page-layout>

View File

@@ -33,8 +33,8 @@ import { NodeCommentsModule } from '@alfresco/adf-content-services';
imports: [MatCardModule, NodeCommentsModule],
selector: 'app-comments-tab',
template: `<mat-card class="adf-comments-tab-container" appearance="raised"
><adf-node-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"></adf-node-comments
></mat-card>`,
><adf-node-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"
/></mat-card>`,
styles: ['app-comments-tab mat-card { padding: 16px }'],
encapsulation: ViewEncapsulation.None,
styleUrls: ['./comments-tab.component.scss']

View File

@@ -30,7 +30,7 @@ import { LibraryMetadataFormComponent } from './library-metadata-form.component'
standalone: true,
imports: [LibraryMetadataFormComponent],
selector: 'app-library-metadata-tab',
template: '<app-library-metadata-form [node]="node"></app-library-metadata-form>',
template: '<app-library-metadata-form [node]="node" />',
host: { class: 'app-metadata-tab' },
encapsulation: ViewEncapsulation.None
})

View File

@@ -53,8 +53,7 @@ import { Store } from '@ngrx/store';
[displayCategories]="displayCategories"
[displayTags]="displayTags"
[displayAspect]="metadataAspect"
>
</adf-content-metadata>
/>
`,
encapsulation: ViewEncapsulation.None,
host: { class: 'app-metadata-tab' }

View File

@@ -43,8 +43,7 @@ import { AppSettingsService } from '@alfresco/aca-shared';
[allowViewVersions]="settings.versionManagerAllowViewVersions"
[allowVersionDelete]="settings.versionManagerAllowVersionDelete"
[showActions]="settings.versionManagerShowActions"
>
</adf-version-manager>
/>
</ng-container>
<ng-template #empty>

View File

@@ -7,8 +7,7 @@
data-automation-id="aca-agents-button">
<adf-icon
value="adf:colored-stars-ai"
class="aca-agents-button-icon">
</adf-icon>
class="aca-agents-button-icon" />
{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.AGENTS_BUTTON.LABEL' | translate}}
</button>
<mat-menu
@@ -26,7 +25,7 @@
[attr.data-automation-id]="'aca-agents-button-agent-' + agent.id"
[value]="agent">
<div class="aca-agents-button-menu-list-agent-content">
<adf-avatar [src]="agent?.avatarUrl" [initials]="initialsByAgentId[agent.id]"></adf-avatar>
<adf-avatar [src]="agent?.avatarUrl" [initials]="initialsByAgentId[agent.id]" />
<span class="aca-agents-button-menu-list-agent-content-name" [matTooltip]="agent.name" [matTooltipPosition]="'right'">
{{ agent.name }}
</span>

View File

@@ -2,12 +2,10 @@
[searchTerm]="(inputState$ | async).searchTerm"
[placeholder]="placeholder"
[agentId]="agentId"
[usedInAiResultsPage]="usedInAiResultsPage">
</aca-search-ai-input>
[usedInAiResultsPage]="usedInAiResultsPage" />
<mat-divider
[vertical]="true"
class="aca-search-ai-input-container-divider">
</mat-divider>
class="aca-search-ai-input-container-divider" />
<button
mat-icon-button
(click)="leaveSearchInput()"

View File

@@ -9,8 +9,7 @@
<adf-avatar
[src]="agentControl.value?.avatarUrl"
[initials]="initialsByAgentId[agentControl.value?.id]"
size="26px">
</adf-avatar>
size="26px" />
<span class="aca-search-ai-input-agent-select-displayed-value-text">{{ agentControl.value?.name }}</span>
</mat-select-trigger>
<mat-option
@@ -18,7 +17,7 @@
[value]="agent"
class="aca-search-ai-input-agent-select-options-option"
[attr.data-automation-id]="'aca-search-ai-input-agent-' + agent.id"><div class="aca-search-ai-input-agent-select-options-option-content">
<adf-avatar [src]="agent?.avatarUrl" [initials]="initialsByAgentId[agent.id]"></adf-avatar>
<adf-avatar [src]="agent?.avatarUrl" [initials]="initialsByAgentId[agent.id]" />
<span class="aca-search-ai-input-agent-select-options-option-content-text" [matTooltip]="agent.name" [matTooltipPosition]="'right'">{{ agent.name }}</span>
</div>
</mat-option>
@@ -30,8 +29,7 @@
<adf-avatar
[initials]="initialsByAgentId[agentControl.value?.id]"
[src]="agentControl.value?.avatarUrl"
size="50px">
</adf-avatar>
size="50px" />
<span class="aca-search-ai-input-agent-popup-hover-card-container-title-name"
[matTooltipPosition]="'right'"
[matTooltip]="agentControl.value?.name">
@@ -58,6 +56,6 @@
(click)="onSearchSubmit()"
[disabled]="!queryControl.value"
data-automation-id="aca-search-ai-asking-button">
<adf-icon [value]="'adf:three_magic_stars_ai'"></adf-icon>
<adf-icon [value]="'adf:three_magic_stars_ai'" />
<span class="aca-search-ai-asking-button-label">{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.SEARCH_INPUT.ASK_BUTTON_LABEL' | translate }}</span>
</button>

View File

@@ -4,8 +4,7 @@
placeholder="KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.QUERY_INPUT_PLACEHOLDER"
[agentId]="agentId"
[usedInAiResultsPage]="true"
*ngIf="!hasError && agentId">
</aca-search-ai-input-container>
*ngIf="!hasError && agentId" />
<div
class="aca-page-layout-content"
*ngIf="!hasError">
@@ -44,7 +43,7 @@
<mat-icon>copy</mat-icon>
</button>
<ng-container *ngIf="nodes?.length">
<mat-divider class="aca-search-ai-response-container-body-divider"></mat-divider>
<mat-divider class="aca-search-ai-response-container-body-divider" />
<div class="aca-search-ai-response-container-body-references-container">
<p class="aca-search-ai-response-container-body-references-container-header">
{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REFERENCED_DOCUMENTS_HEADER' | translate }}
@@ -91,8 +90,7 @@
class="aca-page-layout-content"
icon="star"
title="KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.PAGE_NOT_AVAILABLE_ERROR"
*ngIf="hasError">
</adf-empty-content>
*ngIf="hasError" />
</aca-page-layout>
<ng-template #skeleton>

View File

@@ -3,7 +3,7 @@
<h1 class="aca-page-title">
{{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.LIBRARIES.MENU.MY_LIBRARIES.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
</h1>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
<div class="aca-page-layout-content">
@@ -32,8 +32,7 @@
icon="library_books"
[title]="'APP.BROWSE.LIBRARIES.EMPTY_STATE.FILE_LIBRARIES.TITLE'"
subtitle="APP.BROWSE.LIBRARIES.EMPTY_STATE.FILE_LIBRARIES.TEXT"
>
</adf-empty-content>
/>
</adf-custom-empty-content-template>
<data-columns>
@@ -53,7 +52,7 @@
[sortingKey]="column.sortingKey || column.key"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -71,18 +70,17 @@
[sortable]="column.sortable"
[isHidden]="column.isHidden"
[sortingKey]="column.sortingKey || column.key"
>
</data-column>
/>
</ng-container>
</ng-container>
</data-columns>
</adf-document-list>
<adf-pagination acaPagination [target]="documentList"> </adf-pagination>
<adf-pagination acaPagination [target]="documentList" />
</div>
<div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="$any(selection).library"></aca-info-drawer>
<aca-info-drawer [node]="$any(selection).library" />
</div>
</div>
</aca-page-layout>

View File

@@ -2,14 +2,13 @@
<div class="aca-page-layout-header">
<aca-search-ai-input-container
*ngIf="searchAiInputState.active; else header"
[agentId]="searchAiInputState.selectedAgentId">
</aca-search-ai-input-container>
[agentId]="searchAiInputState.selectedAgentId" />
<ng-template #header>
<div class="aca-header-container">
<h1 class="aca-page-title">
{{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.RECENT.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
</h1>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
</ng-template>
</div>
@@ -36,8 +35,7 @@
(name-click)="handleNodeClick($event)"
>
<adf-custom-empty-content-template>
<adf-empty-content icon="access_time" [title]="'APP.BROWSE.RECENT.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.RECENT.EMPTY_STATE.TEXT">
</adf-empty-content>
<adf-empty-content icon="access_time" [title]="'APP.BROWSE.RECENT.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.RECENT.EMPTY_STATE.TEXT" />
</adf-custom-empty-content-template>
<data-columns>
@@ -57,7 +55,7 @@
[sortingKey]="column.sortingKey || column.key"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -75,18 +73,17 @@
[draggable]="column.draggable"
[resizable]="column.resizable"
[sortingKey]="column.sortingKey || column.key"
>
</data-column>
/>
</ng-container>
</ng-container>
</data-columns>
</adf-document-list>
<adf-pagination acaPagination [target]="documentList"> </adf-pagination>
<adf-pagination acaPagination [target]="documentList" />
</div>
<div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer>
<aca-info-drawer [node]="selection.last" />
</div>
</div>
</aca-page-layout>

View File

@@ -35,8 +35,7 @@
(click)="$event.stopPropagation()"
(submit)="onSearchSubmit($event)"
(searchChange)="onSearchChange($event)"
>
</app-search-input-control>
/>
<mat-hint *ngIf="hasLibrariesConstraint" class="app-search-hint">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>
<div id="search-options" class="app-search-options">

View File

@@ -1,15 +1,15 @@
<aca-page-layout>
<div class="aca-page-layout-header">
<aca-search-input></aca-search-input>
<aca-search-input />
<div class="aca-search-toolbar-spacer"></div>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
<div class="aca-page-layout-content">
<div class="aca-main-content">
<div class="adf-search-results">
<div class="adf-search-results__content">
<mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate"></mat-progress-bar>
<mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate" />
<div class="adf-search-results__content-header aca-content-lib" *ngIf="data?.list.entries.length">
<div class="aca-content__side--left">
<div class="adf-search-results--info-text" *ngIf="totalResults !== 1">
@@ -52,7 +52,7 @@
[resizable]="column.resizable"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -68,8 +68,7 @@
[sortable]="column.sortable"
[draggable]="column.draggable"
[resizable]="column.resizable"
>
</data-column>
/>
</ng-container>
</ng-container>
</data-columns>
@@ -85,13 +84,12 @@
</adf-custom-empty-content-template>
</adf-document-list>
<adf-pagination *ngIf="totalResults > 0" acaPagination [target]="documentList" (change)="onPaginationChanged($event)">
</adf-pagination>
<adf-pagination *ngIf="totalResults > 0" acaPagination [target]="documentList" (change)="onPaginationChanged($event)" />
</div>
</div>
</div>
<div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer>
<aca-info-drawer [node]="selection.last" />
</div>
</div>
</aca-page-layout>

View File

@@ -34,8 +34,8 @@
[innerHTML]="description$ | async"
></div>
<div class="aca-result-location">
<aca-location-link [context]="context" [showLocation]="true"></aca-location-link>
<aca-location-link [context]="context" [showLocation]="true" />
</div>
<div class="aca-result-content aca-crop-text" [title]="contentStripped" [innerHTML]="content$ | async"></div>
</div>
<aca-datatable-cell-badges [node]="context.row.node"></aca-datatable-cell-badges>
<aca-datatable-cell-badges [node]="context.row.node" />

View File

@@ -2,13 +2,12 @@
<div class="aca-page-layout-header">
<aca-search-ai-input-container
*ngIf="searchAiInputState.active"
[agentId]="searchAiInputState.selectedAgentId">
</aca-search-ai-input-container>
[agentId]="searchAiInputState.selectedAgentId" />
<div class="aca-header-container">
<aca-search-input></aca-search-input>
<aca-bulk-actions-dropdown *ngIf="bulkActions" [items]="bulkActions"></aca-bulk-actions-dropdown>
<aca-search-input />
<aca-bulk-actions-dropdown *ngIf="bulkActions" [items]="bulkActions" />
<div class="aca-search-toolbar-spacer"></div>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
</div>
@@ -16,13 +15,13 @@
<div class="aca-main-content">
<div class="adf-search-results">
<div class="adf-search-results__content">
<mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate" aria-live="polite"> </mat-progress-bar>
<mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate" aria-live="polite" />
<div class="adf-search-results__content-header aca-content">
<div class="aca-content__filter-set">
<p>{{ 'APP.BROWSE.SEARCH.FILTER_SET' | translate }}</p>
<adf-search-form></adf-search-form>
<adf-search-form />
</div>
<mat-divider [vertical]="true" class="aca-content__divider"></mat-divider>
<mat-divider [vertical]="true" class="aca-content__divider" />
<div class="aca-content__advanced-filters">
<div class="aca-content__advanced-filters--header">
<p>{{ 'APP.BROWSE.SEARCH.ADVANCED_FILTERS' | translate }}</p>
@@ -47,7 +46,7 @@
</button>
</div>
</div>
<adf-search-filter-chips></adf-search-filter-chips>
<adf-search-filter-chips />
</div>
</div>
@@ -70,12 +69,12 @@
<data-columns>
<data-column id="app.search.thumbnail" key="$thumbnail" type="image" [sr-title]="'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL'" [sortable]="false">
<ng-template let-context>
<aca-custom-thumbnail-column [context]="context"></aca-custom-thumbnail-column>
<aca-custom-thumbnail-column [context]="context" />
</ng-template>
<adf-data-column-header>
<ng-template>
<aca-search-action-menu (sortingSelected)="onSearchSortingUpdate($event)"></aca-search-action-menu>
<aca-search-action-menu (sortingSelected)="onSearchSortingUpdate($event)" />
</ng-template>
</adf-data-column-header>
</data-column>
@@ -96,7 +95,7 @@
[resizable]="column.resizable"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -114,8 +113,7 @@
[isHidden]="column.isHidden"
[draggable]="column.draggable"
[resizable]="column.resizable"
>
</data-column>
/>
</ng-container>
</ng-container>
</data-columns>
@@ -131,8 +129,7 @@
</adf-custom-empty-content-template>
</adf-document-list>
<adf-pagination *ngIf="totalResults > 0" acaPagination [target]="documentList" (change)="onPaginationChanged($event)">
</adf-pagination>
<adf-pagination *ngIf="totalResults > 0" acaPagination [target]="documentList" (change)="onPaginationChanged($event)" />
</div>
</div>
</div>
@@ -172,7 +169,7 @@
</adf-alfresco-viewer>
<ng-template #infoDrawerPanel>
<div class="aca-sidebar">
<aca-info-drawer [node]="selection.last"></aca-info-drawer>
<aca-info-drawer [node]="selection.last" />
</div>
</ng-template>
</div>

View File

@@ -1 +1 @@
<app-expand-menu *ngIf="item" [item]="item" (actionClicked)="onActionClick()"></app-expand-menu>
<app-expand-menu *ngIf="item" [item]="item" (actionClicked)="onActionClick()" />

View File

@@ -2,15 +2,14 @@
<div class="aca-page-layout-header">
<aca-search-ai-input-container
*ngIf="searchAiInputState.active; else header"
[agentId]="searchAiInputState.selectedAgentId">
</aca-search-ai-input-container>
[agentId]="searchAiInputState.selectedAgentId" />
<ng-template #header>
<div class="aca-header-container">
<h1 class="aca-page-title">
{{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.SHARED.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
</h1>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
</ng-template>
</div>
@@ -36,8 +35,7 @@
(name-click)="handleNodeClick($event)"
>
<adf-custom-empty-content-template>
<adf-empty-content icon="people" [title]="'APP.BROWSE.SHARED.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.SHARED.EMPTY_STATE.TEXT">
</adf-empty-content>
<adf-empty-content icon="people" [title]="'APP.BROWSE.SHARED.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.SHARED.EMPTY_STATE.TEXT" />
</adf-custom-empty-content-template>
<data-columns>
@@ -57,7 +55,7 @@
[sortingKey]="column.sortingKey || column.key"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -75,18 +73,17 @@
[sortable]="column.sortable"
[isHidden]="column.isHidden"
[sortingKey]="column.sortingKey || column.key"
>
</data-column>
/>
</ng-container>
</ng-container>
</data-columns>
</adf-document-list>
<adf-pagination acaPagination [target]="documentList"></adf-pagination>
<adf-pagination acaPagination [target]="documentList" />
</div>
<div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer>
<aca-info-drawer [node]="selection.last" />
</div>
</div>
</aca-page-layout>

View File

@@ -1,7 +1,7 @@
<ng-container *ngIf="sharedLinkId">
<adf-alfresco-viewer [allowPrint]="false" [allowDownload]="false" [allowFullScreen]="false" [sharedLinkId]="sharedLinkId" [allowGoBack]="false">
<adf-viewer-toolbar-actions>
<aca-toolbar [items]="viewerToolbarActions"></aca-toolbar>
<aca-toolbar [items]="viewerToolbarActions" />
</adf-viewer-toolbar-actions>
</adf-alfresco-viewer>
</ng-container>

View File

@@ -9,7 +9,7 @@
[attr.title]="item.description | translate"
[attr.data-automation-id]="item.id"
>
<adf-icon [value]="item.icon"></adf-icon>
<adf-icon [value]="item.icon" />
</button>
</ng-container>
@@ -28,7 +28,7 @@
'action-button--active': acaMenuPanel.hasActiveChildren
}"
>
<adf-icon [value]="item.icon"></adf-icon>
<adf-icon [value]="item.icon" />
</button>
<mat-menu #menu="matMenu" [overlapTrigger]="false">
@@ -43,7 +43,7 @@
mat-menu-item
class="action-button"
>
<adf-icon *ngIf="child.icon" [value]="child.icon"></adf-icon>
<adf-icon *ngIf="child.icon" [value]="child.icon" />
<span class="action-button__label">{{ child.title | translate }}</span>
</button>
</mat-menu>

View File

@@ -10,7 +10,7 @@
mat-button
class="aca-action-button aca-full-width"
>
<adf-icon *ngIf="item.icon" [value]="item.icon"></adf-icon>
<adf-icon *ngIf="item.icon" [value]="item.icon" />
<span class="action-button__label">{{ item.title | translate }}</span>
</button>
</div>
@@ -32,7 +32,7 @@
[attr.data-automation-id]="item.id"
class="aca-action-button aca-full-width"
>
<adf-icon *ngIf="item.icon" [value]="item.icon"></adf-icon>
<adf-icon *ngIf="item.icon" [value]="item.icon" />
<span class="aca-action-button__label">{{ item.title | translate }}</span>
</span>
</div>
@@ -51,7 +51,7 @@
mat-button
class="aca-action-button aca-full-width"
>
<adf-icon *ngIf="child.icon" [value]="child.icon"></adf-icon>
<adf-icon *ngIf="child.icon" [value]="child.icon" />
<span class="aca-action-button__label">{{ child.title | translate }}</span>
</button>
</div>

View File

@@ -18,6 +18,6 @@
{{ appName | translate }}
</div>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
</div>

View File

@@ -1,14 +1,14 @@
<div class="aca-sidenav">
<app-sidenav-header (toggleNavBar)="toggleClick()"></app-sidenav-header>
<app-sidenav-header (toggleNavBar)="toggleClick()" />
<div class="aca-sidenav__section">
<div *ngFor="let group of groups; trackBy: trackByGroupId" class="aca-sidenav__section__actions">
<mat-list-item class="aca-sidenav__section__actions__item" *ngFor="let item of group.items; trackBy: trackByLinkId">
<ng-container *ngIf="!item.component">
<app-expand-menu [item]="item"></app-expand-menu>
<app-expand-menu [item]="item" />
</ng-container>
<ng-container *ngIf="item.component">
<adf-dynamic-component [data]="{ item: item, state: 'expanded' }" [id]="item.component"></adf-dynamic-component>
<adf-dynamic-component [data]="{ item: item, state: 'expanded' }" [id]="item.component" />
</ng-container>
</mat-list-item>
</div>

View File

@@ -9,6 +9,6 @@
<mat-menu #menu="matMenu" xPosition="before">
<ng-container *ngFor="let item of data.items">
<app-toolbar-menu-item [actionRef]="item"></app-toolbar-menu-item>
<app-toolbar-menu-item [actionRef]="item" />
</ng-container>
</mat-menu>

View File

@@ -4,7 +4,7 @@
{{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.TRASHCAN.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
</h1>
<aca-toolbar [items]="actions"></aca-toolbar>
<aca-toolbar [items]="actions" />
</div>
<div class="aca-page-layout-content">
@@ -54,7 +54,7 @@
[sortingKey]="column.sortingKey || column.key"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
<adf-dynamic-column [id]="column.template" [context]="context" />
</ng-template>
</data-column>
</ng-container>
@@ -72,8 +72,7 @@
[resizable]="column.resizable"
[isHidden]="column.isHidden"
[sortingKey]="column.sortingKey || column.key"
>
</data-column>
/>
</ng-container>
</ng-container>
@@ -82,12 +81,11 @@
class="adf-ellipsis-cell"
key="archivedByUser.displayName"
title="APP.DOCUMENT_LIST.COLUMNS.DELETED_BY"
>
</data-column>
/>
</data-columns>
</adf-document-list>
<adf-pagination acaPagination [target]="documentList"> </adf-pagination>
<adf-pagination acaPagination [target]="documentList" />
</div>
</div>
</aca-page-layout>

View File

@@ -1,2 +1 @@
<adf-file-uploading-dialog *ngIf="showFileUploadingDialog$ | async" position="left">
</adf-file-uploading-dialog>
<adf-file-uploading-dialog *ngIf="showFileUploadingDialog$ | async" position="left" />

View File

@@ -27,33 +27,33 @@
(click)="onSaveGeneralData(profileForm)">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>
</div>
</div>
<mat-divider class="app-divider" *ngIf="generalSectionDropdown"></mat-divider>
<mat-divider class="app-divider" *ngIf="generalSectionDropdown" />
<div *ngIf="generalSectionDropdown">
<div class="app-general-dropdown">
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>
<p class="app-profile-general-dropdown-details">{{personDetails?.firstName}}</p>
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>
<p class="app-profile-general-dropdown-details">{{personDetails?.lastName}}</p>
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>
<p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.jobTitle}}</p>
<input type="text" value="" formControlName="jobTitle" *ngIf="!generalSectionButtonsToggle"
class="app-profile-general-dropdown-input-details app-selected">
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>
<p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.location}}</p>
<input type="text" value="" formControlName="location" *ngIf="!generalSectionButtonsToggle"
class="app-profile-general-dropdown-input-details app-selected">
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>
<p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.telephone}}</p>
@@ -63,7 +63,7 @@
{{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
</mat-error>
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>
<p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.mobile}}</p>
@@ -96,7 +96,7 @@
(click)="onSaveCompanyData(profileForm)">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>
</div>
</div>
<mat-divider class="app-divider" *ngIf="contactSectionDropdown"></mat-divider>
<mat-divider class="app-divider" *ngIf="contactSectionDropdown" />
<div *ngIf="contactSectionDropdown">
<div class="app-general-dropdown">
<div class="app-general-dropdown-details">
@@ -105,21 +105,21 @@
<input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyName"
class="app-profile-general-dropdown-input-details app-selected">
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>
<p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.address1}}</p>
<input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyAddress"
class="app-profile-general-dropdown-input-details app-selected">
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>
<p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.postcode}}</p>
<input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyPostCode"
class="app-profile-general-dropdown-input-details app-selected">
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>
<p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.telephone}}</p>
@@ -129,7 +129,7 @@
{{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
</mat-error>
</div>
<mat-divider class="app-general-dropdown-divider"></mat-divider>
<mat-divider class="app-general-dropdown-divider" />
<div class="app-general-dropdown-details">
<h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>
<p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.email}}</p>