represent webhooks on job lists

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

@@ -14,6 +14,7 @@ function JobsStrings (BaseString) {
         ROW_ITEM_LABEL_INVENTORY: t.s('Inventory'),
         ROW_ITEM_LABEL_PROJECT: t.s('Project'),
         ROW_ITEM_LABEL_CREDENTIALS: t.s('Credentials'),
+        ROW_ITEM_LABEL_WEBHOOK: t.s('Webhook'),
         NO_RUNNING: t.s('There are no running jobs.'),
         JOB: t.s('Job'),
         STATUS_TOOLTIP: status => t.s('Job {{status}}. Click for details.', { status }),

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

@@ -158,6 +158,14 @@ function ListJobsController (
         return null;
     };
 
+    vm.getWebhookDetails = (job) => {
+        if (!job.webhook_guid) {
+            return null;
+        }
+
+        return strings.get('list.ROW_ITEM_LABEL_WEBHOOK');
+    };
+
     vm.getTranslatedStatusString = (status) => {
         switch (status) {
             case 'new':

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

@@ -34,7 +34,7 @@
                         header-value="{{ job.id }} - {{ job.name }}"
                         header-state="{{ vm.getSref(job) }}"
                         header-tag="{{ vm.jobTypes[job.type] }}"
-                        secondary-tag="{{ vm.getSliceJobDetails(job) }}">
+                        secondary-tag="{{ vm.getSliceJobDetails(job) || vm.getWebhookDetails(job) }}">
                     </at-row-item>
                     <div class="at-Row-actions">
                         <at-relaunch job="job" ng-show="job.summary_fields.user_capabilities.start">

awx/ui/client/lib/components/list/_index.less

@@ -288,6 +288,8 @@
     line-height: @at-line-height-list-row-item-tag;
     word-break: keep-all;
     display: inline-flex;
+    margin-right: 10px;
+    margin-left: 10px;
 }
 
 .at-RowItem-tag--primary {