Add labels to i18n file

Refs #492

ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-header.component.html

@@ -9,7 +9,7 @@
             {{getStartedDate() | date:'medium'}}
         </div>
         <div class="mdl-cell mdl-cell--4-col">
-            <button type="button" (click)="cancelProcess()" class="mdl-button">Cancel Process</button>
+            <button type="button" (click)="cancelProcess()" class="mdl-button">{{ 'DETAILS.BUTTON.CANCEL' | translate }}</button>
         </div>
     </div>
 </div>

ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.html

@@ -14,7 +14,7 @@
             <span class="mdl-list__item-primary-content" (click)="clickTask($event, task)">
                 <i class="material-icons mdl-list__item-icon">assignment</i>
                 <span>{{task.name}}</span>
-                <span class="mdl-list__item-sub-title">Assigned to {{getUserFullName(task.assignee)}}, created {{task.created | date:'mediumDate'}}</span>
+                <span class="mdl-list__item-sub-title">{{ 'DETAILS.LABELS.TASK_SUBTITLE' | translate:{user: getUserFullName(task.assignee), created: task.created | date:'mediumDate' } }}</span>
             </span>
         </li>
     </ul>
@@ -32,7 +32,7 @@
             <span class="mdl-list__item-primary-content" (click)="clickTask($event, task)">
                 <i class="material-icons mdl-list__item-icon">assignment</i>
                 <span>{{task.name}}</span>
-                <span class="mdl-list__item-sub-title">Assigned to {{getUserFullName(task.assignee)}}, created {{task.created | date:'mediumDate'}}</span>
+                <span class="mdl-list__item-sub-title">{{ 'DETAILS.LABELS.TASK_SUBTITLE' | translate:{user: getUserFullName(task.assignee), created: task.created | date:'mediumDate' } }}</span>
             </span>
         </li>
     </ul>
@@ -42,11 +42,11 @@
 </div>
 
 <dialog class="mdl-dialog task-details-dialog" #dialog>
-    <h4 class="mdl-dialog__title">Task details</h4>
+    <h4 class="mdl-dialog__title">{{ 'DETAILS.TASKS.TASK_DETAILS' | translate }}</h4>
     <div class="mdl-dialog__content">
         <activiti-task-details [taskId]="selectedTaskId" (formCompleted)="taskFormCompleted()" #taskdetails></activiti-task-details>
     </div>
     <div class="mdl-dialog__actions">
-        <button type="button" (click)="cancelDialog()" class="mdl-button close">Close</button>
+        <button type="button" (click)="cancelDialog()" class="mdl-button close">{{ 'DETAILS.TASKS.TASK_CLOSE' | translate }}</button>
     </div>
 </dialog>

ng2-components/ng2-activiti-processlist/src/components/activiti-start-process.component.html

@@ -1,7 +1,7 @@
-<button type="button" (click)="showDialog()" class="mdl-button">Start Process</button>
+<button type="button" (click)="showDialog()" class="mdl-button">{{'START_PROCESS.BUTTON'|translate}}</button>
 
 <dialog class="mdl-dialog" #dialog>
-    <h4 class="mdl-dialog__title">Start Process</h4>
+    <h4 class="mdl-dialog__title">{{'START_PROCESS.DIALOG.TITLE'|translate}}</h4>
     <div class="mdl-dialog__content">
         <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
             <select name="processDefinition" [(ngModel)]="processDefinition" id="processDefinition">
@@ -9,15 +9,15 @@
                     {{processDef.name}}
                 </option>
             </select>
-            <label class="mdl-textfield__label" for="processDefinition">Type</label>
+            <label class="mdl-textfield__label" for="processDefinition">{{'START_PROCESS.DIALOG.LABEL.TYPE'|translate}}</label>
         </div>
         <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
             <input class="mdl-textfield__input" type="text" [(ngModel)]="name" rows="1" id="processName" />
-            <label class="mdl-textfield__label" for="processName">Name</label>
+            <label class="mdl-textfield__label" for="processName">{{'START_PROCESS.DIALOG.LABEL.NAME'|translate}}</label>
         </div>
     </div>
     <div class="mdl-dialog__actions">
-        <button type="button" (click)="startProcess()" class="mdl-button">Start</button>
-        <button type="button" (click)="cancel()" class="mdl-button close">Cancel</button>
+        <button type="button" (click)="startProcess()" class="mdl-button">{{'START_PROCESS.DIALOG.ACTION.START'|translate}}</button>
+        <button type="button" (click)="cancel()" class="mdl-button close">{{'START_PROCESS.DIALOG.ACTION.CANCEL'|translate}}</button>
     </div>
 </dialog>

ng2-components/ng2-activiti-processlist/src/i18n/en.json

@@ -18,17 +18,37 @@
             "STARTED": "Started",
             "COMMENTS": "Comments",
             "TASKS_ACTIVE": "Active Tasks",
-            "TASKS_COMPLETED": "Completed Tasks"
+            "TASKS_COMPLETED": "Completed Tasks",
+            "TASK_SUBTITLE": "Assigned to {{user}}, created {{created}}"
+        },
+        "BUTTON": {
+            "CANCEL": "Cancel Process"
         },
         "MESSAGES": {
             "NONE": "No process details found."
         },
         "TASKS": {
             "NO_ACTIVE": "No tasks are currently active",
-            "NO_COMPLETED": "No tasks have been completed yet"
+            "NO_COMPLETED": "No tasks have been completed yet",
+            "TASK_DETAILS": "Task details",
+            "TASK_CLOSE": "Close"
         },
         "COMMENTS": {
             "NONE": "No comments."
         }
+    },
+    "START_PROCESS": {
+        "BUTTON": "Start Process",
+        "DIALOG": {
+            "TITLE": "Start Process",
+            "LABEL": {
+                "TYPE": "Type",
+                "NAME": "Name"
+            },
+            "ACTION": {
+                "START": "Start",
+                "CANCEL": "Cancel"
+            }
+        }
     }
 }