fix: updated files subtable in plugins view

usnistgov · Nov 5, 2024 · 64a55dd · 64a55dd
1 parent 349036b
commit 64a55dd
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 8 deletions.
diff --git a/src/frontend/src/views/CreatePluginFile.vue b/src/frontend/src/views/CreatePluginFile.vue
@@ -437,12 +437,12 @@
         description: res.data.description
       }
       title.value = `Edit ${res.data.filename}`
-      pluginFile.value.tasks = res.data.tasks
       pluginFile.value.tasks.forEach((task) => {
-        [...task.inputParams, ... task.outputParams].forEach((param) => {
+        [...task.inputParams, ...task.outputParams].forEach((param) => {
           param.parameterType = param.parameterType.id
         })
       })
+      initialCopy.value = JSON.parse(JSON.stringify(pluginFile.value))
     } catch(err) {
       notify.error(err.response.data.message)
     } 

diff --git a/src/frontend/src/views/PluginsView.vue b/src/frontend/src/views/PluginsView.vue
@@ -27,15 +27,27 @@
         class="q-ma-md" 
         @click="router.push(`/plugins/${row.id}/files`)" 
       />
-      <BasicTable
+      <TableComponent
         :columns="fileColumns"
         :rows="row.files"
+        :title="`${row.name} Files`"
         :hideSearch="true"
         :hideEditTable="true"
-        id="fileTable"
-        class="q-mx-md"
-        :title="`${row.name} Files`"
-      />
+        :hideCreateBtn="true"
+        :hideDeleteBtn="true"
+        :hideEditBtn="true"
+        :disableSelect="true"
+        style="margin: 0px 5vw 2vh"
+      >
+        <template #body-cell-filename="props">
+          <RouterLink :to="`/plugins/${row.id}/files/${props.row.id}`">
+            {{ props.row.filename }}
+          </RouterLink>
+        </template>
+        <template #body-cell-tasks="props">
+          <div>{{ props.row.tasks?.length }}</div>
+        </template>
+      </TableComponent>
     </template>
   </TableComponent>
   <q-btn 
@@ -73,7 +85,6 @@
 
 <script setup>
   import TableComponent from '@/components/TableComponent.vue'
-  import BasicTable from '@/components/BasicTable.vue'
   import PluginDialog from '@/dialogs/PluginDialog.vue'
   import DeleteDialog from '@/dialogs/DeleteDialog.vue'
   import { ref, watch } from 'vue'