Show actions when they are standalone or when a resource is selected

gobrightspot · Sep 8, 2022 · 795942b · 795942b
1 parent e5def79
commit 795942b
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 17 deletions.
diff --git a/dist/js/tool.js b/dist/js/tool.js
diff --git a/resources/js/components/DetailActions.vue b/resources/js/components/DetailActions.vue
@@ -9,13 +9,15 @@
       @dropdown-link-click="handleClick"
     ></invisible-actions>
 
-    <action-button
-      class="mr-3"
-      v-for="action in visibleActions"
-      :key="action.uriKey"
-      :action="action"
-      @action-button-clicked="handleClick"
-    ></action-button>
+    <template v-for="action in visibleActions">
+      <action-button
+          class="mr-3"
+          v-if="shouldShowActions || action.standalone"
+          :key="action.uriKey"
+          :action="action"
+          @action-button-clicked="handleClick"
+      ></action-button>
+    </template>
 
     <!-- Confirm Action Modal -->
     <component
@@ -48,7 +50,7 @@ import DetachedAction from "../mixins/DetachedAction";
 export default {
   mixins: [DetachedAction],
 
-  props: ['resourceId', 'resourceName'],
+  props: ['shouldShowActions', 'resourceId', 'resourceName'],
   methods: {
     handleResponse(response) {
       this.actionsList = _.filter(

diff --git a/resources/js/components/IndexActions.vue b/resources/js/components/IndexActions.vue
@@ -9,13 +9,15 @@
       @dropdown-link-click="handleClick"
     ></invisible-actions>
 
-    <action-button
-      class="mr-3"
-      v-for="action in visibleActions"
-      :key="action.uriKey"
-      :action="action"
-      @action-button-clicked="handleClick"
-    ></action-button>
+    <template v-for="action in visibleActions">
+      <action-button
+          class="mr-3"
+          v-if="shouldShowActions || action.standalone"
+          :key="action.uriKey"
+          :action="action"
+          @action-button-clicked="handleClick"
+      ></action-button>
+    </template>
 
     <!-- Confirm Action Modal -->
     <component
@@ -49,7 +51,7 @@ export default {
   components: { ActionLink },
   mixins: [DetachedAction],
 
-  props: ['resourceName', 'selectedResources'],
+  props: ['shouldShowActions', 'resourceName', 'selectedResources'],
   methods: {
     handleResponse(response) {
       this.actionsList = _.filter(

diff --git a/resources/js/nova-components/ResourceDetail.vue b/resources/js/nova-components/ResourceDetail.vue
@@ -51,6 +51,7 @@
 
           <div class="ml-auto flex items-center">
             <DetailActions
+                :should-show-actions="shouldShowActionSelector"
                 :resource-id="resource.id.value"
                 :resource-name="resourceName"
                 @actionExecuted="getResources"

diff --git a/resources/js/nova-components/ResourceTableToolbar.vue b/resources/js/nova-components/ResourceTableToolbar.vue
@@ -24,6 +24,7 @@
       <!-- Toolbar Items -->
       <div class="h-9 ml-auto flex items-center pr-2 md:pr-3">
         <IndexActions
+            :should-show-actions="shouldShowActionSelector"
             :resource-name="resourceName"
             :selected-resources="selectedResourcesForActionSelector"
             @actionExecuted="getResources"