Added jt details popover when adding/eding workflow node

awx/ui/client/legacy-styles/lists.less

@@ -43,7 +43,7 @@ table, tbody {
     border-top-right-radius: 5px;
 }
 
-.List-tableHeader--actions {
+.List-tableHeader--info, .List-tableHeader--actions {
     text-align: right;
 }
 
@@ -387,6 +387,21 @@ table, tbody {
     border-left: 4px solid transparent;
 }
 
+.List-infoCell {
+    display: flex;
+    justify-content: flex-end;
+    font-size: 0.8em;
+    cursor: pointer;
+}
+
+.List-infoCell a {
+    color: @default-icon;
+}
+
+.List-infoCell a:hover, .List-infoCell a:focus {
+    color: @default-interface-txt;
+}
+
 @media (max-width: 991px) {
     .List-searchWidget + .List-searchWidget {
         margin-top: 20px;

awx/ui/client/src/partials/job-template-details.html

@@ -0,0 +1,3 @@
+<div class="List-infoCell">
+    <a aw-pop-over="<div>INVENTORY: {{job_template.summary_fields.inventory.name || 'NONE SELECTED'}}</div><div>PROJECT: {{job_template.summary_fields.project.name}}</div><div>PLAYBOOK: {{job_template.playbook}}</div><div>CREDENTIAL: {{job_template.summary_fields.credential.name || 'NONE SELECTED'}}</div>" data-popover-title="{{job_template.name}}">INFO</a>
+</div>

awx/ui/client/src/shared/list-generator/list-generator.factory.js

@@ -492,6 +492,21 @@ export default ['$location', '$compile', '$rootScope', 'Attr', 'Icon',
                             column-custom-class="${customClass}">
                         </th>`;
 
+                    if(list.fields.info) {
+                        customClass = list.fields.name.modalColumnClass || '';
+                        html += `<th
+                                    class="List-tableHeader--info"
+                                    base-path="${list.basePath || list.name}"
+                                    collection="${list.name}"
+                                    dataset="${list.iterator}_dataset"
+                                    column-sort
+                                    column-field="info"
+                                    column-iterator="${list.iterator}"
+                                    column-no-sort="${list.fields.info.nosort}"
+                                    column-label="${list.fields.info.label}"
+                                    column-custom-class="${customClass}">
+                                </th>`;
+                    }
                 }
                 if (options.mode === 'select') {
                     html += "<th class=\"List-tableHeader col-lg-1 col-md-1 col-sm-2 col-xs-2\">Select</th>";

awx/ui/client/src/templates/main.js

@@ -342,9 +342,16 @@ angular.module('templates', [surveyMaker.name, templatesList.name, jobTemplatesA
                                 delete list.fields.smart_status;
                                 delete list.fields.labels;
                                 delete list.fieldActions;
-                                list.fields.name.columnClass = "col-md-11";
+                                list.fields.name.columnClass = "col-md-8";
                                 list.iterator = 'job_template';
                                 list.name = 'job_templates';
+                                list.fields.info = {
+                                    ngInclude: "'/static/partials/job-template-details.html'",
+                                    type: 'template',
+                                    columnClass: 'col-md-3',
+                                    label: '',
+                                    nosort: true
+                                };
 
                                 return list;
                             }