From 0a17fb4f4c1c24db72918c8cc922e2570bbd2cf8 Mon Sep 17 00:00:00 2001 From: Denys Vuika Date: Wed, 15 Jan 2025 08:37:46 -0500 Subject: [PATCH] AAE-26215 Standalone process cloud components (#10553) --- docs/README.md | 5 +- .../images/adf-task-audit-directive.png | Bin 7050 -> 0 bytes .../edit-process-filter-cloud.component.md | 93 +++++----- .../process-filters-cloud.component.md | 28 +-- .../components/task-details.component.md | 21 --- .../directives/task-audit.directive.md | 42 ----- .../src/lib/material.module.ts | 92 ---------- .../src/lib/process-services-cloud.module.ts | 35 ++-- .../src/lib/process/process-cloud.module.ts | 10 +- .../edit-process-filter-cloud.component.html | 23 ++- .../edit-process-filter-cloud.component.scss | 0 ...dit-process-filter-cloud.component.spec.ts | 52 ++---- .../edit-process-filter-cloud.component.ts | 50 ++++-- ...process-filter-dialog-cloud.component.html | 13 +- ...process-filter-dialog-cloud.component.scss | 0 ...cess-filter-dialog-cloud.component.spec.ts | 5 +- .../process-filter-dialog-cloud.component.ts | 10 +- .../process-filters-cloud.component.html | 0 .../process-filters-cloud.component.scss | 0 .../process-filters-cloud.component.spec.ts | 26 +-- .../process-filters-cloud.component.ts | 33 ++-- .../process-filters-cloud.module.ts | 36 ++-- .../lib/process/process-filters/public-api.ts | 6 +- .../process-list-cloud.component.html | 2 +- .../process-list-cloud.component.spec.ts | 163 +++++++++++++++++- .../process-list-cloud.component.ts | 129 ++++++++------ .../mock/process-list-service.mock.ts | 163 ------------------ .../process-list/process-list-cloud.module.ts | 6 +- .../mock/start-process.component.mock.ts | 11 -- .../src/lib/task/task-cloud.module.ts | 1 + .../edit-task-filter-cloud.component.ts | 4 +- .../task-list-cloud.component.spec.ts | 23 ++- .../task-list/task-list-cloud.component.ts | 7 + .../task/task-list/task-list-cloud.module.ts | 1 + .../no-task-detail-template.directive.spec.ts | 36 ---- .../no-task-detail-template.directive.ts | 39 ----- .../task-audit/task-audit.directive.spec.ts | 155 ----------------- .../task-audit/task-audit.directive.ts | 121 ------------- .../src/lib/task-list/public-api.ts | 8 +- 39 files changed, 475 insertions(+), 974 deletions(-) delete mode 100644 docs/docassets/images/adf-task-audit-directive.png delete mode 100644 docs/process-services/directives/task-audit.directive.md delete mode 100644 lib/process-services-cloud/src/lib/material.module.ts rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => edit-process-filter}/edit-process-filter-cloud.component.html (85%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => edit-process-filter}/edit-process-filter-cloud.component.scss (100%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => edit-process-filter}/edit-process-filter-cloud.component.spec.ts (95%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => edit-process-filter}/edit-process-filter-cloud.component.ts (93%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => process-filter-dialog}/process-filter-dialog-cloud.component.html (67%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => process-filter-dialog}/process-filter-dialog-cloud.component.scss (100%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => process-filter-dialog}/process-filter-dialog-cloud.component.spec.ts (95%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => process-filter-dialog}/process-filter-dialog-cloud.component.ts (75%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => process-filters}/process-filters-cloud.component.html (100%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => process-filters}/process-filters-cloud.component.scss (100%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => process-filters}/process-filters-cloud.component.spec.ts (97%) rename lib/process-services-cloud/src/lib/process/process-filters/components/{ => process-filters}/process-filters-cloud.component.ts (90%) delete mode 100644 lib/process-services-cloud/src/lib/process/process-list/mock/process-list-service.mock.ts delete mode 100644 lib/process-services/src/lib/task-list/components/no-task-details/no-task-detail-template.directive.spec.ts delete mode 100644 lib/process-services/src/lib/task-list/components/no-task-details/no-task-detail-template.directive.ts delete mode 100644 lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.spec.ts delete mode 100644 lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.ts diff --git a/docs/README.md b/docs/README.md index 0b42a6d5e1..47f1556eca 100644 --- a/docs/README.md +++ b/docs/README.md @@ -445,7 +445,6 @@ for more information about installing and using the source code. | ---- | ----------- | ----------- | | [Claim Task Directive](process-services/directives/claim-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Claims a task | [Source](../lib/process-services/src/lib/task-list/components/task-form/claim-task.directive.ts) | | [Process Audit Directive](process-services/directives/process-audit.directive.md) | Fetches the Process Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/process-list/components/process-audit/process-audit.directive.ts) | -| [Task Audit Directive](process-services/directives/task-audit.directive.md) | Fetches the Task Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.ts) | | [Unclaim Task Directive](process-services/directives/unclaim-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Unclaims a task | [Source](../lib/process-services/src/lib/task-list/components/task-form/unclaim-task.directive.ts) | ### Services @@ -475,7 +474,7 @@ for more information about installing and using the source code. | Name | Description | Source link | | ---- | ----------- | ----------- | | [App List Cloud Component](process-services-cloud/components/app-list-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows all deployed cloud application instances. | [Source](../lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.ts) | -| [Edit Process Filter Cloud component](process-services-cloud/components/edit-process-filter-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows/edits process filter details. | [Source](../lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts) | +| [Edit Process Filter Cloud component](process-services-cloud/components/edit-process-filter-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows/edits process filter details. | [Source](../lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.ts) | | [Edit Task Filter Cloud component](process-services-cloud/components/edit-task-filter-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Edits task filter details. | [Source](../lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-task-filter-cloud.component.ts) | | [Form cloud custom outcomes component](process-services-cloud/components/form-cloud-custom-outcome.component.md) | Supplies custom outcome buttons to be included in Form cloud component. | [Source](../lib/process-services-cloud/src/lib/form/components/form-cloud-custom-outcomes.component.ts) | | [Form cloud component](process-services-cloud/components/form-cloud.component.md) | Shows a form from Process Services. | [Source](../lib/process-services-cloud/src/lib/form/components/form-cloud.component.ts) | @@ -485,7 +484,7 @@ for more information about installing and using the source code. Added: v3.0.0 Status: Experimental | [Source](<>) | -| [Process Filters Cloud Component](process-services-cloud/components/process-filters-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Lists all available process filters and allows to select a filter. | [Source](../lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.ts) | +| [Process Filters Cloud Component](process-services-cloud/components/process-filters-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Lists all available process filters and allows to select a filter. | [Source](../lib/process-services-cloud/src/lib/process/process-filters/components/process-filters/process-filters-cloud.component.ts) | | [Process Header Cloud Component](process-services-cloud/components/process-header-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows all the information related to a process instance. | [Source](../lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.ts) | | [Process Instance List Cloud component](process-services-cloud/components/process-list-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Renders a list containing all the process instances matched by the parameters specified. | [Source](../lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.ts) | | [Start Process Cloud Component](process-services-cloud/components/start-process-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Starts a process. | [Source](../lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.ts) | diff --git a/docs/docassets/images/adf-task-audit-directive.png b/docs/docassets/images/adf-task-audit-directive.png deleted file mode 100644 index 770e27c33b2909628392ca25d0c2648e589cf985..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 7050 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 WW?h3HMmfLTu%3>QcFnDOQU3)qe?yi4 diff --git a/docs/process-services-cloud/components/edit-process-filter-cloud.component.md b/docs/process-services-cloud/components/edit-process-filter-cloud.component.md index 766937e06f..f95465e87f 100644 --- a/docs/process-services-cloud/components/edit-process-filter-cloud.component.md +++ b/docs/process-services-cloud/components/edit-process-filter-cloud.component.md @@ -5,7 +5,7 @@ Status: Experimental Last reviewed: 2023-04-03 --- -# [Edit Process Filter Cloud component](../../../lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts "Defined in edit-process-filter-cloud.component.ts") +# Edit Process Filter Cloud component Shows/edits process filter details. @@ -41,27 +41,27 @@ Shows/edits process filter details. ### Properties -| Name | Type | Default value | Description | -| ---- | ---- | ------------- | ----------- | -| actions | `string[]` | DEFAULT_ACTIONS | List of sort actions. | -| appName | `string` | "" | The name of the application. | -| environmentId | `string` | | [Environment](../../../lib/process-services-cloud/src/lib/common/interface/environment.interface.ts) ID of the application. | -| environmentList | [`Environment`](../../../lib/process-services-cloud/src/lib/common/interface/environment.interface.ts)`[]` | \[] | List of environments. | -| filterProperties | `string[]` | | List of process filter properties to display | -| id | `string` | | Id of the process instance filter. | -| role | `string` | "" | roles to filter the apps | -| showFilterActions | `boolean` | true | Toggles editing of process filter actions. | -| showProcessFilterName | `boolean` | true | Toggles the appearance of the process filter name . | -| showTitle | `boolean` | true | Toggles editing of the process filter title. | -| sortProperties | `string[]` | | List of sort properties to display. | -| processFilter | [`ProcessFilterCloudModel`](../../../lib/process-services-cloud/src/lib/process/process-filters/models/process-filter-cloud.model.ts) | | Process filter | +| Name | Type | Default value | Description | +|-----------------------|---------------------------|-----------------|-----------------------------------------------------| +| actions | `string[]` | DEFAULT_ACTIONS | List of sort actions. | +| appName | `string` | "" | The name of the application. | +| environmentId | `string` | | Environment ID of the application. | +| environmentList | `Environment[]` | \[] | List of environments. | +| filterProperties | `string[]` | | List of process filter properties to display | +| id | `string` | | Id of the process instance filter. | +| role | `string` | "" | roles to filter the apps | +| showFilterActions | `boolean` | true | Toggles editing of process filter actions. | +| showProcessFilterName | `boolean` | true | Toggles the appearance of the process filter name . | +| showTitle | `boolean` | true | Toggles editing of the process filter title. | +| sortProperties | `string[]` | | List of sort properties to display. | +| processFilter | `ProcessFilterCloudModel` | | Process filter | ### Events -| Name | Type | Description | -| ---- | ---- | ----------- | -| action | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`ProcessFilterAction`](../../../lib/process-services-cloud/src/lib/process/process-filters/models/process-filter-cloud.model.ts)`>` | Emitted when a filter action occurs i.e Save, SaveAs, Delete. | -| filterChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`ProcessFilterCloudModel`](../../../lib/process-services-cloud/src/lib/process/process-filters/models/process-filter-cloud.model.ts)`>` | Emitted when a process instance filter property changes. | +| Name | Type | Description | +|--------------|-----------------------------------------|---------------------------------------------------------------| +| action | `EventEmitter` | Emitted when a filter action occurs i.e Save, SaveAs, Delete. | +| filterChange | `EventEmitter` | Emitted when a process instance filter property changes. | ## Details @@ -72,8 +72,8 @@ Use the `appName` and `id` properties to choose which process filter to edit: ```html - + [appName]="appName" +/> ``` ### Filter properties @@ -82,18 +82,18 @@ You can supply various _filter properties_ to edit. These will determine which processes are found by a filter. The full set of properties is given below: -| Name | Description | -| ---- | ----------- | -| **_appName_** | Name of the app | -| **_id_** | Process instance ID | -| **_name_** | Process name. | -| **_initiator_** | ID of the user who initiated the process | -| **_status_** | Execution status of the process. | -| **_processDefinitionId_** | Process definition ID | -| **_processDefinitionKey_** | Process definition key | -| **_lastModified_** | Date the process was last modified. If lastModified defined the component will show the range **_lastModifiedTo_**, **_lastModifiedFrom_** | -| **_sort_** | Field on which the filter results will be sorted. Can be "id", "name", "status", "startDate". | -| **_order_** | Sort ordering of the filter results (this doesn't participate in the filtering itself) | +| Name | Description | +|----------------------------|--------------------------------------------------------------------------------------------------------------------------------------------| +| **_appName_** | Name of the app | +| **_id_** | Process instance ID | +| **_name_** | Process name. | +| **_initiator_** | ID of the user who initiated the process | +| **_status_** | Execution status of the process. | +| **_processDefinitionId_** | Process definition ID | +| **_processDefinitionKey_** | Process definition key | +| **_lastModified_** | Date the process was last modified. If lastModified defined the component will show the range **_lastModifiedTo_**, **_lastModifiedFrom_** | +| **_sort_** | Field on which the filter results will be sorted. Can be "id", "name", "status", "startDate". | +| **_order_** | Sort ordering of the filter results (this doesn't participate in the filtering itself) | By default, the **_status_**, **_sort_** and **_order_** properties are displayed in the editor. However, you can also choose which properties @@ -118,14 +118,15 @@ export class SomeComponent implements OnInit { onAction($event: ProcessFilterAction) { console.log('Clicked action: ', $event); } +} ``` ```html - + [filterProperties]="filterProperties" +/> ``` With this configuration, only the four listed properties will be shown. @@ -146,7 +147,8 @@ export class SomeComponent implements OnInit { sortProperties: string[] = [ "startDate", - "lastModified"]; + "lastModified" + ]; onFilterChange(filter: ProcessFilterCloudModel) { console.log('On filter change: ', filter); @@ -155,14 +157,15 @@ export class SomeComponent implements OnInit { onAction($event: ProcessFilterAction) { console.log('Clicked action: ', $event); } +} ``` ```html - + [sortProperties]="sortProperties" +/> ``` With this configuration, only the two listed sort properties will be shown. @@ -171,11 +174,11 @@ With this configuration, only the two listed sort properties will be shown. You can supply various _actions_ to apply on process filter. -| Name | Description | -| ---- | ----------- | -| **_save_** | Save process filter. | +| Name | Description | +|--------------|-------------------------------| +| **_save_** | Save process filter. | | **_saveAs_** | Creates a new process filter. | -| **_delete_** | Delete process filter. | +| **_delete_** | Delete process filter. | By default, the **_save_**, **_saveAs_** and **_delete_** actions are displayed in the editor. However, you can also choose which actions to @@ -194,14 +197,15 @@ export class SomeComponent implements OnInit { onAction($event: ProcessFilterAction) { console.log('Clicked action: ', $event); } +} ``` ```html - + [actions]="actions" +/> ``` With this configuration, only the two actions will be shown. @@ -211,7 +215,6 @@ With this configuration, only the two actions will be shown. Users can save a filter if they make any changes to it in an application using the **Save** icon. How it is saved is dictated by the Activiti version used: - An Activiti 7 community version stores saved filters in the local browser storage. This restricts a user's custom filters to that single session. - - An Activiti Enterprise version uses the preference service to store saved filters. This allows for user's custom filters to be available between sessions and between devices. ## See also diff --git a/docs/process-services-cloud/components/process-filters-cloud.component.md b/docs/process-services-cloud/components/process-filters-cloud.component.md index 59e77352a4..d960153d1d 100644 --- a/docs/process-services-cloud/components/process-filters-cloud.component.md +++ b/docs/process-services-cloud/components/process-filters-cloud.component.md @@ -5,7 +5,7 @@ Status: Experimental Last reviewed: 2019-01-08 --- -# [Process Filters Cloud Component](../../../lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.ts "Defined in process-filters-cloud.component.ts") +# Process Filters Cloud Component Lists all available process filters and allows to select a filter. @@ -14,28 +14,28 @@ Lists all available process filters and allows to select a filter. ```html - + [showIcons]="true" +/> ``` ## Class members ### Properties -| Name | Type | Default value | Description | -| ---- | ---- | ------------- | ----------- | -| appName | `string` | "" | (required) The application name | -| filterParam | `UserTaskFilterRepresentation` | | (optional) The filter to be selected by default | -| showIcons | `boolean` | false | (optional) Toggles showing an icon by the side of each filter | +| Name | Type | Default value | Description | +|-------------|--------------------------------|---------------|---------------------------------------------------------------| +| appName | `string` | "" | (required) The application name | +| filterParam | `UserTaskFilterRepresentation` | | (optional) The filter to be selected by default | +| showIcons | `boolean` | false | (optional) Toggles showing an icon by the side of each filter | ### Events -| Name | Type | Description | -| ---- | ---- | ----------- | -| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when any error occurs while loading the filters | -| filterClicked | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`ProcessFilterCloudModel`](../../../lib/process-services-cloud/src/lib/process/process-filters/models/process-filter-cloud.model.ts)`>` | Emitted when a filter is being clicked from the UI. | -| filterSelected | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`ProcessFilterCloudModel`](../../../lib/process-services-cloud/src/lib/process/process-filters/models/process-filter-cloud.model.ts)`>` | Emitted when a filter is being selected based on the filterParam input. | -| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when filters are loaded successfully | +| Name | Type | Description | +|----------------|-----------------------------------------|-------------------------------------------------------------------------| +| error | `EventEmitter` | Emitted when any error occurs while loading the filters | +| filterClicked | `EventEmitter` | Emitted when a filter is being clicked from the UI. | +| filterSelected | `EventEmitter` | Emitted when a filter is being selected based on the filterParam input. | +| success | `EventEmitter` | Emitted when filters are loaded successfully | ## See also diff --git a/docs/process-services/components/task-details.component.md b/docs/process-services/components/task-details.component.md index 4f21be779f..b0b24e14a1 100644 --- a/docs/process-services/components/task-details.component.md +++ b/docs/process-services/components/task-details.component.md @@ -53,24 +53,3 @@ Shows the details of the task ID passed in as input. | taskCreated | `EventEmitter` | Emitted when a checklist task is created. | | taskDeleted | `EventEmitter` | Emitted when a checklist task is deleted. | | unClaimedTask | `EventEmitter` | Emitted when a task is unclaimed. | - -## Details - -### Custom 'empty Task Details' template - -By default, the [Task Details component](task-details.component.md) shows "No Tasks" message when there are -no details. You can change this by adding a custom HTML template as in the following -example: - -```html - - - -

Sorry, no tasks here

- example - - - -``` - -Note that you can use any HTML content in the template, including other Angular components. diff --git a/docs/process-services/directives/task-audit.directive.md b/docs/process-services/directives/task-audit.directive.md deleted file mode 100644 index 87a1f0e5cc..0000000000 --- a/docs/process-services/directives/task-audit.directive.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -Title: Task Audit Directive -Added: v2.0.0 -Status: Active -Last reviewed: 2019-01-14 ---- - -# [Task Audit Directive](../../../lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.ts "Defined in task-audit.directive.ts") - -Fetches the Task Audit information in PDF or JSON format. - -![adf-task-audit-directive](../../docassets/images/adf-task-audit-directive.png) - -## Basic Usage - -```html - -``` - -## Class members - -### Properties - -| Name | Type | Default value | Description | -| ---- | ---- | ------------- | ----------- | -| download | `boolean` | true | Enables downloading of the audit when the decorated element is clicked. | -| fileName | `string` | "Audit" | Name of the downloaded file (for PDF downloads). | -| format | `string` | "pdf" | Format of the audit information. Can be "pdf" or "json". | -| taskId | `string` | | (**required**) The id of the task. | - -### Events - -| Name | Type | Description | -| ---- | ---- | ----------- | -| clicked | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when the decorated element is clicked. | -| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when an error occurs. | diff --git a/lib/process-services-cloud/src/lib/material.module.ts b/lib/process-services-cloud/src/lib/material.module.ts deleted file mode 100644 index b9a832560a..0000000000 --- a/lib/process-services-cloud/src/lib/material.module.ts +++ /dev/null @@ -1,92 +0,0 @@ -/*! - * @license - * Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import { NgModule } from '@angular/core'; -import { MatAutocompleteModule } from '@angular/material/autocomplete'; -import { MatButtonModule } from '@angular/material/button'; -import { MatCardModule } from '@angular/material/card'; -import { MatCheckboxModule } from '@angular/material/checkbox'; -import { MatChipsModule } from '@angular/material/chips'; -import { MatNativeDateModule, MatRippleModule, MatOptionModule } from '@angular/material/core'; -import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field'; -import { MatDatepickerModule } from '@angular/material/datepicker'; -import { MatDialogModule } from '@angular/material/dialog'; -import { MatExpansionModule } from '@angular/material/expansion'; -import { MatGridListModule } from '@angular/material/grid-list'; -import { MatIconModule } from '@angular/material/icon'; -import { MatInputModule } from '@angular/material/input'; -import { MatListModule } from '@angular/material/list'; -import { MatMenuModule } from '@angular/material/menu'; -import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; -import { MatRadioModule } from '@angular/material/radio'; -import { MatSelectModule } from '@angular/material/select'; -import { MatSlideToggleModule } from '@angular/material/slide-toggle'; -import { MatTableModule } from '@angular/material/table'; -import { MatTabsModule } from '@angular/material/tabs'; - -@NgModule({ - providers: [{ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { floatLabel: 'never' } }], - imports: [ - MatAutocompleteModule, - MatButtonModule, - MatCardModule, - MatDialogModule, - MatCheckboxModule, - MatDatepickerModule, - MatGridListModule, - MatIconModule, - MatInputModule, - MatListModule, - MatOptionModule, - MatRadioModule, - MatSelectModule, - MatSlideToggleModule, - MatTableModule, - MatTabsModule, - MatProgressSpinnerModule, - MatNativeDateModule, - MatRippleModule, - MatChipsModule, - MatMenuModule, - MatExpansionModule - ], - exports: [ - MatAutocompleteModule, - MatButtonModule, - MatCardModule, - MatDialogModule, - MatCheckboxModule, - MatDatepickerModule, - MatGridListModule, - MatIconModule, - MatInputModule, - MatListModule, - MatOptionModule, - MatRadioModule, - MatSelectModule, - MatSlideToggleModule, - MatTableModule, - MatTabsModule, - MatProgressSpinnerModule, - MatNativeDateModule, - MatRippleModule, - MatChipsModule, - MatMenuModule, - MatExpansionModule - ] -}) -export class MaterialModule {} diff --git a/lib/process-services-cloud/src/lib/process-services-cloud.module.ts b/lib/process-services-cloud/src/lib/process-services-cloud.module.ts index 4a994895ee..435826dbac 100644 --- a/lib/process-services-cloud/src/lib/process-services-cloud.module.ts +++ b/lib/process-services-cloud/src/lib/process-services-cloud.module.ts @@ -16,7 +16,7 @@ */ import { NgModule, ModuleWithProviders } from '@angular/core'; -import { CoreModule, FormRenderingService, provideTranslations } from '@alfresco/adf-core'; +import { FormRenderingService, provideTranslations } from '@alfresco/adf-core'; import { APP_LIST_CLOUD_DIRECTIVES } from './app/app-list-cloud.module'; import { TaskCloudModule } from './task/task-cloud.module'; import { ProcessCloudModule } from './process/process-cloud.module'; @@ -31,35 +31,22 @@ import { TASK_LIST_PREFERENCES_SERVICE_TOKEN } from './services/public-api'; import { CloudFormRenderingService } from './form/components/cloud-form-rendering.service'; -import { ApolloModule } from 'apollo-angular'; import { RichTextEditorComponent } from './rich-text-editor'; import { GroupCloudComponent } from './group/components/group-cloud.component'; import { PeopleCloudComponent } from './people/components/people-cloud.component'; +export const PROCESS_SERVICES_CLOUD_DIRECTIVES = [ + ...APP_LIST_CLOUD_DIRECTIVES, + ...FORM_CLOUD_DIRECTIVES, + ...TASK_FORM_CLOUD_DIRECTIVES, + PeopleCloudComponent, + RichTextEditorComponent +] as const; + @NgModule({ - imports: [ - CoreModule, - ...APP_LIST_CLOUD_DIRECTIVES, - ProcessCloudModule, - TaskCloudModule, - GroupCloudComponent, - PeopleCloudComponent, - ...FORM_CLOUD_DIRECTIVES, - ...TASK_FORM_CLOUD_DIRECTIVES, - ApolloModule, - RichTextEditorComponent - ], + imports: [ProcessCloudModule, TaskCloudModule, GroupCloudComponent, ...PROCESS_SERVICES_CLOUD_DIRECTIVES], providers: [provideTranslations('adf-process-services-cloud', 'assets/adf-process-services-cloud')], - exports: [ - ...APP_LIST_CLOUD_DIRECTIVES, - ProcessCloudModule, - TaskCloudModule, - GroupCloudComponent, - ...FORM_CLOUD_DIRECTIVES, - ...TASK_FORM_CLOUD_DIRECTIVES, - PeopleCloudComponent, - RichTextEditorComponent - ] + exports: [ProcessCloudModule, TaskCloudModule, GroupCloudComponent, ...PROCESS_SERVICES_CLOUD_DIRECTIVES] }) export class ProcessServicesCloudModule { static forRoot( diff --git a/lib/process-services-cloud/src/lib/process/process-cloud.module.ts b/lib/process-services-cloud/src/lib/process/process-cloud.module.ts index 5487d76494..89c724d581 100644 --- a/lib/process-services-cloud/src/lib/process/process-cloud.module.ts +++ b/lib/process-services-cloud/src/lib/process/process-cloud.module.ts @@ -16,14 +16,16 @@ */ import { NgModule } from '@angular/core'; -import { ProcessFiltersCloudModule } from './process-filters/process-filters-cloud.module'; +import { PROCESS_FILTERS_CLOUD_DIRECTIVES } from './process-filters/process-filters-cloud.module'; import { ProcessListCloudModule } from './process-list/process-list-cloud.module'; -import { CoreModule } from '@alfresco/adf-core'; import { StartProcessCloudComponent } from './start-process/components/start-process-cloud.component'; import { ProcessHeaderCloudComponent } from './process-header/components/process-header-cloud.component'; +export const PROCESS_CLOUD_DIRECTIVES = [StartProcessCloudComponent, ProcessHeaderCloudComponent] as const; + +/** @deprecated use standalone components or PROCESS_CLOUD_DIRECTIVES instead */ @NgModule({ - imports: [CoreModule, ProcessFiltersCloudModule, ProcessListCloudModule, StartProcessCloudComponent, ProcessHeaderCloudComponent], - exports: [ProcessFiltersCloudModule, ProcessListCloudModule, StartProcessCloudComponent, ProcessHeaderCloudComponent] + imports: [...PROCESS_FILTERS_CLOUD_DIRECTIVES, ProcessListCloudModule, ...PROCESS_CLOUD_DIRECTIVES], + exports: [...PROCESS_FILTERS_CLOUD_DIRECTIVES, ProcessListCloudModule, ...PROCESS_CLOUD_DIRECTIVES] }) export class ProcessCloudModule {} diff --git a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.html similarity index 85% rename from lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.html rename to lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.html index 769de7df98..66b70c8e47 100644 --- a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.html +++ b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.html @@ -8,7 +8,12 @@ {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.TITLE' | translate}}
- @@ -72,14 +77,16 @@ [matDatepicker]="dateController" placeholder="{{processFilterProperty.label | translate}}" [attr.data-automation-id]="'adf-cloud-edit-process-property-' + processFilterProperty.key"> - - -
-
-
{{'ADF_CLOUD_EDIT_PROCESS_FILTER.ERROR.DATE' | translate}}
- warning + + +
+
+
{{'ADF_CLOUD_EDIT_PROCESS_FILTER.ERROR.DATE' | translate}}
+ warning +
-
{ @@ -106,17 +96,7 @@ describe('EditProcessFilterCloudComponent', () => { MatDialogModule, NoopTranslateModule, NoopAnimationsModule, - MatSelectModule, - MatDatepickerModule, - MatAutocompleteModule, - FullNamePipe, - MatFormFieldModule, - MatInputModule, - ReactiveFormsModule, - MatChipsModule, - MatProgressBarModule, - PeopleCloudComponent, - DateRangeFilterComponent + EditProcessFilterCloudComponent ], providers: [ { provide: PROCESS_FILTERS_SERVICE_TOKEN, useClass: LocalPreferenceCloudService }, diff --git a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.ts similarity index 93% rename from lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts rename to lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.ts index 5a6aa9c878..86eca1cbf9 100644 --- a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts +++ b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.ts @@ -16,28 +16,40 @@ */ import { Component, DestroyRef, EventEmitter, inject, Input, OnChanges, OnInit, Output, SimpleChanges, ViewEncapsulation } from '@angular/core'; -import { AbstractControl, FormBuilder, FormControl, FormGroup } from '@angular/forms'; +import { AbstractControl, FormBuilder, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; import { DateAdapter } from '@angular/material/core'; import { MatDialog } from '@angular/material/dialog'; import { debounceTime, filter, finalize, switchMap, tap } from 'rxjs/operators'; import { Observable, Subscription } from 'rxjs'; -import { AppsProcessCloudService } from '../../../app/services/apps-process-cloud.service'; +import { AppsProcessCloudService } from '../../../../app/services/apps-process-cloud.service'; import { ProcessFilterAction, ProcessFilterCloudModel, ProcessFilterOptions, ProcessFilterProperties, ProcessSortFilterProperty -} from '../models/process-filter-cloud.model'; -import { DateFnsUtils, TranslationService, UserPreferencesService, UserPreferenceValues } from '@alfresco/adf-core'; -import { ProcessFilterCloudService } from '../services/process-filter-cloud.service'; -import { ProcessFilterDialogCloudComponent } from './process-filter-dialog-cloud.component'; -import { ProcessCloudService } from '../../services/process-cloud.service'; -import { DateCloudFilterType, DateRangeFilter } from '../../../models/date-cloud-filter.model'; -import { IdentityUserModel } from '../../../people/models/identity-user.model'; -import { Environment } from '../../../common/interface/environment.interface'; +} from '../../models/process-filter-cloud.model'; +import { DateFnsUtils, IconComponent, TranslationService, UserPreferencesService, UserPreferenceValues } from '@alfresco/adf-core'; +import { ProcessFilterCloudService } from '../../services/process-filter-cloud.service'; +import { ProcessFilterDialogCloudComponent } from '../process-filter-dialog/process-filter-dialog-cloud.component'; +import { ProcessCloudService } from '../../../services/process-cloud.service'; +import { DateCloudFilterType, DateRangeFilter } from '../../../../models/date-cloud-filter.model'; +import { IdentityUserModel } from '../../../../people/models/identity-user.model'; +import { Environment } from '../../../../common/interface/environment.interface'; import { endOfDay, isValid, startOfDay } from 'date-fns'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; +import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; +import { TranslateModule } from '@ngx-translate/core'; +import { MatButtonModule } from '@angular/material/button'; +import { NgForOf, NgIf } from '@angular/common'; +import { MatExpansionModule } from '@angular/material/expansion'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatSelectModule } from '@angular/material/select'; +import { MatInputModule } from '@angular/material/input'; +import { MatDatepickerModule } from '@angular/material/datepicker'; +import { MatIconModule } from '@angular/material/icon'; +import { DateRangeFilterComponent } from '../../../../common/date-range-filter/date-range-filter.component'; +import { PeopleCloudComponent } from '../../../../people/components/people-cloud.component'; export const PROCESS_FILTER_ACTION_SAVE = 'save'; export const PROCESS_FILTER_ACTION_SAVE_AS = 'saveAs'; @@ -68,6 +80,24 @@ interface ProcessFilterFormProps { @Component({ selector: 'adf-cloud-edit-process-filter', + standalone: true, + imports: [ + IconComponent, + MatProgressSpinnerModule, + TranslateModule, + MatButtonModule, + NgForOf, + NgIf, + MatExpansionModule, + MatFormFieldModule, + MatSelectModule, + ReactiveFormsModule, + MatInputModule, + MatDatepickerModule, + MatIconModule, + DateRangeFilterComponent, + PeopleCloudComponent + ], templateUrl: './edit-process-filter-cloud.component.html', styleUrls: ['./edit-process-filter-cloud.component.scss'], encapsulation: ViewEncapsulation.None diff --git a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog/process-filter-dialog-cloud.component.html similarity index 67% rename from lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog-cloud.component.html rename to lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog/process-filter-dialog-cloud.component.html index 475387c011..36649eda14 100644 --- a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog-cloud.component.html +++ b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog/process-filter-dialog-cloud.component.html @@ -4,11 +4,14 @@ -
- - - -
+
+ + + +
` - }) - class BasicButtonComponent { - download: boolean = false; - fileName: string; - format: string; - - onAuditClick() {} - } - - let fixture: ComponentFixture; - let component: BasicButtonComponent; - let service: TaskListService; - - const createFakePdfBlob = (): Blob => { - const pdfData = atob( - 'JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxvZwog' + - 'IC9QYWdlcyAyIDAgUgo+PgplbmRvYmoKCjIgMCBvYmoKPDwKICAvVHlwZSAvUGFnZXMKICAv' + - 'TWVkaWFCb3ggWyAwIDAgMjAwIDIwMCBdCiAgL0NvdW50IDEKICAvS2lkcyBbIDMgMCBSIF0K' + - 'Pj4KZW5kb2JqCgozIDAgb2JqCjw8CiAgL1R5cGUgL1BhZ2UKICAvUGFyZW50IDIgMCBSCiAg' + - 'L1Jlc291cmNlcyA8PAogICAgL0ZvbnQgPDwKICAgICAgL0YxIDQgMCBSIAogICAgPj4KICA+' + - 'PgogIC9Db250ZW50cyA1IDAgUgo+PgplbmRvYmoKCjQgMCBvYmoKPDwKICAvVHlwZSAvRm9u' + - 'dAogIC9TdWJ0eXBlIC9UeXBlMQogIC9CYXNlRm9udCAvVGltZXMtUm9tYW4KPj4KZW5kb2Jq' + - 'Cgo1IDAgb2JqICAlIHBhZ2UgY29udGVudAo8PAogIC9MZW5ndGggNDQKPj4Kc3RyZWFtCkJU' + - 'CjcwIDUwIFRECi9GMSAxMiBUZgooSGVsbG8sIHdvcmxkISkgVGoKRVQKZW5kc3RyZWFtCmVu' + - 'ZG9iagoKeHJlZgowIDYKMDAwMDAwMDAwMCA2NTUzNSBmIAowMDAwMDAwMDEwIDAwMDAwIG4g' + - 'CjAwMDAwMDAwNzkgMDAwMDAgbiAKMDAwMDAwMDE3MyAwMDAwMCBuIAowMDAwMDAwMzAxIDAw' + - 'MDAwIG4gCjAwMDAwMDAzODAgMDAwMDAgbiAKdHJhaWxlcgo8PAogIC9TaXplIDYKICAvUm9v' + - 'dCAxIDAgUgo+PgpzdGFydHhyZWYKNDkyCiUlRU9G' - ); - return new Blob([pdfData], { type: 'application/pdf' }); - }; - - beforeEach(() => { - TestBed.configureTestingModule({ - imports: [ProcessTestingModule, BasicButtonComponent] - }); - fixture = TestBed.createComponent(BasicButtonComponent); - component = fixture.componentInstance; - service = TestBed.inject(TaskListService); - - jasmine.Ajax.install(); - }); - - afterEach(() => { - jasmine.Ajax.uninstall(); - }); - - it('should fetch the pdf Blob when the format is pdf', fakeAsync(() => { - component.fileName = 'FakeAuditName'; - component.format = 'pdf'; - const blob = createFakePdfBlob(); - spyOn(service, 'fetchTaskAuditPdfById').and.returnValue(of(blob)); - spyOn(component, 'onAuditClick').and.callThrough(); - - fixture.detectChanges(); - - const button = fixture.nativeElement.querySelector('#auditButton'); - - fixture.whenStable().then(() => { - fixture.detectChanges(); - expect(component.onAuditClick).toHaveBeenCalledWith({ format: 'pdf', value: blob, fileName: 'FakeAuditName' }); - }); - - button.click(); - })); - - it('should fetch the json info when the format is json', fakeAsync(() => { - component.fileName = 'FakeAuditName'; - component.format = 'json'; - component.download = true; - - const auditJson = { - taskId: '77', - taskName: 'Fake Task Name', - assignee: 'FirstName LastName', - formData: [], - selectedOutcome: null, - comments: [] - }; - spyOn(service, 'fetchTaskAuditJsonById').and.returnValue(of(auditJson)); - spyOn(component, 'onAuditClick').and.callThrough(); - - fixture.detectChanges(); - - const button = fixture.nativeElement.querySelector('#auditButton'); - - fixture.whenStable().then(() => { - fixture.detectChanges(); - expect(component.onAuditClick).toHaveBeenCalledWith({ format: 'json', value: auditJson, fileName: 'FakeAuditName' }); - }); - - button.click(); - })); - - it('should fetch the pdf Blob as default when the format is UNKNOWN', fakeAsync(() => { - component.fileName = 'FakeAuditName'; - component.format = 'fakeFormat'; - const blob = createFakePdfBlob(); - spyOn(service, 'fetchTaskAuditPdfById').and.returnValue(of(blob)); - spyOn(component, 'onAuditClick').and.callThrough(); - - fixture.detectChanges(); - - const button = fixture.nativeElement.querySelector('#auditButton'); - - fixture.whenStable().then(() => { - fixture.detectChanges(); - expect(component.onAuditClick).toHaveBeenCalledWith({ format: 'pdf', value: blob, fileName: 'FakeAuditName' }); - }); - - button.click(); - })); -}); diff --git a/lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.ts b/lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.ts deleted file mode 100644 index aa5ec71198..0000000000 --- a/lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.ts +++ /dev/null @@ -1,121 +0,0 @@ -/*! - * @license - * Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -/* eslint-disable @angular-eslint/no-input-rename */ - -import { DownloadService } from '@alfresco/adf-core'; -import { Directive, EventEmitter, Input, OnChanges, Output } from '@angular/core'; -import { TaskListService } from '../../services/tasklist.service'; - -const JSON_FORMAT: string = 'json'; -const PDF_FORMAT: string = 'pdf'; - -/** @deprecated no longer used anywhere, and can be safely removed */ -@Directive({ - // eslint-disable-next-line @angular-eslint/directive-selector - selector: 'button[adf-task-audit]', - standalone: true, - host: { - role: 'button', - '(click)': 'onClickAudit()' - } -}) -export class TaskAuditDirective implements OnChanges { - /** (**required**) The id of the task. */ - @Input('task-id') - taskId: string; - - /** Name of the downloaded file (for PDF downloads). */ - @Input() - fileName: string = 'Audit'; - - /** Format of the audit information. Can be "pdf" or "json". */ - @Input() - format: string = 'pdf'; - - /** Enables downloading of the audit when the decorated element is clicked. */ - @Input() - download: boolean = true; - - /** Emitted when the decorated element is clicked. */ - @Output() - clicked: EventEmitter = new EventEmitter(); - - /** Emitted when an error occurs. */ - @Output() - error: EventEmitter = new EventEmitter(); - - public audit: any; - - constructor(private downloadService: DownloadService, private taskListService: TaskListService) {} - - ngOnChanges(): void { - if (!this.isValidType()) { - this.setDefaultFormatType(); - } - } - - isValidType(): boolean { - return this.format && (this.isJsonFormat() || this.isPdfFormat()); - } - - setDefaultFormatType(): void { - this.format = PDF_FORMAT; - } - - /** - * fetch the audit information in the requested format - */ - fetchAuditInfo(): void { - if (this.isPdfFormat()) { - this.taskListService.fetchTaskAuditPdfById(this.taskId).subscribe( - (blob: Blob) => { - this.audit = blob; - if (this.download) { - this.downloadService.downloadBlob(this.audit, this.fileName + '.pdf'); - } - this.clicked.emit({ format: this.format, value: this.audit, fileName: this.fileName }); - }, - (err) => { - this.error.emit(err); - } - ); - } else { - this.taskListService.fetchTaskAuditJsonById(this.taskId).subscribe( - (res) => { - this.audit = res; - this.clicked.emit({ format: this.format, value: this.audit, fileName: this.fileName }); - }, - (err) => { - this.error.emit(err); - } - ); - } - } - - onClickAudit() { - this.fetchAuditInfo(); - } - - isJsonFormat() { - return this.format === JSON_FORMAT; - } - - isPdfFormat() { - return this.format === PDF_FORMAT; - } -} diff --git a/lib/process-services/src/lib/task-list/public-api.ts b/lib/process-services/src/lib/task-list/public-api.ts index f0f331f779..bce8c34064 100644 --- a/lib/process-services/src/lib/task-list/public-api.ts +++ b/lib/process-services/src/lib/task-list/public-api.ts @@ -20,8 +20,6 @@ import { UnclaimTaskDirective } from './components/task-form/unclaim-task.direct import { TaskFormComponent } from './components/task-form/task-form.component'; import { AttachFormComponent } from './components/attach-form/attach-form.component'; import { ChecklistComponent } from './components/checklist/checklist.component'; -import { NoTaskDetailsTemplateDirective } from './components/no-task-details/no-task-detail-template.directive'; -import { TaskAuditDirective } from './components/task-audit/task-audit.directive'; import { TaskFiltersComponent } from './components/task-filters/task-filters.component'; import { TaskListComponent } from './components/task-list/task-list.component'; import { TaskDetailsComponent } from './components/task-details/task-details.component'; @@ -32,13 +30,11 @@ import { TaskStandaloneComponent } from './components/task-standalone/task-stand export * from './components/task-list/task-list.component'; export * from './components/checklist/checklist.component'; export * from './components/task-header/task-header.component'; -export * from './components/no-task-details/no-task-detail-template.directive'; export * from './components/task-filters/task-filters.component'; export * from './components/task-form/task-form.component'; export * from './components/task-form/claim-task.directive'; export * from './components/task-form/unclaim-task.directive'; export * from './components/task-details/task-details.component'; -export * from './components/task-audit/task-audit.directive'; export * from './components/start-task/start-task.component'; export * from './components/task-standalone/task-standalone.component'; export * from './components/attach-form/attach-form.component'; @@ -64,7 +60,5 @@ export const TASK_LIST_DIRECTIVES = [ StartTaskComponent, TaskStandaloneComponent, ClaimTaskDirective, - UnclaimTaskDirective, - NoTaskDetailsTemplateDirective, - TaskAuditDirective + UnclaimTaskDirective ] as const;