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

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

View File

@@ -35,7 +35,7 @@
<ng-container *ngIf="isLoading(); else empty">
<div class="adf-app-list-spinner">
<mat-progress-spinner mode="indeterminate"></mat-progress-spinner>
<mat-progress-spinner mode="indeterminate" />
</div>
</ng-container>
@@ -50,8 +50,7 @@
<adf-empty-content
icon="apps"
[title]="'ADF_TASK_LIST.APPS.TITLE' | translate"
[subtitle]="'ADF_TASK_LIST.APPS.SUBTITLE' | translate">
</adf-empty-content>
[subtitle]="'ADF_TASK_LIST.APPS.SUBTITLE' | translate" />
</ng-template>
</div>
</ng-template>

View File

@@ -19,16 +19,15 @@
</adf-no-content-template>
<data-columns>
<data-column key="icon" type="image" [sr-title]="'ADF_PROCESS_LIST.PROPERTIES.THUMBNAIL'" [sortable]="false"></data-column>
<data-column key="name" type="text" title="{{'ADF_PROCESS_LIST.PROPERTIES.NAME' | translate}}" class="adf-full-width adf-ellipsis-cell" [sortable]="true"></data-column>
<data-column key="created" type="date" format="shortDate" title="{{'ADF_PROCESS_LIST.PROPERTIES.CREATED' | translate}}"></data-column>
<data-column key="icon" type="image" [sr-title]="'ADF_PROCESS_LIST.PROPERTIES.THUMBNAIL'" [sortable]="false" />
<data-column key="name" type="text" title="{{'ADF_PROCESS_LIST.PROPERTIES.NAME' | translate}}" class="adf-full-width adf-ellipsis-cell" [sortable]="true" />
<data-column key="created" type="date" format="shortDate" title="{{'ADF_PROCESS_LIST.PROPERTIES.CREATED' | translate}}" />
</data-columns>
<adf-loading-content-template>
<ng-template>
<!--Add your custom loading template here-->
<mat-progress-spinner class="adf-attachment-list-loading-margin" [color]="'primary'" [mode]="'indeterminate'">
</mat-progress-spinner>
<mat-progress-spinner class="adf-attachment-list-loading-margin" [color]="'primary'" [mode]="'indeterminate'" />
</ng-template>
</adf-loading-content-template>

View File

@@ -18,15 +18,14 @@
</adf-no-content-template>
<data-columns>
<data-column key="icon" type="image" [sr-title]="'ADF_TASK_LIST.PROPERTIES.THUMBNAIL'" [sortable]="false"></data-column>
<data-column key="name" type="text" title="ADF_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-ellipsis-cell" [sortable]="true"></data-column>
<data-column key="created" type="date" format="shortDate" title="ADF_TASK_LIST.PROPERTIES.CREATED"></data-column>
<data-column key="icon" type="image" [sr-title]="'ADF_TASK_LIST.PROPERTIES.THUMBNAIL'" [sortable]="false" />
<data-column key="name" type="text" title="ADF_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-ellipsis-cell" [sortable]="true" />
<data-column key="created" type="date" format="shortDate" title="ADF_TASK_LIST.PROPERTIES.CREATED" />
</data-columns>
<adf-loading-content-template>
<ng-template>
<!--Add your custom loading template here-->
<mat-progress-spinner class="adf-attachment-list-loading-margin" [color]="'primary'" [mode]="'indeterminate'">
</mat-progress-spinner>
<mat-progress-spinner class="adf-attachment-list-loading-margin" [color]="'primary'" [mode]="'indeterminate'" />
</ng-template>
</adf-loading-content-template>
</adf-datatable>

View File

