Hide Duplicate Row button when max grid rows reached (#3006)

statamic · Dec 11, 2020 · ee8c874 · ee8c874
1 parent 9a54761
commit ee8c874
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 2 deletions.
diff --git a/resources/js/components/fieldtypes/grid/Grid.vue b/resources/js/components/fieldtypes/grid/Grid.vue
@@ -17,6 +17,7 @@
             :meta="meta.existing"
             :name="name"
             :can-delete-rows="canDeleteRows"
+            :can-add-rows="canAddRows"
             @updated="updated"
             @meta-updated="updateRowMeta"
             @removed="removed"

diff --git a/resources/js/components/fieldtypes/grid/Row.vue b/resources/js/components/fieldtypes/grid/Row.vue
@@ -22,7 +22,7 @@
 
         <td class="row-controls" v-if="!grid.isReadOnly">
             <dropdown-list>
-                <dropdown-item :text="__('Duplicate Row')" @click="$emit('duplicate', index)" />
+                <dropdown-item :text="__('Duplicate Row')" @click="$emit('duplicate', index)" v-if="canAddRows" />
                 <dropdown-item v-if="canDelete" :text="__('Delete Row')" class="warning" @click="$emit('removed', index)" />
             </dropdown-list>
         </td>
@@ -74,6 +74,10 @@ export default {
             type: Boolean,
             default: true
         },
+        canAddRows: {
+            type: Boolean,
+            default: true
+        },
     },
 
     inject: [

diff --git a/resources/js/components/fieldtypes/grid/Stacked.vue b/resources/js/components/fieldtypes/grid/Stacked.vue
@@ -20,6 +20,7 @@
                 :name="name"
                 :error-key-prefix="errorKeyPrefix"
                 :can-delete="canDeleteRows"
+                :can-add-rows="canAddRows"
                 @updated="(row, value) => $emit('updated', row, value)"
                 @meta-updated="$emit('meta-updated', row._id, $event)"
                 @removed="(row) => $emit('removed', row)"

diff --git a/resources/js/components/fieldtypes/grid/Table.vue b/resources/js/components/fieldtypes/grid/Table.vue
@@ -32,6 +32,7 @@
                     :name="name"
                     :error-key-prefix="errorKeyPrefix"
                     :can-delete="canDeleteRows"
+                    :can-add-rows="canAddRows"
                     @updated="(row, value) => $emit('updated', row, value)"
                     @meta-updated="$emit('meta-updated', row._id, $event)"
                     @duplicate="(row) => $emit('duplicate', row)"

diff --git a/resources/js/components/fieldtypes/grid/View.vue b/resources/js/components/fieldtypes/grid/View.vue
@@ -1,7 +1,7 @@
 <script>
 export default {
 
-    props: ['fields', 'rows', 'meta', 'name', 'canDeleteRows'],
+    props: ['fields', 'rows', 'meta', 'name', 'canDeleteRows', 'canAddRows'],
 
     inject: ['grid'],