Merge pull request #1019 from bolt/feature/limit-collections

Feature/limit collection
bolt · Feb 5, 2020 · ca618dd · ca618dd
2 parents e02106b + 1ce76da
commit ca618dd
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/assets/js/app/editor/Components/Collection.vue b/assets/js/app/editor/Components/Collection.vue
@@ -16,6 +16,7 @@
       <button
         class="btn btn-secondary"
         type="button"
+        :disabled="!allowMore"
         @click="addCollectionItem"
       >
         <i class="fas fa-fw fa-plus"></i>
@@ -31,7 +32,7 @@ var uniqid = require('locutus/php/misc/uniqid');
 
 export default {
   name: 'EditorCollection',
-  props: ['templates', 'existingFields', 'labels'],
+  props: ['templates', 'existingFields', 'labels', 'limit'],
   data() {
     let elements = [];
     this.existingFields.forEach(function(field) {
@@ -49,6 +50,7 @@ export default {
 
     return {
       elements: elements,
+      counter: elements.length,
       templateSelectName: 'templateSelect' + this.id,
       templateSelectOptions: templateSelectOptions,
       selector: {
@@ -64,6 +66,9 @@ export default {
     initialSelectValue() {
       return this.templateSelectOptions[0].key;
     },
+    allowMore: function() {
+      return this.counter < this.limit;
+    },
   },
   mounted() {
     let vueThis = this;
@@ -79,6 +84,7 @@ export default {
         .closest(vueThis.selector.collectionContainer);
       vueThis.getCollectionItemFromPressedButton(this).remove();
       vueThis.setAllButtonsStates(collectionContainer);
+      vueThis.counter--;
     });
 
     window.$(document).on('click', vueThis.selector.moveUp, function(e) {
@@ -167,6 +173,7 @@ export default {
       );
       let res = Vue.compile(html);
       this.elements.push(res);
+      this.counter++;
     },
     getSelectedTemplate() {
       let selectValue = this.$refs.templateSelect.selected;

diff --git a/templates/_partials/fields/collection.html.twig b/templates/_partials/fields/collection.html.twig
@@ -5,6 +5,7 @@
     {% set labels = {
         'add_collection_item': 'collection.add_item'|trans({'%name%': field.definition.label}),
     } %}
+    {% set limit = field.definition.get('limit')|default(200) %}
 
     {# get the html for all collection field already in the database #}
     {% set existing_fields = []|json_encode %}
@@ -19,9 +20,10 @@
     {% endif %}
 
     <editor-collection
-            :existing-fields='{{ existing_fields }}'
-            :templates='{{ templated_fields }}'
-            :labels='{{ labels | json_encode }}'
+      :existing-fields='{{ existing_fields }}'
+      :templates='{{ templated_fields }}'
+      :labels='{{ labels | json_encode }}'
+      :limit='{{ limit | json_encode }}'
     ></editor-collection>
 
 {% endblock %}