@@ -1,8 +1,8 @@
<adf-datatable *ngIf="!isEmpty()"
[rows]="forms">
<data-columns>
<data-column key="name" type="text" title="Name" class="adf-ellipsis-cell" [sortable]="true"></data-column>
<data-column key="lastUpdatedByFullName" type="text" title="User" class="adf-ellipsis-cell" [sortable]="true"></data-column>
<data-column key="lastUpdated" type="date" format="shortDate" title="Date"></data-column>
<data-column key="name" type="text" title="Name" class="adf-ellipsis-cell" [sortable]="true" />
<data-column key="lastUpdatedByFullName" type="text" title="User" class="adf-ellipsis-cell" [sortable]="true" />
<data-column key="lastUpdated" type="date" format="shortDate" title="Date" />
</data-columns>
</adf-datatable>

View File

@@ -30,8 +30,7 @@
</mat-card-title>
</mat-card-header>
<mat-card-content class="adf-form-card-content">
<adf-form-renderer [formDefinition]="form">
</adf-form-renderer>
<adf-form-renderer [formDefinition]="form" />
</mat-card-content>
<mat-card-actions *ngIf="form.hasOutcomes()" class="adf-form-mat-card-actions" align="end">
<ng-content select="adf-form-custom-outcomes"></ng-content>

View File

@@ -6,8 +6,7 @@
</mat-card-title>
</mat-card-header>
<mat-card-content class="adf-start-form-content">
<adf-form-renderer [formDefinition]="form">
</adf-form-renderer>
<adf-form-renderer [formDefinition]="form" />
</mat-card-content>
<mat-card-content class="adf-start-form-actions" *ngIf="showOutcomeButtons && form.hasOutcomes()"
#outcomesContainer>

View File

@@ -6,16 +6,14 @@
</header>
<mat-dialog-content class="adf-login-dialog-content">
<adf-login-dialog-panel id="attach-file-login-panel" #adfLoginPanel *ngIf="!isLoggedIn()">
</adf-login-dialog-panel>
<adf-login-dialog-panel id="attach-file-login-panel" #adfLoginPanel *ngIf="!isLoggedIn()" />
<adf-content-node-selector-panel *ngIf="isLoggedIn()"
id="attach-file-content-node"
[currentFolderId]="data?.currentFolderId"
[isSelectionValid]="data?.isSelectionValid"
[showFilesInResult]="data?.showFilesInResult"
(select)="onSelect($event)"
(siteChange)="onSiteChange($event)">
</adf-content-node-selector-panel>
(siteChange)="onSiteChange($event)" />
</mat-dialog-content>
<mat-dialog-actions class="adf-login-dialog-actions" align="end">

View File

@@ -36,14 +36,14 @@
(click)="openSelectDialogFromFileSource()"
>
<mat-icon>
<adf-alfresco-icon></adf-alfresco-icon>
<adf-alfresco-icon />
</mat-icon>
{{ field.params?.fileSource?.name }}
</button>
<div *ngIf="!isDefinedSourceFolder()">
<button mat-menu-item *ngFor="let repo of repositoryList" id="attach-{{ repo?.name }}" (click)="openSelectDialog(repo)">
<mat-icon>
<adf-alfresco-icon></adf-alfresco-icon>
<adf-alfresco-icon />
</mat-icon>
{{ repo.name }}
</button>
@@ -114,5 +114,5 @@
</mat-list>
</div>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget *ngIf="!field.isValid && isTouched() && !isSelected()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
<error-widget [error]="field.validationSummary" />
<error-widget *ngIf="!field.isValid && isTouched() && !isSelected()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />

View File

@@ -26,6 +26,6 @@
</button>
</div>
</div>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
<error-widget [error]="field.validationSummary" />
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
</div>

View File

@@ -1,5 +1,5 @@
<div class="adf-form-document-widget {{field.className}}">
<ng-container *ngIf="hasFile">
<adf-content [id]="fileId" [showDocumentContent]="true"></adf-content>
<adf-content [id]="fileId" [showDocumentContent]="true" />
</ng-container>
</div>

View File

@@ -11,6 +11,6 @@
</mat-select>
</mat-form-field>
<ng-container *ngIf="!isReadOnlyField && dropdownControl.touched">
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget [error]="field.validationSummary" />
</ng-container>
</div>

View File

