inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-8956] Introduce new ESLint rule for self-closing tags (#10354)

Browse Source
This commit is contained in:
MichalKinas
2024-11-04 10:58:24 +01:00
committed by GitHub
parent 3f1b88a62c
commit f07636e297
247 changed files with 710 additions and 1359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/core/src/lib/about/about-extension-list/about-extension-list.component.html
View File

@@ -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
lib/core/src/lib/about/about-license-list/about-license-list.component.html
View File

@@ -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>

4
lib/core/src/lib/about/about-module-list/module-list.component.html
View File

@@ -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
lib/core/src/lib/about/about-package/package-list.component.html
View File

@@ -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>

6
lib/core/src/lib/about/about-repository-info/about-repository-info.component.html
View File

@@ -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>

4
lib/core/src/lib/about/about-status-list/about-status-list.component.html
View File

@@ -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>

2
lib/core/src/lib/about/about.component.html
View File

@@ -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>

14
lib/core/src/lib/button/button.component.html
View File

@@ -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>

12
lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
View File

@@ -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>

4
lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.html
View File

@@ -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>

2
lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html
View File

@@ -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"

3
lib/core/src/lib/card-view/components/card-view/card-view.component.html
View File

@@ -10,8 +10,7 @@
[copyToClipboardAction]="copyToClipboardAction"
[useChipsForMultiValueProperty]="useChipsForMultiValueProperty"
[multiValueSeparator]="multiValueSeparator"
[displayLabelForChips]="displayLabelForChips">
</adf-card-view-item-dispatcher>
[displayLabelForChips]="displayLabelForChips" />
</div>
</div>
</div>

3
lib/core/src/lib/comments/comments.component.html
View File

@@ -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>

4
lib/core/src/lib/datatable/components/columns-selector/columns-selector.component.html
View File

@@ -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

39
lib/core/src/lib/datatable/components/datatable/datatable.component.html
View File

@@ -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>

6
lib/core/src/lib/dialogs/dialog/dialog.component.html
View File

@@ -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">

10
lib/core/src/lib/form/components/form-renderer.component.html
View File

@@ -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>

4
lib/core/src/lib/form/components/widgets/amount/amount.widget.html
View File

@@ -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>

4
lib/core/src/lib/form/components/widgets/base-viewer/base-viewer.widget.html
View File

@@ -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>

4
lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html
View File

@@ -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>

8
lib/core/src/lib/form/components/widgets/date-time/date-time.widget.html
View File

@@ -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>

7
lib/core/src/lib/form/components/widgets/date/date.widget.html
View File

@@ -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>

5
lib/core/src/lib/form/components/widgets/decimal/decimal.component.html
View File

@@ -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>

5
lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.html
View File

@@ -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>

4
lib/core/src/lib/form/components/widgets/number/number.widget.html
View File

@@ -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>

4
lib/core/src/lib/form/components/widgets/text/text.widget.html
View File

@@ -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>

12
lib/core/src/lib/header/header.component.html
View File

@@ -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>

3
lib/core/src/lib/header/navbar/navbar.component.html
View File

@@ -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>

2
lib/core/src/lib/icon/icon.component.html
View File

@@ -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
lib/core/src/lib/info-drawer/info-drawer.component.html
View File

@@ -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>

8
lib/core/src/lib/info-drawer/info-drawer.component.spec.ts
View File

@@ -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;

2
lib/core/src/lib/language-menu/language-picker.component.ts
View File

@@ -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>
`
})

8
lib/core/src/lib/layout/components/sidenav-layout/sidenav-layout.component.html
View File

@@ -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>

3
lib/core/src/lib/login/components/login-dialog/login-dialog.component.html
View File

@@ -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">

3
lib/core/src/lib/login/components/login.component.html
View File

@@ -148,8 +148,7 @@
id="checking-spinner"
class="adf-login-checking-spinner"
[strokeWidth]="4"
[diameter]="25">
</mat-spinner>
[diameter]="25" />
</div>
</div>
<div

3
lib/core/src/lib/login/components/login/login.component.html
View File

@@ -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"

4
lib/core/src/lib/notifications/components/notification-history.component.html
View File

@@ -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()">

2
lib/core/src/lib/pagination/infinite-pagination.component.html
View File

@@ -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
lib/core/src/lib/progress/progress.component.html
View File

@@ -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>

2
lib/core/src/lib/templates/empty-content/empty-content.component.html
View File

@@ -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>

3
lib/core/src/lib/viewer/components/pdf-viewer-thumbnails/pdf-viewer-thumbnails.component.html
View File

@@ -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>

9
lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.html
View File

@@ -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"

6
lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.spec.ts
View File

@@ -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 })

21
lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.html
View File

@@ -6,7 +6,7 @@
<div class="adf-viewer-render__loading-screen">
<h2>{{ 'ADF_VIEWER.LOADING' | translate }}</h2>
<div>
<mat-spinner class="adf-viewer-render__loading-screen__spinner"></mat-spinner>
<mat-spinner class="adf-viewer-render__loading-screen__spinner" />
</div>
</div>
</ng-container>
@@ -25,8 +25,7 @@
[url]="urlFile"
[extension]="externalViewer.fileExtension"
[nodeId]="nodeId"
[attr.data-automation-id]="externalViewer.component">
</adf-preview-extension>
[attr.data-automation-id]="externalViewer.component" />
</ng-container>
<ng-container *ngSwitchCase="'pdf'">
@@ -37,8 +36,7 @@
[fileName]="internalFileName"
[cacheType]="cacheTypeForContent"
(close)="onClose()"
(error)="onUnsupportedFile()">
</adf-pdf-viewer>
(error)="onUnsupportedFile()" />
</ng-container>
<ng-container *ngSwitchCase="'image'">
@@ -50,7 +48,7 @@
(error)="onUnsupportedFile()"
(submit)="onSubmitFile($event)"
(isSaving)="isSaving.emit($event)"
></adf-img-viewer>
/>
</ng-container>
<ng-container *ngSwitchCase="'media'">
@@ -60,14 +58,12 @@
[mimeType]="mimeType"
[blobFile]="blobFile"
[fileName]="internalFileName"
(error)="onUnsupportedFile()">
</adf-media-player>
(error)="onUnsupportedFile()" />
</ng-container>
<ng-container *ngSwitchCase="'text'">
<adf-txt-viewer [urlFile]="urlFile"
[blobFile]="blobFile">
</adf-txt-viewer>
[blobFile]="blobFile" />
</ng-container>
<ng-container *ngSwitchCase="'custom'">
@@ -77,8 +73,7 @@
[url]="urlFile"
[extension]="extension"
[nodeId]="nodeId"
[attr.data-automation-id]="ext.component">
</adf-preview-extension>
[attr.data-automation-id]="ext.component" />
</ng-container>
<ng-container *ngFor="let extensionTemplate of extensionTemplates">
@@ -91,7 +86,7 @@
</ng-container>
<ng-container *ngSwitchDefault>
<adf-viewer-unknown-format></adf-viewer-unknown-format>
<adf-viewer-unknown-format />
</ng-container>
</div>
</div>

4
lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.spec.ts
View File

@@ -33,8 +33,8 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
standalone: true,
imports: [ViewerExtensionDirective, ViewerRenderComponent],
template: `
<adf-viewer-render [urlFile]="urlFileViewer1" [viewerTemplateExtensions]="viewerTemplateExtensions" #viewer1></adf-viewer-render>
<adf-viewer-render [urlFile]="urlFileViewer2" #viewer2></adf-viewer-render>
<adf-viewer-render [urlFile]="urlFileViewer1" [viewerTemplateExtensions]="viewerTemplateExtensions" #viewer1 />
<adf-viewer-render [urlFile]="urlFileViewer2" #viewer2 />
<ng-template #viewerExtension>
<adf-viewer-extension [supportedExtensions]="['json']">
<ng-template>

15
lib/core/src/lib/viewer/components/viewer.component.html
View File

@@ -75,7 +75,7 @@
</mat-menu>
</ng-container>
<adf-toolbar-divider></adf-toolbar-divider>
<adf-toolbar-divider />
<ng-content select="adf-viewer-toolbar-custom-actions"></ng-content>
@@ -90,7 +90,7 @@
</button>
<ng-container *ngIf="allowRightSidebar && !hideInfoButton">
<adf-toolbar-divider></adf-toolbar-divider>
<adf-toolbar-divider />
<button mat-icon-button
[attr.aria-expanded]="showRightSidebar"
@@ -120,7 +120,7 @@
</ng-container>
<ng-container *ngIf="allowGoBack && closeButtonPosition === CloseButtonPosition.Right">
<adf-toolbar-divider></adf-toolbar-divider>
<adf-toolbar-divider />
<button class="adf-viewer-close-button"
data-automation-id="adf-toolbar-right-back"
@@ -141,8 +141,7 @@
<div class="adf-viewer__sidebar adf-viewer__sidebar__right"
id="adf-right-sidebar">
<ng-container *ngIf="sidebarRightTemplate">
<ng-container *ngTemplateOutlet="sidebarRightTemplate;context:sidebarRightTemplateContext">
</ng-container>
<ng-container *ngTemplateOutlet="sidebarRightTemplate;context:sidebarRightTemplateContext" />
</ng-container>
<ng-content *ngIf="!sidebarRightTemplate"
select="adf-viewer-sidebar"></ng-content>
@@ -153,8 +152,7 @@
<div class="adf-viewer__sidebar adf-viewer__sidebar__left"
id="adf-left-sidebar">
<ng-container *ngIf="sidebarLeftTemplate">
<ng-container *ngTemplateOutlet="sidebarLeftTemplate;context:sidebarLeftTemplateContext">
</ng-container>
<ng-container *ngTemplateOutlet="sidebarLeftTemplate;context:sidebarLeftTemplateContext" />
</ng-container>
<ng-content *ngIf="!sidebarLeftTemplate"
select="adf-viewer-sidebar"></ng-content>
@@ -172,8 +170,7 @@
(isSaving)="allowNavigate = !$event"
[tracks]="tracks"
[viewerTemplateExtensions]="viewerExtensions ?? viewerTemplateExtensions"
[nodeId]="nodeId">
</adf-viewer-render>
[nodeId]="nodeId" />
</div>
</div>