💄 : add output description

gaia-app · Aug 13, 2021 · 407eb1f · 407eb1f
1 parent b039c89
commit 407eb1f
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/src/main/client/app/pages/stacks/job/job.vue b/src/main/client/app/pages/stacks/job/job.vue
@@ -39,6 +39,7 @@
     <app-stack-outputs
       v-if="isJobApplied"
       :outputs="state.outputs || state.modules[0].outputs"
+      :module-outputs="stack.module.outputs"
       class="mt-2"
     />
   </div>

diff --git a/src/main/client/app/pages/stacks/stack-edition.vue b/src/main/client/app/pages/stacks/stack-edition.vue
@@ -166,7 +166,10 @@
       </div>
 
       <div class="col-md-6">
-        <app-stack-outputs :outputs="state.outputs || state.modules[0].outputs" />
+        <app-stack-outputs
+          :outputs="state.outputs || state.modules[0].outputs"
+          :module-outputs="stack.module.outputs"
+        />
       </div>
     </div>
 

diff --git a/src/main/client/app/pages/stacks/stack-outputs.vue b/src/main/client/app/pages/stacks/stack-outputs.vue
@@ -19,7 +19,11 @@
           v-for="(output, key) in outputs"
           :key="key"
         >
-          <td>{{ key }}</td>
+          <td>
+            {{ key }}
+            <br>
+            <small>{{ description(key) }}</small>
+          </td>
           <td>{{ output.value }}</td>
         </tr>
       </tbody>
@@ -42,6 +46,19 @@
     name: 'AppStackOutputs',
     props: {
       outputs: { type: Object, default: () => {} },
+      moduleOutputs: { type: Array, default: () => [] },
+    },
+    methods: {
+      description(outputName) {
+        const output = this.moduleOutputs.find((out) => out.name === outputName);
+        return output ? output.description : '';
+      },
     },
   };
 </script>
+
+<style>
+small {
+  color: grey;
+}
+</style>