@@ -27,7 +27,7 @@
>
<span *ngIf="column.type !== 'Boolean' else checkbox"> {{ getCellValue(row, column) }} </span>
<ng-template #checkbox>
<mat-checkbox disabled [checked]="getCellValue(row, column)"> </mat-checkbox>
<mat-checkbox disabled [checked]="getCellValue(row, column)" />
</ng-template>
</td>
</tr>
@@ -70,7 +70,7 @@
</div>
</div>
<row-editor *ngIf="editMode" [table]="content" [row]="editRow" (save)="onSaveChanges()" (cancel)="onCancelChanges()"> </row-editor>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
<row-editor *ngIf="editMode" [table]="content" [row]="editRow" (save)="onSaveChanges()" (cancel)="onCancelChanges()" />
<error-widget [error]="field.validationSummary" />
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
</div>

View File

@@ -11,7 +11,7 @@
[disabled]="!column.editable"
(focusout)="onDateChanged($any($event).target.value)"
(dateChange)="onDateChanged($event)">
<mat-datepicker-toggle *ngIf="column.editable" matSuffix [for]="datePicker" class="adf-date-editor-button" ></mat-datepicker-toggle>
<mat-datepicker-toggle *ngIf="column.editable" matSuffix [for]="datePicker" class="adf-date-editor-button" />
</mat-form-field>
<mat-datepicker #datePicker [touchUi]="true"></mat-datepicker>
<mat-datepicker #datePicker [touchUi]="true" />
</div>

View File

@@ -12,13 +12,11 @@
<mat-datetimepicker-toggle
matSuffix
[for]="datetimePicker"
class="adf-date-editor-button">
</mat-datetimepicker-toggle>
class="adf-date-editor-button" />
</mat-form-field>
<mat-datetimepicker
#datetimePicker
type="datetime"
[openOnFocus]="true"
[timeInterval]="5">
</mat-datetimepicker>
[timeInterval]="5" />
</div>

View File

@@ -9,7 +9,7 @@
[required]="column.required"
[disabled]="!column.editable"
(selectionChange)="onValueChanged(row, column, $event)">
<mat-option></mat-option>
<mat-option />
<mat-option *ngFor="let opt of options" [value]="opt.name" [id]="opt.id">{{opt.name}}</mat-option>
</mat-select>
</mat-form-field>

View File

@@ -6,47 +6,41 @@
<adf-dropdown-editor
[table]="table"
[row]="row"
[column]="column">
</adf-dropdown-editor>
[column]="column" />
</div>
<div *ngSwitchCase="'Date'">
<adf-date-editor
[table]="table"
[row]="row"
[column]="column">
</adf-date-editor>
[column]="column" />
</div>
<div *ngSwitchCase="'Datetime'">
<adf-datetime-editor
[table]="table"
[row]="row"
[column]="column">
</adf-datetime-editor>
[column]="column" />
</div>
<div *ngSwitchCase="'Boolean'">
<adf-boolean-editor
[table]="table"
[row]="row"
[column]="column">
</adf-boolean-editor>
[column]="column" />
</div>
<div *ngSwitchCase="'Amount'">
<adf-amount-editor
[table]="table"
[row]="row"
[column]="column">
</adf-amount-editor>
[column]="column" />
</div>
<div *ngSwitchDefault>
<adf-text-editor
[table]="table"
[row]="row"
[column]="column">
</adf-text-editor>
[column]="column" />
</div>
</div>
</div>
<error-widget [error]="validationSummary"></error-widget>
<error-widget [error]="validationSummary" />
<div>
<button mat-button (click)="onCancelChanges()">Cancel</button>
<button mat-button (click)="onSaveChanges()">Save</button>

View File

@@ -2,6 +2,6 @@
[class.adf-readonly]="field.readOnly">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk"
*ngIf="isRequired()">*</span></label>
<adf-alfresco-viewer [nodeId]="field.value" [showViewer]="field.value" [allowGoBack]="false"></adf-alfresco-viewer>
<error-widget [error]="field.validationSummary"></error-widget>
<adf-alfresco-viewer [nodeId]="field.value" [showViewer]="field.value" [allowGoBack]="false" />
<error-widget [error]="field.validationSummary" />
</div>

