Merge pull request #1017 from bolt/feature/limit-imagelist

Feature/limit imagelist
bolt · Feb 5, 2020 · 2361524 · 2361524
2 parents 368f015 + 8f0ae9e
commit 2361524
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/assets/js/app/editor/Components/Imagelist.vue b/assets/js/app/editor/Components/Imagelist.vue
@@ -28,7 +28,12 @@
       ></editor-image>
     </div>
 
-    <button class="btn btn-tertiary" type="button" @click="addImage">
+    <button
+      class="btn btn-tertiary"
+      type="button"
+      :disabled="!allowMore"
+      @click="addImage"
+    >
       <i class="fas fa-fw fa-plus"></i>
       {{ labels.add_new_image }}
     </button>
@@ -50,6 +55,7 @@ export default {
     'labels',
     'extensions',
     'attributesLink',
+    'limit',
   ],
   data: function() {
     let counter = 0;
@@ -64,6 +70,11 @@ export default {
       containerImages: this.images,
     };
   },
+  computed: {
+    allowMore: function() {
+      return this.getActiveImageFields().length < this.limit;
+    },
+  },
   methods: {
     isFirstInImagelist(index) {
       return index === 0;

diff --git a/templates/_partials/fields/imagelist.html.twig b/templates/_partials/fields/imagelist.html.twig
@@ -18,6 +18,7 @@
        'add_new_image': 'image.add_new_image'|trans,
    }|json_encode %}
    {% set extensions = field.definition.get('extensions')|default('') %}
+   {% set limit = field.definition.get('limit')|default(200) %}
 
    <editor-imagelist
        :images='{{ field.jsonvalue }}'
@@ -28,6 +29,7 @@
        :labels='{{ labels }}'
        :extensions='{{  extensions|json_encode }}'
        :attributes-link='{{ path('bolt_media_new')|json_encode }}'
+       :limit='{{ limit|json_encode }}'
    ></editor-imagelist>
 
 {% endblock %}