Mark various strings for translation

awx/ui/client/features/jobs/jobs.strings.js

@@ -16,7 +16,16 @@ function JobsStrings (BaseString) {
         ROW_ITEM_LABEL_CREDENTIALS: t.s('Credentials'),
         NO_RUNNING: t.s('There are no running jobs.'),
         JOB: t.s('Job'),
-        STATUS_TOOLTIP: status => t.s('Job {{status}}. Click for details.', { status })
+        STATUS_TOOLTIP: status => t.s('Job {{status}}. Click for details.', { status }),
+        SLICE_JOB: t.s('Slice Job'),
+        NEW: t.s('new'),
+        PENDING: t.s('pending'),
+        WAITING: t.s('waiting'),
+        RUNNING: t.s('running'),
+        SUCCESSFUL: t.s('successful'),
+        FAILED: t.s('failed'),
+        ERROR: t.s('error'),
+        CANCELED: t.s('canceled')
     };
 }
 

awx/ui/client/features/jobs/jobsList.controller.js

@@ -86,12 +86,35 @@ function ListJobsController (
         }
 
         if (job.job_slice_number && job.job_slice_count) {
-            return `Slice Job ${job.job_slice_number}/${job.job_slice_count}`;
+            return `${strings.get('list.SLICE_JOB')} ${job.job_slice_number}/${job.job_slice_count}`;
         }
 
         return null;
     };
 
+    vm.getTranslatedStatusString = (status) => {
+        switch (status) {
+            case 'new':
+                return strings.get('list.NEW');
+            case 'pending':
+                return strings.get('list.PENDING');
+            case 'waiting':
+                return strings.get('list.WAITING');
+            case 'running':
+                return strings.get('list.RUNNING');
+            case 'successful':
+                return strings.get('list.SUCCESSFUL');
+            case 'failed':
+                return strings.get('list.FAILED');
+            case 'error':
+                return strings.get('list.ERROR');
+            case 'canceled':
+                return strings.get('list.CANCELED');
+            default:
+                return status;
+        }
+    };
+
     vm.getSref = ({ type, id }) => {
         let sref;
 

awx/ui/client/features/jobs/jobsList.view.html

@@ -28,7 +28,7 @@
                 <div class="at-Row-container">
                     <at-row-item
                         status="{{ job.status }}"
-                        status-tip="{{ vm.strings.get('list.STATUS_TOOLTIP', job.status) }}"
+                        status-tip="{{ vm.strings.get('list.STATUS_TOOLTIP', vm.getTranslatedStatusString(job.status)) }}"
                         header-value="{{ job.id }} - {{ job.name }}"
                         header-state="{{ vm.getSref(job) }}"
                         header-tag="{{ vm.jobTypes[job.type] }}"

awx/ui/client/features/output/stats.partial.html

@@ -1,10 +1,10 @@
 <!-- todo: styling, markup, css etc. - disposition according to project lib conventions -->
 <div class="at-u-floatRight">
-    <span ng-show="!vm.hideCounts" class="at-Panel-label">plays</span>
+    <span ng-show="!vm.hideCounts" class="at-Panel-label">{{:: vm.strings.get('stats.PLAYS')}}</span>
     <span ng-show="!vm.hideCounts && vm.running" class="at-Panel-headingTitleBadge at-Panel-headingTitleBadge--inline">...</span>
     <span ng-show="!vm.hideCounts && !vm.running" class="at-Panel-headingTitleBadge at-Panel-headingTitleBadge--inline">{{ vm.plays || 0 }}</span>
 
-    <span ng-show="!vm.hideCounts" class="at-Panel-label">tasks</span>
+    <span ng-show="!vm.hideCounts" class="at-Panel-label">{{:: vm.strings.get('stats.TASKS')}}</span>
     <span ng-show="!vm.hideCounts && vm.running" class="at-Panel-headingTitleBadge at-Panel-headingTitleBadge--inline">...</span>
     <span ng-show="!vm.hideCounts && !vm.running" class="at-Panel-headingTitleBadge at-Panel-headingTitleBadge--inline">{{ vm.tasks || 0 }}</span>