View File

@@ -25,6 +25,6 @@
</mat-autocomplete>
</mat-form-field>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
<error-widget [error]="field.validationSummary" />
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
</div>

View File

@@ -31,6 +31,6 @@
</mat-option>
</mat-autocomplete>
</mat-form-field>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
<error-widget [error]="field.validationSummary" />
<error-widget *ngIf="isInvalidFieldRequired() && isTouched()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
</div>

View File

@@ -16,5 +16,5 @@
</mat-radio-button>
</mat-radio-group>
</div>
<error-widget [error]="field.validationSummary" ></error-widget>
<error-widget [error]="field.validationSummary" />
</div>

View File

@@ -23,7 +23,7 @@
</mat-autocomplete>
</mat-form-field>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
<error-widget [error]="field.validationSummary" />
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
</div>
</div>

View File

@@ -29,6 +29,6 @@
</button>
</div>
</div>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
<error-widget [error]="field.validationSummary" />
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
</div>

View File

@@ -7,5 +7,4 @@
(rowClick)="selectUser($event)"
(rowDblClick)="selectUser($event)"
(showRowActionsMenu)="onShowRowActionsMenu($event)"
(executeRowAction)="onExecuteRowAction($event)">
</adf-datatable>
(executeRowAction)="onExecuteRowAction($event)" />

View File

@@ -2,7 +2,7 @@
{{headerTitle | translate}}
</div>
<adf-people-search-field [performSearch]="performSearch" (rowClick)="onRowClick($event)"></adf-people-search-field>
<adf-people-search-field [performSearch]="performSearch" (rowClick)="onRowClick($event)" />
<div class="search-list-action-container">
<button mat-button type="button" id="close-people-search" (click)="closeSearchList()">

View File

@@ -3,8 +3,7 @@
class="adf-people-selector-field"
[performSearch]="performSearch"
[placeholder]="placeholder"
(rowClick)="userSelected($event)">
</adf-people-search-field>
(rowClick)="userSelected($event)" />
<button
*ngIf="selectedUser"
mat-icon-button

View File

@@ -20,8 +20,7 @@
(success)="involveUser($event)"
(closeSearch)="onCloseSearch()"
[results]="peopleSearch$"
>
</adf-people-search>
/>
</div>
<div class="adf-assignment-list-container" id="assignment-people-list" *ngIf="hasPeople()">
<adf-people-list [users]="people" [actions]="isEditMode()" (clickAction)="onClickAction($event)">

View File

@@ -1,5 +1,4 @@
<adf-comments
[readOnly]="readOnly"
[id]="processInstanceId"
>
</adf-comments>
/>

View File

