Add ability to disable top buttons in dynamic table, and disable them…

… for collection edit page
datalab-org · Sep 27, 2024 · 41bc175 · 41bc175
1 parent d18b9aa
commit 41bc175
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/webapp/src/components/CollectionInformation.vue b/webapp/src/components/CollectionInformation.vue
@@ -36,6 +36,7 @@
       :columns="collectionTableColumns"
       :data-type="'samples'"
       :global-filter-fields="['item_id', 'type', 'name', 'chemform', 'creatorsList', 'nblocks']"
+      :show-buttons="false"
     />
   </div>
 </template>

diff --git a/webapp/src/components/DynamicButtonDataTable.vue b/webapp/src/components/DynamicButtonDataTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="button-group d-flex justify-content-between align-items-center">
+  <div v-if="showButtons" class="button-group d-flex justify-content-between align-items-center">
     <div class="button-left">
       <button
         v-if="dataType === 'samples'"
@@ -115,6 +115,12 @@ export default {
       required: false,
       default: false,
     },
+    // Global toggle for all buttons and search bar
+    showButtons: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
   },
   emits: [
     "open-create-item-modal",

diff --git a/webapp/src/components/DynamicDataTable.vue b/webapp/src/components/DynamicDataTable.vue
@@ -30,6 +30,7 @@
           :items-selected="itemsSelected"
           :filters="filters"
           :editable-inventory="editable_inventory"
+          :show-buttons="showButtons"
           @open-create-item-modal="createItemModalIsOpen = true"
           @open-batch-create-item-modal="batchCreateItemModalIsOpen = true"
           @open-qr-scanner-modal="qrScannerModalIsOpen = true"
@@ -160,6 +161,11 @@ export default {
       type: Array,
       required: true,
     },
+    showButtons: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
   },
   data() {
     return {