[ADF-3872] Add live configuration for Process List Cloud on Demo Shell (#4218)

* [ADF-3872] Add live configuration for Process List Cloud on Demo Shell

* [ADF-3872] Remove whitespace

demo-shell/src/app.config.json

@@ -566,39 +566,70 @@
                 {
                     "key": "entry.id",
                     "type": "text",
-                    "title": "Id",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.ID",
                     "sortable": true
                 },
                 {
                     "key": "entry.name",
                     "type": "text",
-                    "title": "Name",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.NAME",
                     "sortable": true,
                     "cssClass": "full-width name-column ellipsis-cell"
                 },
                 {
                     "key": "entry.status",
                     "type": "text",
-                    "title": "Status",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.NAME",
                     "sortable": true
                 },
                 {
                     "key": "entry.priority",
                     "type": "text",
-                    "title": "Priority",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.PRIORITY",
                     "sortable": true
                 },
                 {
                     "key": "entry.createdDate",
                     "type": "date",
-                    "title": "Created Date",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED_DATE",
                     "sortable": true,
                     "format": "timeAgo"
                 },
                 {
                     "key": "entry.lastModified",
                     "type": "date",
-                    "title": "Last Modified",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.LAST_MODIFIED",
+                    "sortable": true,
+                    "format": "timeAgo"
+                }
+            ]
+        }
+    },
+    "adf-cloud-process-list": {
+        "presets": {
+            "default": [
+                {
+                    "key": "entry.id",
+                    "type": "text",
+                    "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.ID",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.name",
+                    "type": "text",
+                    "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.NAME",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.status",
+                    "type": "text",
+                    "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.STATUS",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.startDate",
+                    "type": "date",
+                    "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.START_DATE",
                     "sortable": true,
                     "format": "timeAgo"
                 }

demo-shell/src/app/components/app-layout/cloud/processes-cloud-demo.component.html

@@ -18,12 +18,6 @@
                                 [sorting]="sortArray"
                                 (rowClick)="onRowClick($event)"
                                 #processCloud>
-            <data-columns>
-                <data-column key="entry.id" title="Id"></data-column>
-                <data-column key="entry.name" title="Name"></data-column>
-                <data-column key="entry.status" title="Status"></data-column>
-                <data-column key="entry.startDate" title="Start Date" type="date" format="timeAgo"></data-column>
-            </data-columns>
         </adf-cloud-process-list>
         <adf-pagination [target]="processCloud" (changePageSize)="onChangePageSize($event)">
         </adf-pagination>

demo-shell/src/app/components/config-editor/config-editor.component.html

@@ -56,7 +56,14 @@
             </button>	
         </mat-list-item>	
 
-         <mat-list-item (click)="editTaskFilterConfClick()">	
+        <mat-list-item (click)="processListCloudConfClick()">
+            <a matLine id="adf-process-list-cloud-conf">Process List Cloud</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
+
+        <mat-list-item (click)="editTaskFilterConfClick()">	
             <a matLine id="adf-edit-task-filter-conf">Edit task filter</a>	
             <button mat-icon-button>	
                 <mat-icon>info</mat-icon>	

demo-shell/src/app/components/config-editor/config-editor.component.ts

@@ -124,6 +124,12 @@ export class ConfigEditorComponent {
         this.indentCode();
     }
 
+    processListCloudConfClick() {
+        this.code = JSON.stringify(this.appConfig.config['adf-cloud-process-list']);
+        this.field = 'adf-cloud-process-list';
+        this.indentCode();
+    }
+
     indentCode() {
         setTimeout(() => {
             this.editor.getAction('editor.action.formatDocument').run();

lib/process-services-cloud/src/lib/i18n/en.json

@@ -7,7 +7,10 @@
     },
     "PROPERTIES": {
       "NAME": "Name",
-      "CREATED": "Created"
+      "CREATED": "Created",
+      "STATUS": "Status",
+      "START_DATE": "Start Date",
+      "ID": "Id"
     },
     "ADF_CLOUD_START_PROCESS": {
       "BUTTON": "Start Process",
@@ -58,6 +61,11 @@
     "PROPERTIES": {
       "NAME": "Name",
       "ASSIGNEE": "Assignee",
+      "ID": "Id",
+      "STATUS": "Status",
+      "PRIORITY": "Priority",
+      "CREATED_DATE": "Created Date",
+      "LAST_MODIFIED": "Last Modified",
       "CREATED": "Created"
     },
     "LIST": {