@@ -43,16 +43,17 @@ export class CommentProcessService implements CommentsService {
*/
get(id: string): Observable<CommentModel[]> {
return from(this.commentsApi.getProcessInstanceComments(id)).pipe(
map((response) => {
return response.data.map((comment) => {
return new CommentModel({
id: comment.id,
message: comment.message,
created: comment.created,
createdBy: new User(comment.createdBy)
});
});
})
map((response) =>
response.data.map(
(comment) =>
new CommentModel({
id: comment.id,
message: comment.message,
created: comment.created,
createdBy: new User(comment.createdBy)
})
)
)
);
}

View File

@@ -6,7 +6,7 @@
[attr.data-automation-id]="filter.name + '_filter'"
mat-button
class="adf-filter-action-button adf-full-width">
<adf-icon data-automation-id="adf-filter-icon" *ngIf="showIcon" [value]="getFilterIcon(filter.icon)"></adf-icon>
<adf-icon data-automation-id="adf-filter-icon" *ngIf="showIcon" [value]="getFilterIcon(filter.icon)" />
<span data-automation-id="adf-filter-label" class="adf-filter-action-button__label">{{ filter.name | translate }}</span>
</button>
</div>

View File

@@ -6,8 +6,7 @@
<mat-card-content>
<adf-process-instance-header
#processInstanceHeader
[processInstance]="processInstanceDetails">
</adf-process-instance-header>
[processInstance]="processInstanceDetails" />
<button
class="adf-in-medias-res-button"
@@ -23,8 +22,7 @@
<adf-process-instance-tasks
#processInstanceTasks
[processInstanceDetails]="processInstanceDetails"
(taskClick)="onTaskClicked($event)">
</adf-process-instance-tasks>
(taskClick)="onTaskClicked($event)" />
</mat-card-content>
</mat-card>
@@ -36,8 +34,7 @@
<mat-card-content>
<adf-process-instance-comments
[readOnly]="false"
[processInstanceId]="processInstanceDetails.id">
</adf-process-instance-comments>
[processInstanceId]="processInstanceDetails.id" />
</mat-card-content>
</mat-card>

View File

@@ -1,5 +1,5 @@
<mat-card appearance="outlined" *ngIf="processInstance" class="adf-card-container">
<mat-card-content>
<adf-card-view [properties]="properties"></adf-card-view>
<adf-card-view [properties]="properties" />
</mat-card-content>
</mat-card>

View File

@@ -75,8 +75,7 @@
<div mat-dialog-content class="adf-start-process-dialog-content">
<adf-start-form [processId]="processId"
[showRefreshButton]="false" [readOnlyForm]="true"
(formContentClicked)='onFormContentClick()'>
</adf-start-form>
(formContentClicked)='onFormContentClick()' />
</div>
<div mat-dialog-actions class="adf-start-process-dialog-actions">
<button mat-button type="button" (click)="closeStartDialog()">{{ 'ADF_PROCESS_LIST.DETAILS.TASKS.TASK_CLOSE' | translate }}</button>

View File

@@ -23,8 +23,7 @@
*ngIf="!customLoadingContent"
class="adf-process-list-loading-margin"
color="primary"
mode="indeterminate">
</mat-progress-spinner>
mode="indeterminate" />
<ng-content select="adf-custom-loading-content-template"></ng-content>
</ng-template>
</adf-loading-content-template>
@@ -33,8 +32,7 @@
<adf-empty-content *ngIf="!customEmptyContent"
icon="assessment"
[title]="(requestNode ? 'ADF_PROCESS_LIST.LIST.TITLE' : 'ADF_PROCESS_LIST.FILTERS.MESSAGES.NONE') | translate"
[subtitle]="'ADF_PROCESS_LIST.LIST.SUBTITLE'| translate">
</adf-empty-content>
[subtitle]="'ADF_PROCESS_LIST.LIST.SUBTITLE'| translate" />
<ng-content select="adf-custom-empty-content-template"></ng-content>
</ng-template>
</adf-no-content-template>

View File

@@ -469,8 +469,8 @@ describe('ProcessInstanceListComponent', () => {
imports: [ProcessInstanceListComponent, DataColumnListComponent, DataColumnComponent, FullNamePipe],
template: ` <adf-process-instance-list #processListComponentInstance>
<data-columns>
<data-column key="name" title="ADF_PROCESS_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column" [order]="3"></data-column>
<data-column key="created" title="ADF_PROCESS_LIST.PROPERTIES.END_DATE" class="adf-hidden"></data-column>
<data-column key="name" title="ADF_PROCESS_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column" [order]="3" />
<data-column key="created" title="ADF_PROCESS_LIST.PROPERTIES.END_DATE" class="adf-hidden" />
<data-column key="startedBy" title="ADF_PROCESS_LIST.PROPERTIES.CREATED" class="adf-desktop-only dw-dt-col-3 adf-ellipsis-cell">
<ng-template let-entry="$implicit">
<div>{{ entry.row.obj.startedBy | fullName }}</div>
@@ -560,8 +560,8 @@ describe('Process List: Custom EmptyTemplateComponent', () => {
#processListComponentInstance
>
<data-columns>
<data-column key="name" title="ADF_PROCESS_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column"></data-column>
<data-column key="created" title="ADF_PROCESS_LIST.PROPERTIES.END_DATE" class="adf-hidden"></data-column>
<data-column key="name" title="ADF_PROCESS_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column" />
<data-column key="created" title="ADF_PROCESS_LIST.PROPERTIES.END_DATE" class="adf-hidden" />
<data-column key="startedBy" title="ADF_PROCESS_LIST.PROPERTIES.CREATED" class="adf-desktop-only dw-dt-col-3 adf-ellipsis-cell">
<ng-template let-entry="$implicit">
<div>{{ entry.row.obj.startedBy | fullName }}</div>

View File

@@ -1,7 +1,7 @@
<ng-container *ngIf="isLoading(); then showLoadingTemplate; else showStartProcessTemplate"></ng-container>
<ng-container *ngIf="isLoading(); then showLoadingTemplate; else showStartProcessTemplate" />
<ng-template #showLoadingTemplate>
<mat-spinner class="adf-start-process-loading"></mat-spinner>
<mat-spinner class="adf-start-process-loading" />
</ng-template>
<ng-template #showStartProcessTemplate>
<ng-container *ngIf="hasApplications() || hasProcessDefinitions() ; else showEmptyTemplate">
@@ -57,7 +57,7 @@
</button>
</ng-container>
<ng-template #showProcessDefLoadingTemplate>
<mat-spinner id="adf-select-process-spinner" [diameter]="20"></mat-spinner>
<mat-spinner id="adf-select-process-spinner" [diameter]="20" />
</ng-template>
</div>
</mat-form-field>
@@ -104,19 +104,17 @@
<adf-empty-content
class="adf-start-process-empty-template"
[icon]="'assessment'"
[title]="'ADF_PROCESS_LIST.START_PROCESS.NO_START_FORM' | translate">
</adf-empty-content>
[title]="'ADF_PROCESS_LIST.START_PROCESS.NO_START_FORM' | translate" />
</ng-template>
</ng-container>
<ng-template #emptyProcessDefTemplate>
<adf-empty-content class="adf-start-process-empty-template"
[icon]="'assessment'"
[title]="'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEF_SELECTED' | translate">
</adf-empty-content>
[title]="'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEF_SELECTED' | translate" />
</ng-template>
</ng-container>
<ng-template #showStartFormLoadingTemplate>
<mat-spinner class="adf-start-process-loading"></mat-spinner>
<mat-spinner class="adf-start-process-loading" />
</ng-template>
</div>
<div class="adf-start-process-content-actions" *ngIf="!hasStartForm()">
@@ -145,7 +143,6 @@
<ng-template #showEmptyTemplate>
<adf-empty-content class="adf-start-process-empty-template"
[icon]="'assessment'"
[title]="'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEFINITIONS' | translate">
</adf-empty-content>
[title]="'ADF_PROCESS_LIST.START_PROCESS.NO_PROCESS_DEFINITIONS' | translate" />
</ng-template>
</ng-template>

View File

@@ -1,5 +1,4 @@
<adf-comments
[readOnly]="readOnly"
[id]="taskId"
>
</adf-comments>
/>

View File

@@ -18,8 +18,7 @@
[readOnly]="true"
[showCompleteButton]="false"
[showRefreshButton]="false"
[showValidationIcon]="false">
</adf-form>
[showValidationIcon]="false" />
</div>
</mat-card-content>

View File

@@ -44,11 +44,10 @@
id="date_id">
<mat-datepicker-toggle
matSuffix
[for]="taskDatePicker"></mat-datepicker-toggle>
[for]="taskDatePicker" />
<mat-datepicker
#taskDatePicker
[touchUi]="true">
</mat-datepicker>
[touchUi]="true" />
<div class="adf-error-text-container">
<div *ngIf="dateError">
<div class="adf-error-text">{{'ADF_TASK_LIST.START_TASK.FORM.ERROR.DATE'|translate}}</div>
@@ -59,7 +58,7 @@
<people-widget
(peopleSelected)="setAssigneeId($event)"
[field]="field"
class="adf-people-widget-content"></people-widget>
class="adf-people-widget-content" />
</div>
<mat-form-field class="adf-task-form">
<mat-label id="form_label">{{'ADF_TASK_LIST.START_TASK.FORM.LABEL.FORM'|translate}}</mat-label>

View File

@@ -33,14 +33,12 @@
(executeOutcome)='onFormExecuteOutcome($event)'
(taskClaimed)="onClaimAction($event)"
(taskUnclaimed)="onUnclaimAction($event)"
(error)="onFormError($event)">
</adf-task-form>
(error)="onFormError($event)" />
<adf-attach-form *ngIf="showAttachForm"
[taskId]="taskDetails.id"
[formKey]="taskDetails.formKey"
(cancelAttachForm)="onCancelAttachForm()"
(success)="onCompleteAttachForm()">
</adf-attach-form>
(success)="onCompleteAttachForm()" />
</div>
<div *ngIf="!isAssigned()" id="claim-message-id">
{{ 'ADF_TASK_LIST.DETAILS.MESSAGES.CLAIM' | translate }}
@@ -56,21 +54,18 @@
(searchPeople)="searchUser($event)"
(success)="assignTaskToUser($event)"
(closeSearch)="onCloseSearch()"
[results]="peopleSearch">
</adf-people-search>
[results]="peopleSearch" />
</div>
<adf-task-header
[class]="getTaskHeaderViewClass()"
[taskDetails]="taskDetails"
[formName]="taskFormName"
(claim)="onClaimAction($event)"
(unclaim)="onUnclaimAction($event)">
</adf-task-header>
(unclaim)="onUnclaimAction($event)" />
<adf-people *ngIf="showInvolvePeople"
[people]="taskPeople"
[readOnly]="internalReadOnlyForm"
[taskId]="taskDetails.id">
</adf-people>
[taskId]="taskDetails.id" />
</adf-info-drawer-tab>
<adf-info-drawer-tab label="ADF_TASK_LIST.DETAILS.LABELS.INFO_DRAWER_TAB_ACTIVITY_TITLE">
@@ -79,8 +74,7 @@
<adf-task-comments
[readOnly]="isReadOnlyComment()"
[taskId]="taskDetails.id"
>
</adf-task-comments>
/>
</mat-card-content>
</mat-card>
</adf-info-drawer-tab>
@@ -94,8 +88,7 @@
[taskId]="taskDetails.id"
[assignee]="taskDetails.assignee?.id"
(checklistTaskCreated)="onChecklistTaskCreated($event)"
(checklistTaskDeleted)="onChecklistTaskDeleted($event)">
</adf-checklist>
(checklistTaskDeleted)="onChecklistTaskDeleted($event)" />
</div>
</div>
</div>

View File

@@ -7,7 +7,7 @@
mat-button
class="adf-filter-action-button adf-full-width">
<ng-container *ngIf="showIcon">
<adf-icon data-automation-id="adf-filter-icon" [value]="getFilterIcon(filter.icon)"></adf-icon>
<adf-icon data-automation-id="adf-filter-icon" [value]="getFilterIcon(filter.icon)" />
</ng-container>
<span data-automation-id="adf-filter-label" class="adf-filter-action-button__label">{{ filter.name | translate }}</span>
</button>

View File

@@ -29,8 +29,7 @@
[hasCompletePermission]="isCompleteButtonVisible()"
[hideCancelButton]="showCancelButton"
(complete)="onCompleteTask()"
(showAttachForm)="onShowAttachForm()">
</adf-task-standalone>
(showAttachForm)="onShowAttachForm()" />
<ng-template #emptyFormMessage>
<mat-card appearance="outlined" class="adf-task-form-container">
<mat-card-header>
@@ -49,14 +48,12 @@
<adf-empty-content *ngIf="isCompletedTask(); else emptyFormTemplate"
[icon]="'description'"
[title]="getCompletedTaskTranslatedMessage() | async"
[subtitle]="'ADF_TASK_FORM.COMPLETED_TASK.SUBTITLE'">
</adf-empty-content>
[subtitle]="'ADF_TASK_FORM.COMPLETED_TASK.SUBTITLE'" />
<ng-template #emptyFormTemplate>
<adf-empty-content
[icon]="'description'"
[title]="'ADF_TASK_LIST.STANDALONE_TASK.NO_FORM_MESSAGE'"
[subtitle]="'ADF_TASK_FORM.EMPTY_FORM.SUBTITLE'">
</adf-empty-content>
[subtitle]="'ADF_TASK_FORM.EMPTY_FORM.SUBTITLE'" />
</ng-template>
</mat-card-content>
<mat-card-actions align="end">
@@ -102,6 +99,6 @@
</ng-container>
<ng-template #loadingTemplate>
<div class="adf-task-form-spinner-container">
<mat-spinner></mat-spinner>
<mat-spinner />
</div>
</ng-template>

View File

@@ -1,6 +1,6 @@
<mat-card appearance="outlined" *ngIf="taskDetails" class="adf-card-container">
<mat-card-content>
<adf-card-view [properties]="properties" [editable]="!isCompleted()" [displayClearAction]="displayDateClearAction"></adf-card-view>
<adf-card-view [properties]="properties" [editable]="!isCompleted()" [displayClearAction]="displayDateClearAction" />
</mat-card-content>
<mat-card-actions class="adf-controls" *ngIf="showClaimRelease">

View File

@@ -20,8 +20,7 @@
<adf-loading-content-template>
<ng-template>
<!--Add your custom loading template here-->
<mat-progress-spinner *ngIf="!customLoadingContent" class="adf-task-list-loading-margin" color="primary" mode="indeterminate">
</mat-progress-spinner>
<mat-progress-spinner *ngIf="!customLoadingContent" class="adf-task-list-loading-margin" color="primary" mode="indeterminate" />
<ng-content select="adf-custom-loading-content-template"></ng-content>
</ng-template>
</adf-loading-content-template>
@@ -32,8 +31,7 @@
icon="assignment"
[title]="'ADF_TASK_LIST.LIST.MESSAGES.TITLE' | translate"
[subtitle]="'ADF_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate"
>
</adf-empty-content>
/>
<ng-content select="adf-custom-empty-content-template"></ng-content>
</ng-template>
</adf-no-content-template>

View File

@@ -651,8 +651,8 @@ describe('TaskListComponent', () => {
imports: [DataColumnComponent, DataColumnListComponent, TaskListComponent, FullNamePipe],
template: ` <adf-tasklist #taskList>
<data-columns>
<data-column key="name" title="ADF_TASK_LIST.PROPERTIES.NAME" class="full-width name-column" [order]="3"></data-column>
<data-column key="created" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="hidden"></data-column>
<data-column key="name" title="ADF_TASK_LIST.PROPERTIES.NAME" class="full-width name-column" [order]="3" />
<data-column key="created" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="hidden" />
<data-column key="startedBy" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="desktop-only dw-dt-col-3 ellipsis-cell">
<ng-template let-entry="$implicit">
<div>{{ entry.row?.obj?.startedBy | fullName }}</div>
@@ -742,8 +742,8 @@ describe('Task List: Custom EmptyTemplateComponent', () => {
imports: [CommonModule, TaskListComponent, DataColumnComponent, DataColumnListComponent, FullNamePipe],
template: ` <adf-tasklist [showContextMenu]="true" (showRowContextMenu)="onShowRowContextMenu($event)" #taskList>
<data-columns>
<data-column key="name" title="ADF_TASK_LIST.PROPERTIES.NAME" class="full-width name-column"></data-column>
<data-column key="created" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="hidden"></data-column>
<data-column key="name" title="ADF_TASK_LIST.PROPERTIES.NAME" class="full-width name-column" />
<data-column key="created" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="hidden" />
<data-column key="startedBy" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="desktop-only dw-dt-col-3 ellipsis-cell">
<ng-template let-entry="$implicit">
<div>{{ entry.row?.obj?.startedBy | fullName }}</div>