feat(tools/fastani): Added cmd to FastANI info modal.

Ecogenomics · Mar 11, 2022 · f8c44c4 · f8c44c4
1 parent d0e0545
commit f8c44c4
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 9 deletions.
diff --git a/assets/api/fastani.ts b/assets/api/fastani.ts
@@ -63,7 +63,8 @@ export interface FastAniResultData {
   mapped: number,
   total: number
   stdout: string | null,
-  stderr: string | null
+  stderr: string | null,
+  cmd: string | null,
 }
 
 export interface FastAniResult {

diff --git a/components/fastani/FastAniLogsModal.vue b/components/fastani/FastAniLogsModal.vue
@@ -1,7 +1,8 @@
 <template>
   <v-dialog
     v-model="dialog"
-    max-width="700"
+    scrollable
+    max-width="70%"
   >
     <template v-slot:activator="{ on, attrs }">
       <v-btn
@@ -26,23 +27,41 @@
 
         <div class="mt-2 pa-2 rounded bordered">
           <v-row no-gutters>
-            <span class="text-h6 black--text">stdout</span>
+            <span class="text-h6 black--text">
+              <v-icon left>
+                {{ mdiConsoleSvg }}
+              </v-icon>
+              Command</span>
           </v-row>
           <v-row class="mt-1" no-gutters>
             <code>
-              {{ stdout !== null ? stdout : 'n/a' }}
+              {{ cmd !== null && cmd.length > 0 ? cmd : 'n/a' }}
             </code>
           </v-row>
         </div>
 
         <div class="mt-2 pa-2 rounded bordered">
           <v-row no-gutters>
-            <span class="text-h6 black--text">stderr</span>
+            <v-icon left>
+              {{ mdiScriptTextOutlineSvg }}
+            </v-icon>
+            <span class="text-h6 black--text">stdout</span>
           </v-row>
           <v-row class="mt-1" no-gutters>
-            <code>
-              {{ stderr !== null ? stderr : 'n/a' }}
-            </code>
+            <code style="white-space: pre;">{{ stdout !== null && stdout.length > 0 ? stdout : 'n/a' }}</code>
+          </v-row>
+        </div>
+
+        <div class="mt-2 pa-2 rounded bordered">
+          <v-row no-gutters>
+            <span class="text-h6 black--text">
+                   <v-icon left>
+              {{ mdiScriptTextOutlineSvg }}
+            </v-icon>
+              stderr</span>
+          </v-row>
+          <v-row class="mt-1" no-gutters>
+            <code style="white-space: pre;">{{ stderr !== null && stderr.length > 0 ? stderr : 'n/a' }}</code>
           </v-row>
         </div>
       </v-card-text>
@@ -64,7 +83,7 @@
 </template>
 
 <script>
-import {mdiHelpCircle} from "@mdi/js";
+import {mdiConsole, mdiHelpCircle, mdiScriptTextOutline} from "@mdi/js";
 
 export default {
   props: {
@@ -76,11 +95,17 @@ export default {
       type: String,
       default: null,
     },
+    cmd: {
+      type: String,
+      default: null,
+    }
   },
   data: () => ({
     dialog: false,
 
     mdiHelpCircleSvg: mdiHelpCircle,
+    mdiConsoleSvg: mdiConsole,
+    mdiScriptTextOutlineSvg: mdiScriptTextOutline,
   }),
 
 }