From cbc8043d02f045ecfd4f2eeea81593482c9f1496 Mon Sep 17 00:00:00 2001
From: davidcanonieto <david.cano@alfresco.com>
Date: Fri, 1 Feb 2019 13:52:44 +0000
Subject: [PATCH] [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                | 43 ++++++++++++++++---
 .../cloud/processes-cloud-demo.component.html |  6 ---
 .../config-editor.component.html              |  9 +++-
 .../config-editor/config-editor.component.ts  |  6 +++
 .../src/lib/i18n/en.json                      | 10 ++++-
 5 files changed, 60 insertions(+), 14 deletions(-)

diff --git a/demo-shell/src/app.config.json b/demo-shell/src/app.config.json
index 8bd6fe690b..90b07c8780 100644
--- a/demo-shell/src/app.config.json
+++ b/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"
                 }
diff --git a/demo-shell/src/app/components/app-layout/cloud/processes-cloud-demo.component.html b/demo-shell/src/app/components/app-layout/cloud/processes-cloud-demo.component.html
index fda7c88b88..bcec39d4b9 100644
--- a/demo-shell/src/app/components/app-layout/cloud/processes-cloud-demo.component.html
+++ b/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>
diff --git a/demo-shell/src/app/components/config-editor/config-editor.component.html b/demo-shell/src/app/components/config-editor/config-editor.component.html
index 1db402d80d..031edf0671 100644
--- a/demo-shell/src/app/components/config-editor/config-editor.component.html
+++ b/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>	
diff --git a/demo-shell/src/app/components/config-editor/config-editor.component.ts b/demo-shell/src/app/components/config-editor/config-editor.component.ts
index 16f36d8909..958ba266b8 100644
--- a/demo-shell/src/app/components/config-editor/config-editor.component.ts
+++ b/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();
diff --git a/lib/process-services-cloud/src/lib/i18n/en.json b/lib/process-services-cloud/src/lib/i18n/en.json
index 3463572c7c..8ae6c89d46 100644
--- a/lib/process-services-cloud/src/lib/i18n/en.json
+++ b/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": {