From d2dfca23f6937a22ab88d3d9ada2069ed0c78a12 Mon Sep 17 00:00:00 2001
From: Jake McDermott <jmcdermott@ansible.com>
Date: Mon, 9 Apr 2018 11:45:28 -0400
Subject: [PATCH] show module arg details for command jobs

---
 awx/ui/client/features/output/details.directive.js | 12 ++++++++++++
 awx/ui/client/features/output/details.partial.html |  8 +++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/awx/ui/client/features/output/details.directive.js b/awx/ui/client/features/output/details.directive.js
index e0015d0b94..ea20d73cdd 100644
--- a/awx/ui/client/features/output/details.directive.js
+++ b/awx/ui/client/features/output/details.directive.js
@@ -68,6 +68,17 @@ function getFinishDetails (finished) {
     return { label, value };
 }
 
+function getModuleArgDetails () {
+    const value = resource.model.get('module_args');
+    const label = 'Module Args';
+
+    if (!value) {
+        return null;
+    }
+
+    return { label, value };
+}
+
 function getJobTypeDetails () {
     const unmapped = resource.model.get('job_type');
 
@@ -504,6 +515,7 @@ function AtJobDetailsController (
         vm.status = getStatusDetails();
         vm.started = getStartDetails();
         vm.finished = getFinishDetails();
+        vm.moduleArgs = getModuleArgDetails();
         vm.jobType = getJobTypeDetails();
         vm.jobTemplate = getJobTemplateDetails();
         vm.sourceWorkflowJob = getSourceWorkflowJobDetails();
diff --git a/awx/ui/client/features/output/details.partial.html b/awx/ui/client/features/output/details.partial.html
index cc3f18b19d..7e923b5758 100644
--- a/awx/ui/client/features/output/details.partial.html
+++ b/awx/ui/client/features/output/details.partial.html
@@ -63,6 +63,12 @@
         </div>
     </div>
 
+    <!-- module args -->
+    <div class="JobResults-resultRow" ng-if="vm.moduleArgs">
+        <label class="JobResults-resultRowLabel">{{ vm.moduleArgs.label }}</label>
+        <div class="JobResults-resultRowText">{{ vm.moduleArgs.value }}</div>
+    </div>
+
     <!-- RESULTS TRACEBACK DETAIL -->
     <div class="JobResults-resultRow" ng-if="vm.resultTraceback">
         <label class="JobResults-resultRowLabel">{{ vm.resultTraceback.label }}</label>
@@ -70,7 +76,7 @@
     </div>
 
     <!-- TEMPLATE DETAIL -->
-    <div class="JobResults-resultRow" if="vm.jobTemplate">
+    <div class="JobResults-resultRow" ng-if="vm.jobTemplate">
         <label class="JobResults-resultRowLabel">{{ vm.jobTemplate.label }}</label>
         <div class="JobResults-resultRowText">
             <a href="{{ vm.jobTemplate.link }}"