[ACS-3640] Reverting reverted changes for a 11 y aca 881740 snackbar messages disappear without option to adjust timing (#7988)

* ACS-3640 Increasing time of autoclosing snackbar and adding possibility to add icon to snackbar content * ACS-3640 Fix lint issues * ACS-3640 Addressing PR comments and adding possibility to display icon together with label * ACS-3640 Fix lint issues * ACS-3640 Added possibility to change showAction for different types of notifications * ACS-3640 Addressed PR comments * ACS-3640 Corrected title for snackbar content md file and remove redundant test for snackbar content * ACS-3640 Fixed lint issues * ACS-3640 Fixed unit tests * ACS-3640 Fixed e2e tests * ACS-3640 Correction after rebasing * ACS-3640 Use data automation id * ACS-3640 Corrected one more selector * ACS-3640 Added spaces * ACS-3640 Added spaces * ACS-3640 Added spaces * ACS-3640 Added spaces
2025-07-24 17:32:15 +00:00 · 2022-11-21 09:37:18 +01:00
parent a241fc804c
commit eff4680081
26 changed files with 436 additions and 43 deletions
--- a/docs/README.md
+++ b/docs/README.md
@@ -116,6 +116,7 @@ for more information about installing and using the source code.
 | [Sidebar action menu component](core/components/sidebar-action-menu.component.md) | Displays a sidebar-action menu information panel. | [Source](../lib/core/layout/components/sidebar-action/sidebar-action-menu.component.ts) |
 | [Sidenav Layout component](core/components/sidenav-layout.component.md) | Displays the standard three-region ADF application layout. | [Source](../lib/core/layout/components/sidenav-layout/sidenav-layout.component.ts) |
 | [Sorting Picker Component](core/components/sorting-picker.component.md) | Selects from a set of predefined sorting definitions and directions. | [Source](../lib/core/sorting-picker/sorting-picker.component.ts) |
+| [Snackbar Content Component](core/components/snackbar-content.component.md) | Custom content for Snackbar which allows use icon as action.| [Source](../lib/core/src/lib/snackbar-content/snackbar-content.component.ts) |
 | [Start Form component](core/components/start-form.component.md) | Displays the Start Form for a process. | [Source](../lib/process-services/src/lib/form/start-form.component.ts) |
 | [Text Mask directive](core/components/text-mask.component.md) | Implements text field input masks. | [Source](../lib/core/form/components/widgets/text/text-mask.component.ts) |
 | [Toolbar Divider Component](core/components/toolbar-divider.component.md) | Divides groups of elements in a Toolbar with a visual separator. | [Source](../lib/core/toolbar/toolbar-divider.component.ts) |
--- a/docs/core/components/snackbar-content.component.md
+++ b/docs/core/components/snackbar-content.component.md
@@ -0,0 +1,46 @@
+---
+Title: Snackbar Content Component
+Added: v5.1.0
+Status: Active
+Last reviewed: 2022-11-08
+---
+
+# [Snackbar Content Component](lib/core/src/lib/snackbar-content/snackbar-content.component.ts "Defined in snackbar-content.component.ts")
+
+Custom content for Snackbar which allows use icon as action.
+
+## Basic Usage
+
+```ts
+snackBar.openFromComponent(SnackbarContentComponent, {
+    data: {
+        message: 'Some message',
+        actionLabel: "Some action label",
+        showAction: true
+    }
+});
+```
+
+## Class members
+
+### Properties
+
+| Name | Type           | Default value | Description                                                      |
+|------|----------------|---------------|------------------------------------------------------------------|
+| data | `SnackbarData` | false         | Object which is injected into snackbar's content with it's data. |
+
+### Snackbar Data
+
+| Name        | Type      | Default value | Description                                                             |
+|-------------|-----------|---------------|-------------------------------------------------------------------------|
+| actionLabel | `string`  | false         | Displayed action as a text.                                             |
+| actionIcon  | `string`  | false         | Displayed action as an material icon.                                   |
+| actionIconAriaLabel  | `string`  | false         | Sets aria-label attribute for button with icon action.                  |
+| message     | `string`  | false         | Visible snackbar's message for user.                                    |
+| showAction     | `boolean` | false         | True if action should be visible, false in other case.                  |
+| callActionOnIconClick     | `boolean` | false         | True if clicking on icon should to trigger action, false in other case. |
+
+## Details
+
+Snackbar allows using action as string by default which causes that there is no possibility to use mat-icon inside snackbar's content. 
+That custom content for Angular material Snackbar allows for that. 
--- a/docs/core/services/notification.service.md
+++ b/docs/core/services/notification.service.md
@@ -38,18 +38,21 @@ Shows a notification message with optional feedback.
    -   _message:_ `string`  - Text message or translation key for the message.
    -   _action:_ `string`  - (Optional) Action name
    -   _interpolateArgs:_ `any`  - (Optional) The interpolation parameters to add for the translation
+    -   _showError:_ `boolean`  - (Optional) True if action should be visible, false if not. Default: true.
    -   **Returns** [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>` - 
 -   **showInfo**(message: `string`, action?: `string`, interpolateArgs?: `any`): [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>`<br/>
    Rase info message
    -   _message:_ `string`  - Text message or translation key for the message.
    -   _action:_ `string`  - (Optional) Action name
    -   _interpolateArgs:_ `any`  - (Optional) The interpolation parameters to add for the translation
+    -   _showError:_ `boolean`  - (Optional) True if action should be visible, false if not. Default: true.
    -   **Returns** [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>` - 
 -   **showWarning**(message: `string`, action?: `string`, interpolateArgs?: `any`): [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>`<br/>
    Rase warning message
    -   _message:_ `string`  - Text message or translation key for the message.
    -   _action:_ `string`  - (Optional) Action name
    -   _interpolateArgs:_ `any`  - (Optional) The interpolation parameters to add for the translation
+    -   _showError:_ `boolean`  - (Optional) True if action should be visible, false if not. Default: true.
    -   **Returns** [`MatSnackBarRef`](https://material.angular.io/components/snack-bar/overview)`<any>` -

 ## Details
--- a/docs/versionIndex.md
+++ b/docs/versionIndex.md
@@ -12,6 +12,7 @@ backend services have been tested with each released version of ADF.

 ## Versions

+-   [v5.1.0](#v510)
 -   [v4.7.0](#v470)
 -   [v4.6.0](#v460)
 -   [v4.5.0](#v450)
@@ -39,6 +40,12 @@ backend services have been tested with each released version of ADF.
 -   [v2.1.0](#v210)
 -   [v2.0.0](#v200)

+## v5.1.0
+<!--v510 start-->
+
+-   [Snackbar Content](core/components/snackbar-content.component.md)
+
+<!--v510 end-->
 ## v4.7.0

 <!--v470 start-->