Add Job Splitting feature to UI

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

@@ -76,6 +76,22 @@ function ListJobsController (
             return { icon, link, value };
         });
 
+    vm.getSplitJobDetails = (details) => {
+        const internalLimitDetails = Object.assign({}, details);
+
+        if (!internalLimitDetails) {
+            return null;
+        }
+
+        const splitJobDetails = internalLimitDetails.shard;
+
+        if (!splitJobDetails) {
+            return null;
+        }
+
+        return `Split Job ${splitJobDetails.offset + 1}/${splitJobDetails.step}`;
+    };
+
     vm.getSref = ({ type, id }) => {
         let sref;
 

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

@@ -23,7 +23,8 @@
                     status-tip="{{ vm.strings.get('list.STATUS_TOOLTIP', job.status) }}"
                     header-value="{{ job.id }} - {{ job.name }}"
                     header-state="{{ vm.getSref(job) }}"
-                    header-tag="{{ vm.jobTypes[job.type] }}">
+                    header-tag="{{ vm.jobTypes[job.type] }}"
+                    secondary-tag="{{ vm.getSplitJobDetails(job.summary_fields.internal_limit) }}">
                 </at-row-item>
                 <div class="at-Row--inline">
                     <at-row-item