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

11
lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.html
View File

@@ -6,8 +6,7 @@
<adf-cloud-app-details
*ngFor="let app of appsList"
[applicationInstance]="app"
(selectedApp)="onSelectApp($event)">
</adf-cloud-app-details>
(selectedApp)="onSelectApp($event)" />
</div>
<ng-template #appList>
@@ -29,21 +28,19 @@
<ng-template #defaultEmptyTemplate>
<adf-empty-content icon="apps" [title]="'ADF_CLOUD_TASK_LIST.APPS.NO_APPS.TITLE' | translate"
[subtitle]="'ADF_CLOUD_TASK_LIST.APPS.NO_APPS.SUBTITLE' | translate">
</adf-empty-content>
[subtitle]="'ADF_CLOUD_TASK_LIST.APPS.NO_APPS.SUBTITLE' | translate" />
</ng-template>
</div>
</ng-template>
<ng-template #loadingOrError>
<div *ngIf="loadingError$ | async; else loading" class="adf-app-list-error">
<adf-empty-content icon="error_outline" [title]="'ADF_CLOUD_TASK_LIST.APPS.ERROR.TITLE' | translate"
[subtitle]="'ADF_CLOUD_TASK_LIST.APPS.ERROR.SUBTITLE' | translate">
</adf-empty-content>
[subtitle]="'ADF_CLOUD_TASK_LIST.APPS.ERROR.SUBTITLE' | translate" />
</div>
<ng-template #loading>
<ng-container>
<div class="adf-app-list-spinner">
<mat-spinner class="adf-app-list-cloud--spinner"></mat-spinner>
<mat-spinner class="adf-app-list-cloud--spinner" />
</div>
</ng-container>
</ng-template>

4
lib/process-services-cloud/src/lib/common/date-range-filter/date-range-filter.component.html
View File

@@ -22,7 +22,7 @@
<mat-datepicker-toggle
matSuffix
[for]="picker"
[attr.data-automation-id]="'adf-cloud-edit-process-property-date-range-' + processFilterProperty.key"></mat-datepicker-toggle>
<mat-date-range-picker #picker (closed)="onDateRangeClosed()"></mat-date-range-picker>
[attr.data-automation-id]="'adf-cloud-edit-process-property-date-range-' + processFilterProperty.key" />
<mat-date-range-picker #picker (closed)="onDateRangeClosed()" />
</mat-form-field>
</ng-container>

5
lib/process-services-cloud/src/lib/form/components/form-cloud.component.html
View File

@@ -21,7 +21,7 @@
</span>
</div>
<adf-toolbar-divider *ngIf="displayConfiguration?.options?.displayCloseButton"></adf-toolbar-divider>
<adf-toolbar-divider *ngIf="displayConfiguration?.options?.displayCloseButton" />
<button
*ngIf="displayConfiguration?.options?.displayCloseButton"
class="adf-cloud-form-close-button"
@@ -75,8 +75,7 @@
<adf-form-renderer
[formDefinition]="form"
[readOnly]="readOnly"
>
</adf-form-renderer>
/>
</mat-card-content>
<mat-card-actions *ngIf="form.hasOutcomes()" class="adf-form-mat-card-actions" align="end">
<ng-content select="adf-cloud-form-custom-outcomes"></ng-content>

2
lib/process-services-cloud/src/lib/form/components/spinner/form-spinner.component.html
View File

@@ -3,7 +3,7 @@
<mat-progress-spinner
color="primary"
mode="indeterminate"
></mat-progress-spinner>
/>
<span class="adf-cloud-form-spinner-content-message">
{{message | translate}}
</span>

6
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.html
View File

@@ -34,13 +34,13 @@
(uploadNewFileVersion)="onUploadNewFileVersion($event)"
(contentModelFileHandler)="contentModelFormFileHandler($event)"
(removeAttachFile)="onRemoveAttachFile($event)"
></adf-cloud-file-properties-table>
/>
<div *ngIf="!hasFile && field.readOnly" id="{{'adf-attach-empty-list-'+field.id}}">
{{ 'FORM.FIELD.NO_FILE_ATTACHED' | translate }}
</div>
</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 }}" />
</div>

