From c8381eb808fe864bde933fcba7bb795e127dde83 Mon Sep 17 00:00:00 2001
From: Samuel Elliott <samuel@fancy.org.uk>
Date: Fri, 10 Aug 2018 14:23:21 +0100
Subject: [PATCH] Add disabled, min and max options for collections

---
 .../partials/generic/forms/collections.scss      | 16 ++++++++++------
 .../src/ui/components/bd/setting/Collection.vue  |  6 ++++--
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/client/src/styles/partials/generic/forms/collections.scss b/client/src/styles/partials/generic/forms/collections.scss
index 29a52b23..1d84a8cb 100644
--- a/client/src/styles/partials/generic/forms/collections.scss
+++ b/client/src/styles/partials/generic/forms/collections.scss
@@ -23,17 +23,21 @@
             align-items: center;
             cursor: pointer;
 
-            &:hover {
-                svg {
-                    fill: #FFF;
-                }
-            }
-
             svg {
                 width: 16px;
                 height: 16px;
                 fill: #ccc;
             }
+
+            &:not(.bd-disabled):hover {
+                svg {
+                    fill: #fff;
+                }
+            }
+
+            &.bd-disabled {
+                opacity: 0.5;
+            }
         }
     }
 
diff --git a/client/src/ui/components/bd/setting/Collection.vue b/client/src/ui/components/bd/setting/Collection.vue
index 10ba904b..9f727eb9 100644
--- a/client/src/ui/components/bd/setting/Collection.vue
+++ b/client/src/ui/components/bd/setting/Collection.vue
@@ -12,9 +12,9 @@
     <div class="bd-formCollection">
         <div v-for="s in setting.items" class="bd-collectionItem">
             <Setting :setting="s" :hide-divider="true" :key="s.id" />
-            <div class="bd-removeCollectionItem" @click="removeItem(s)"><MiMinus/></div>
+            <div class="bd-removeCollectionItem" :class="{'bd-disabled': setting.disabled || setting.min && setting.items.length <= setting.min}" @click="removeItem(s)"><MiMinus/></div>
         </div>
-        <div class="bd-newCollectionItem" @click="addItem"><MiPlus/></div>
+        <div v-if="!setting.disabled && !setting.max || setting.items.length < setting.max" class="bd-newCollectionItem" @click="addItem"><MiPlus/></div>
     </div>
 </template>
 
@@ -29,9 +29,11 @@
         },
         methods: {
             removeItem(item) {
+                if (this.setting.disabled || this.setting.min && this.setting.items.length <= this.setting.min) return;
                 this.setting.removeItem(item);
             },
             addItem() {
+                if (this.setting.disabled || this.setting.max && this.setting.items.length >= this.setting.max) return;
                 this.setting.addItem();
             }
         },