[ACA-3258] Edit rule dialog actions section (#2692)

* Add actions service

* Create components

* Rebasing

* Add card view component

* Moved actions definition call outside of actions list component

* Localisation of parameter and action labels + read only mode for components

* Remove action option

* Default to one item in array

* Handle change of cardview

* Linting

* Add unit tests

* Fix broken unit tests

* Fix unknown word

* Add private to property

projects/aca-folder-rules/src/lib/manage-rules/manage-rules.smart-component.html

@@ -12,7 +12,7 @@
   <aca-page-layout-content>
     <div class="main-content">
 
-      <ng-container *ngIf="isLoading$ | async; else onLoaded">
+      <ng-container *ngIf="(rulesLoading$ | async) || (actionsLoading$ | async); else onLoaded">
         <mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
       </ng-container>
 
@@ -25,7 +25,7 @@
                               class="aca-manage-rules__actions-bar__title__breadcrumb"></adf-breadcrumb>
             </adf-toolbar-title>
 
-            <button mat-flat-button color="primary" (click)="openNewRuleDialog()">{{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.NEW_RULE' | translate }}</button>
+            <button mat-flat-button color="primary" (click)="openNewRuleDialog()">{{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.CREATE_RULE' | translate }}</button>
           </adf-toolbar>
           <mat-divider></mat-divider>
 
@@ -44,7 +44,12 @@
                 </div>
                 <p>{{ selectedRule.description }}</p>
               </div>
-              <aca-rule-details [readOnly]="true" [preview]="true" [value]="selectedRule"></aca-rule-details>
+              <aca-rule-details
+                [actionDefinitions]="actionDefinitions$ | async"
+                [readOnly]="true"
+                [preview]="true"
+                [value]="selectedRule">
+              </aca-rule-details>
             </div>
           </div>