4
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/upload-cloud.widget.html
View File

@@ -32,6 +32,6 @@
</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>

6
lib/process-services-cloud/src/lib/form/components/widgets/data-table/data-table.widget.html
View File

@@ -9,14 +9,14 @@
</div>
<ng-container *ngIf="!previewState; else previewTemplate">
<adf-datatable data-automation-id="adf-data-table-widget" [data]="dataSource"></adf-datatable>
<adf-datatable data-automation-id="adf-data-table-widget" [data]="dataSource" />
<error-widget *ngIf="dataTableLoadFailed"
class="adf-data-table-widget-failed-message"
required="{{ 'FORM.FIELD.DATA_TABLE_LOAD_FAILED' | translate }}"></error-widget>
required="{{ 'FORM.FIELD.DATA_TABLE_LOAD_FAILED' | translate }}" />
</ng-container>
<ng-template #previewTemplate>
<adf-datatable data-automation-id="adf-data-table-widget-preview"></adf-datatable>
<adf-datatable data-automation-id="adf-data-table-widget-preview" />
</ng-template>
</div>

7
lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.html
View File

@@ -16,12 +16,11 @@
[max]="maxDate"
[title]="field.tooltip"
(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>
</div>

2
lib/process-services-cloud/src/lib/form/components/widgets/display-external-property/display-external-property.widget.html
View File

@@ -33,6 +33,6 @@
</mat-form-field>
<ng-container *ngIf="!previewState">
<error-widget *ngIf="propertyLoadFailed" [required]="'FORM.FIELD.EXTERNAL_PROPERTY_LOAD_FAILED' | translate"></error-widget>
<error-widget *ngIf="propertyLoadFailed" [required]="'FORM.FIELD.EXTERNAL_PROPERTY_LOAD_FAILED' | translate" />
</ng-container>
</div>

8
lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.html
View File

@@ -23,7 +23,7 @@
panelClass="adf-select-filter"
[multiple]="field.hasMultipleValues"
>
<adf-select-filter-input *ngIf="showInputFilter" (change)="filter$.next($event)"></adf-select-filter-input>
<adf-select-filter-input *ngIf="showInputFilter" (change)="filter$.next($event)" />
<mat-option *ngFor="let opt of list$ | async" [value]="opt" [id]="opt.id">{{opt.name}}</mat-option>
<mat-option id="readonlyOption" *ngIf="isReadOnlyType" [value]="field.value">{{field.value}}</mat-option>
@@ -34,17 +34,17 @@
class="adf-dropdown-required-message"
*ngIf="showRequiredMessage"
required="{{ 'FORM.FIELD.REQUIRED' | translate }}"
></error-widget>
/>
<error-widget
class="adf-dropdown-failed-message"
*ngIf="isRestApiFailed"
required="{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}"
></error-widget>
/>
<error-widget
class="adf-dropdown-failed-message"
*ngIf="variableOptionsFailed"
required="{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}"
></error-widget>
/>
</div>
</div>
</div>

4
lib/process-services-cloud/src/lib/form/components/widgets/file-viewer/file-viewer.widget.html
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 [overlayMode]="false" [nodeId]="field.value" [showViewer]="field.value" [allowGoBack]="false"></adf-alfresco-viewer>
<error-widget [error]="field.validationSummary"></error-widget>
<adf-alfresco-viewer [overlayMode]="false" [nodeId]="field.value" [showViewer]="field.value" [allowGoBack]="false" />
<error-widget [error]="field.validationSummary" />
</div>

4
lib/process-services-cloud/src/lib/form/components/widgets/group/group-cloud.widget.html
View File

@@ -17,9 +17,9 @@
[attr.title]="field.tooltip">
<label class="adf-label" *ngIf="!field.leftLabels" [attr.for]="field.id" label>{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
</adf-cloud-group>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget [error]="field.validationSummary" />
<error-widget class="adf-dropdown-required-message" *ngIf="isInvalidFieldRequired() && isTouched()"
required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
</div>
</div>

4
lib/process-services-cloud/src/lib/form/components/widgets/people/people-cloud.widget.html
View File

@@ -20,9 +20,9 @@
>
<label class="adf-label" *ngIf="!field.leftLabels" [attr.for]="field.id" label>{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
</adf-cloud-people>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget [error]="field.validationSummary" />
<error-widget class="adf-dropdown-required-message" *ngIf="isInvalidFieldRequired() && isTouched()"
required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
required="{{ 'FORM.FIELD.REQUIRED' | translate }}" />
</div>
</div>

5
lib/process-services-cloud/src/lib/form/components/widgets/properties-viewer/properties-viewer-wrapper/properties-viewer-wrapper.component.html
View File

@@ -12,10 +12,9 @@
[displayTags]="false"
[displayCategories]="false"
*ngIf="!loading; else loadingTemplate"
>
</adf-content-metadata>
/>
<ng-template #loadingTemplate>
<div class="adf-properties-viewer-wrapper-loading">
<mat-progress-spinner></mat-progress-spinner>
<mat-progress-spinner />
</div>
</ng-template>

5
lib/process-services-cloud/src/lib/form/components/widgets/properties-viewer/properties-viewer.widget.html
View File

@@ -13,8 +13,7 @@
[displayAspect]="properties?.displayAspect !== undefined ? properties?.displayAspect : null"
[copyToClipboardAction]="properties?.copyToClipboardAction !== undefined ? properties?.copyToClipboardAction : true"
[useChipsForMultiValueProperty]="properties?.useChipsForMultiValueProperty !== undefined ? properties?.useChipsForMultiValueProperty : true"
(nodeContentLoaded)="onNodeContentLoaded($event)">
</adf-properties-viewer-wrapper>
(nodeContentLoaded)="onNodeContentLoaded($event)" />
</ng-template>
<error-widget [error]="field.validationSummary"></error-widget>
<error-widget [error]="field.validationSummary" />
</div>

2
lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.html
View File

@@ -16,5 +16,5 @@
</mat-radio-button>
</mat-radio-group>
</div>
<error-widget class="adf-radio-group-error-message" [error]="hasError()"></error-widget>
<error-widget class="adf-radio-group-error-message" [error]="hasError()" />
</div>

2
lib/process-services-cloud/src/lib/group/components/group-cloud.component.html
View File

@@ -57,7 +57,7 @@
</ng-template>
</mat-autocomplete>
</mat-form-field>
<mat-progress-bar *ngIf="validationLoading" mode="indeterminate"></mat-progress-bar>
<mat-progress-bar *ngIf="validationLoading" mode="indeterminate" />
<div class="adf-error-container">
<mat-error *ngIf="hasPreselectError() && !isValidationLoading()" [@transitionMessages]="subscriptAnimationState" class="adf-error">

3
lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
View File

@@ -64,8 +64,7 @@
</mat-form-field>
<mat-progress-bar
*ngIf="validationLoading"
mode="indeterminate">
</mat-progress-bar>
mode="indeterminate" />
<div class="adf-error-container" *ngIf="showErrors">
<mat-error *ngIf="hasPreselectError() && !isValidationLoading()" [@transitionMessages]="subscriptAnimationState" class="adf-error">

12
lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.html
View File

@@ -9,7 +9,7 @@
<div *ngIf="showFilterActions" class="adf-cloud-edit-process-filter-actions">
<ng-container *ngIf="toggleFilterActions">
<button *ngFor="let filterAction of processFilterActions" mat-icon-button [title]="filterAction.tooltip | translate" [attr.data-automation-id]="'adf-filter-action-' + filterAction.actionType" [disabled]="isDisabledAction(filterAction)" (click)="executeFilterActions($event, filterAction)">
<adf-icon [value]="filterAction.icon"></adf-icon>
<adf-icon [value]="filterAction.icon" />
</button>
</ng-container>
</div>
@@ -17,7 +17,7 @@
</ng-container>
<ng-template #loadingTemplate>
<div class="adf-cloud-edit-process-filter-loading-margin">
<mat-spinner [diameter]="30"></mat-spinner>
<mat-spinner [diameter]="30" />
</div>
</ng-template>
</mat-expansion-panel-header>
@@ -72,8 +72,8 @@
[matDatepicker]="dateController"
placeholder="{{processFilterProperty.label | translate}}"
[attr.data-automation-id]="'adf-cloud-edit-process-property-' + processFilterProperty.key">
<mat-datepicker-toggle matSuffix [for]="dateController" [attr.data-automation-id]="'adf-cloud-edit-process-property-date-toggle-' + processFilterProperty.key"></mat-datepicker-toggle>
<mat-datepicker #dateController [attr.data-automation-id]="'adf-cloud-edit-process-property-date-picker-' + processFilterProperty.key"></mat-datepicker>
<mat-datepicker-toggle matSuffix [for]="dateController" [attr.data-automation-id]="'adf-cloud-edit-process-property-date-toggle-' + processFilterProperty.key" />
<mat-datepicker #dateController [attr.data-automation-id]="'adf-cloud-edit-process-property-date-picker-' + processFilterProperty.key" />
<div class="adf-edit-process-filter-date-error-container">
<div *ngIf="hasError(processFilterProperty)">
<div class="adf-error-text">{{'ADF_CLOUD_EDIT_PROCESS_FILTER.ERROR.DATE' | translate}}</div>
@@ -86,7 +86,7 @@
[processFilterProperty]="processFilterProperty"
[options]="processFilterProperty.dateFilterOptions"
(dateTypeChange)="onDateTypeChange($event, processFilterProperty)"
(dateChanged)="onDateRangeFilterChanged($event, processFilterProperty)"></adf-cloud-date-range-filter>
(dateChanged)="onDateRangeFilterChanged($event, processFilterProperty)" />
<adf-cloud-people
*ngIf="processFilterProperty.type === 'people'"
[preSelectUsers]="initiatorOptions"
@@ -94,7 +94,7 @@
[validate]="true"
[appName]="appName"
[mode]="processFilterProperty.selectionMode"
(changedUsers)="onChangedUser($event, processFilterProperty)"></adf-cloud-people>
(changedUsers)="onChangedUser($event, processFilterProperty)" />
</ng-container>
</div>
</form>

5
lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.html
View File

@@ -13,8 +13,7 @@
<adf-icon
data-automation-id="adf-filter-icon"
*ngIf="showIcons"
[value]="filter.icon">
</adf-icon>
[value]="filter.icon" />
<span
data-automation-id="adf-filter-label"
class="adf-filter-action-button__label">
@@ -35,7 +34,7 @@
<ng-template #loading>
<ng-container>
<div class="adf-app-list-spinner">
<mat-spinner></mat-spinner>
<mat-spinner />
</div>
</ng-container>
</ng-template>

1
lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.ts
View File

@@ -268,6 +268,7 @@ export class ProcessFiltersCloudComponent implements OnInit, OnChanges, OnDestro
/**
* Get current value for filter and check if value has changed
*
* @param filter filter
*/
updateFilterCounter(filter: ProcessFilterCloudModel): void {

2
lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
View File

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

9
lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.html
View File

@@ -29,8 +29,7 @@
*ngIf="!customLoadingContent"
class="adf-cloud-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>
@@ -39,8 +38,7 @@
<adf-empty-content *ngIf="!emptyCustomContent"
icon="assessment"
[title]="'ADF_CLOUD_PROCESS_LIST.MESSAGES.TITLE' | translate"
[subtitle]="'ADF_CLOUD_PROCESS_LIST.MESSAGES.SUBTITLE'| translate">
</adf-empty-content>
[subtitle]="'ADF_CLOUD_PROCESS_LIST.MESSAGES.SUBTITLE'| translate" />
<ng-content select="adf-custom-empty-content-template"></ng-content>
</ng-template>
</adf-no-content-template>
@@ -50,8 +48,7 @@
<adf-datatable-column-selector
[columns]="columns"
[mainMenuTrigger]="mainMenuTrigger"
(submitColumnsVisibility)="onColumnsVisibilityChange($event)">
</adf-datatable-column-selector>
(submitColumnsVisibility)="onColumnsVisibilityChange($event)" />
</ng-template>
</adf-main-menu-datatable-template>
</adf-datatable>

4
lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.spec.ts
View File

@@ -47,8 +47,8 @@ import { MatProgressSpinnerHarness } from '@angular/material/progress-spinner/te
@Component({
template: ` <adf-cloud-process-list #processListCloud>
<data-columns>
<data-column key="name" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column" [order]="3"></data-column>
<data-column key="created" title="ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden"></data-column>
<data-column key="name" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column" [order]="3" />
<data-column key="created" title="ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden" />
<data-column key="startedBy" title="ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED" class="adf-desktop-only dw-dt-col-3 adf-ellipsis-cell">
<ng-template let-entry="$implicit">
<div>{{ getFullName(entry.row.obj.startedBy) }}</div>

3
lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html
View File

@@ -137,7 +137,6 @@
<mat-progress-spinner
class="adf-loading"
color="primary"
mode="indeterminate">
</mat-progress-spinner>
mode="indeterminate" />
</div>
</ng-template>

1
lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.spec.ts
View File

@@ -126,6 +126,7 @@ describe('StartProcessCloudComponent', () => {
/**
* Setup the component with the given start event information.
*
* @param values the values for the form
* @param staticValues the static values retrieved from the API for the form
* @param constantValues the constant values retrieved from the API for customising the buttons

13
lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.html
View File

@@ -48,11 +48,10 @@
[(ngModel)]="dueDate"
[ngModelOptions]="{standalone: true}"
id="date_id">
<mat-datepicker-toggle matSuffix [for]="taskDatePicker"></mat-datepicker-toggle>
<mat-datepicker-toggle matSuffix [for]="taskDatePicker" />
<mat-datepicker #taskDatePicker
[touchUi]="true"
(dateChanged)="onDateChanged($event)">
</mat-datepicker>
(dateChanged)="onDateChanged($event)" />
<div class="adf-cloud-date-error-container">
<div *ngIf="dateError">
<div class="adf-error-text">{{'ADF_CLOUD_START_TASK.ERROR.DATE' | translate}}</div>
@@ -66,7 +65,7 @@
[searchUserCtrl]="assigneeFormControl"
(selectUser)="onAssigneeSelect($event)"
[title]="'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.ASSIGNEE'"
(removeUser)="onAssigneeRemove()"></adf-cloud-people>
(removeUser)="onAssigneeRemove()" />
</div>
<div class="adf-cloud-start-task-form-row">
@@ -77,12 +76,10 @@
[appName]="appName"
[searchGroupsControl]="candidateUserFormControl"
(selectGroup)="onCandidateGroupSelect($event)"
(removeGroup)="onCandidateGroupRemove($event)">
</adf-cloud-group>
(removeGroup)="onCandidateGroupRemove($event)" />
<adf-cloud-form-definition-selector *ngIf="appName"
[appName]="appName"
(selectForm)="onFormSelect($event)">
</adf-cloud-form-definition-selector>
(selectForm)="onFormSelect($event)" />
</div>
</mat-card-content>

4
lib/process-services-cloud/src/lib/task/task-filters/components/base-task-filters-cloud.component.html
View File

@@ -12,7 +12,7 @@
<adf-icon data-automation-id="adf-filter-icon"
*ngIf="showIcons"
[value]="filter.icon"
></adf-icon>
/>
<span data-automation-id="adf-filter-label">
{{ filter.name | translate }}
</span>
@@ -29,7 +29,7 @@
<ng-template #loading>
<ng-container>
<div class="adf-app-list-spinner">
<mat-spinner></mat-spinner>
<mat-spinner />
</div>
</ng-container>
</ng-template>

19
lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.html
View File

@@ -14,7 +14,7 @@
[attr.data-automation-id]="'adf-filter-action-' + filterAction.actionType"
[disabled]="isDisabledAction(filterAction)"
(click)="executeFilterActions(filterAction)">
<adf-icon [value]="filterAction.icon"></adf-icon>
<adf-icon [value]="filterAction.icon" />
</button>
</ng-container>
</div>
@@ -22,7 +22,7 @@
</ng-container>
<ng-template #loadingTemplate>
<div class="adf-cloud-edit-task-filter-loading-margin">
<mat-progress-spinner mode="indeterminate" [diameter]="30"></mat-progress-spinner>
<mat-progress-spinner mode="indeterminate" [diameter]="30" />
</div>
</ng-template>
</mat-expansion-panel-header>
@@ -66,11 +66,9 @@
[attr.data-automation-id]="'adf-cloud-edit-task-property-' + taskFilterProperty.key">
<mat-datepicker-toggle matSuffix
[for]="dateController"
[attr.data-automation-id]="'adf-cloud-edit-task-property-date-toggle-' + taskFilterProperty.key">
</mat-datepicker-toggle>
[attr.data-automation-id]="'adf-cloud-edit-task-property-date-toggle-' + taskFilterProperty.key" />
<mat-datepicker #dateController
[attr.data-automation-id]="'adf-cloud-edit-task-property-date-picker-' + taskFilterProperty.key">
</mat-datepicker>
[attr.data-automation-id]="'adf-cloud-edit-task-property-date-picker-' + taskFilterProperty.key" />
<div class="adf-edit-task-filter-date-error-container">
<div *ngIf="hasError(taskFilterProperty)">
<div class="adf-error-text">{{'ADF_TASK_LIST.START_TASK.FORM.ERROR.DATE'|translate}}</div>
@@ -91,8 +89,7 @@
[processFilterProperty]="taskFilterProperty"
[options]="taskFilterProperty.dateFilterOptions"
(dateTypeChange)="onDateTypeChange($event, taskFilterProperty)"
(dateChanged)="onDateRangeFilterChanged($event, taskFilterProperty)">
</adf-cloud-date-range-filter>
(dateChanged)="onDateRangeFilterChanged($event, taskFilterProperty)" />
<adf-cloud-people
class="{{ 'adf-edit-task-filter-' + taskFilterProperty.key }}"
*ngIf="taskFilterProperty.type === 'people'"
@@ -101,8 +98,7 @@
[validate]="true"
[appName]="appName"
[mode]="taskFilterProperty.selectionMode"
(changedUsers)="onChangedUser($event, taskFilterProperty)">
</adf-cloud-people>
(changedUsers)="onChangedUser($event, taskFilterProperty)" />
<adf-cloud-task-assignment-filter
*ngIf="taskFilterProperty.type === 'assignment'"
@@ -111,8 +107,7 @@
[appName]="appName"
(assignedUsersChange)="onAssignedUsersChange($event)"
(assignedGroupsChange)="onAssignedGroupsChange($event)"
(assignmentTypeChange)="onAssignmentTypeChange($event)">
</adf-cloud-task-assignment-filter>
(assignmentTypeChange)="onAssignmentTypeChange($event)" />
</ng-container>
</div>

6
lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
View File

@@ -26,8 +26,7 @@
[preSelectGroups]="candidateGroups"
[mode]="taskFilterProperty.selectionMode"
[title]="'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.CANDIDATE_GROUP'"
(changedGroups)="onChangedGroups($event)">
</adf-cloud-group>
(changedGroups)="onChangedGroups($event)" />
<adf-cloud-people *ngIf="isAssignedToType()"
class="adf-group-cloud-filter"
@@ -35,6 +34,5 @@
[preSelectUsers]="assignedUsers"
[title]="'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.ASSIGNEE'"
[appName]="appName"
(changedUsers)="onChangedAssignedUsers($event)">
</adf-cloud-people>
(changedUsers)="onChangedAssignedUsers($event)" />
</div>

5
lib/process-services-cloud/src/lib/task/task-form/components/task-form-cloud.component.html
View File

@@ -41,8 +41,7 @@
<adf-empty-content
[icon]="'description'"
[title]="'ADF_CLOUD_TASK_FORM.EMPTY_FORM.TITLE'"
[subtitle]="'ADF_CLOUD_TASK_FORM.EMPTY_FORM.SUBTITLE'">
</adf-empty-content>
[subtitle]="'ADF_CLOUD_TASK_FORM.EMPTY_FORM.SUBTITLE'" />
</mat-card-content>
<mat-card-actions class="adf-task-form-actions" align="end">
<ng-template [ngTemplateOutlet]="taskFormCloudButtons">
@@ -70,5 +69,5 @@
</div>
<ng-template #loadingTemplate>
<mat-spinner class="adf-task-form-cloud-spinner"></mat-spinner>
<mat-spinner class="adf-task-form-cloud-spinner" />
</ng-template>

5
lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.html
View File

@@ -8,14 +8,13 @@
[displayNoneOption]="false"
[properties]="properties"
[editable]="isTaskEditable()"
[displayClearAction]="displayDateClearAction">
</adf-card-view>
[displayClearAction]="displayDateClearAction" />
</mat-card-content>
</mat-card>
</div>
<ng-template #loadingTemplate>
<div class="adf-task-header-loading">
<mat-spinner></mat-spinner>
<mat-spinner />
</div>
</ng-template>

9
lib/process-services-cloud/src/lib/task/task-list/components/base-task-list-cloud.component.html
View File

@@ -31,8 +31,7 @@
<!-- Add your custom loading template here -->
<mat-progress-spinner class="adf-cloud-task-list-loading-margin"
[color]="'primary'"
[mode]="'indeterminate'">
</mat-progress-spinner>
[mode]="'indeterminate'" />
</ng-template>
</adf-loading-content-template>
<adf-no-content-template>
@@ -40,8 +39,7 @@
<adf-empty-content *ngIf="!emptyCustomContent"
icon="assignment"
[title]="'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.TITLE' | translate"
[subtitle]="'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate">
</adf-empty-content>
[subtitle]="'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate" />
<ng-content select="adf-custom-empty-content-template"></ng-content>
</ng-template>
</adf-no-content-template>
@@ -51,8 +49,7 @@
<adf-datatable-column-selector
[columns]="columns"
[mainMenuTrigger]="mainMenuTrigger"
(submitColumnsVisibility)="onColumnsVisibilityChange($event)">
</adf-datatable-column-selector>
(submitColumnsVisibility)="onColumnsVisibilityChange($event)" />
</ng-template>
</adf-main-menu-datatable-template>
</adf-datatable>

13
lib/process-services-cloud/src/lib/task/task-list/components/service-task-list-cloud.component.spec.ts
View File

@@ -33,13 +33,8 @@ import { MatProgressSpinnerHarness } from '@angular/material/progress-spinner/te
@Component({
template: ` <adf-cloud-service-task-list #taskListCloud>
<data-columns>
<data-column
key="activityName"
title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME"
class="adf-full-width adf-name-column"
[order]="2"
></data-column>
<data-column key="startedDate" title="ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden"></data-column>
<data-column key="activityName" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column" [order]="2" />
<data-column key="startedDate" title="ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden" />
</data-columns>
</adf-cloud-service-task-list>`
})
@@ -60,8 +55,8 @@ class EmptyTemplateComponent {}
@Component({
template: ` <adf-cloud-service-task-list>
<data-columns>
<data-column [copyContent]="true" key="id" title="ADF_CLOUD_TASK_LIST.PROPERTIES.ID"></data-column>
<data-column key="activityName" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME"></data-column>
<data-column [copyContent]="true" key="id" title="ADF_CLOUD_TASK_LIST.PROPERTIES.ID" />
<data-column key="activityName" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME" />
</data-columns>
</adf-cloud-service-task-list>`
})

14
lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.spec.ts
View File

@@ -37,14 +37,8 @@ import { MatProgressSpinnerHarness } from '@angular/material/progress-spinner/te
@Component({
template: ` <adf-cloud-task-list #taskListCloud>
<data-columns>
<data-column
id="name"
key="name"
title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME"
class="adf-full-width adf-name-column"
[order]="3"
></data-column>
<data-column id="created" key="created" title="ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden"></data-column>
<data-column id="name" key="name" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column" [order]="3" />
<data-column id="created" key="created" title="ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden" />
<data-column
id="startedBy"
key="startedBy"
@@ -79,8 +73,8 @@ class EmptyTemplateComponent {}
@Component({
template: ` <adf-cloud-task-list>
<data-columns>
<data-column [copyContent]="true" key="id" title="ADF_CLOUD_TASK_LIST.PROPERTIES.ID"></data-column>
<data-column key="name" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME"></data-column>
<data-column [copyContent]="true" key="id" title="ADF_CLOUD_TASK_LIST.PROPERTIES.ID" />
<data-column key="name" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME" />
</data-columns>
</adf-cloud-task-list>`
})