From 295defc9a9eadbe2b150d0c9e0c93cf799fd5dd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Wed, 19 Jul 2023 16:53:36 +0200
Subject: [PATCH] Hide field unique constraints if disabled

---
 .../ModuleFields/Configurator/validation.vue  | 88 ++++++++++---------
 1 file changed, 45 insertions(+), 43 deletions(-)

diff --git a/client/web/compose/src/components/ModuleFields/Configurator/validation.vue b/client/web/compose/src/components/ModuleFields/Configurator/validation.vue
index 1855a9978..c38d0fcab 100644
--- a/client/web/compose/src/components/ModuleFields/Configurator/validation.vue
+++ b/client/web/compose/src/components/ModuleFields/Configurator/validation.vue
@@ -117,58 +117,60 @@
       </b-form-text>
     </b-form-group>
 
+    <hr>
+
     <div>
-      <div>
-        <h5>{{ $t('constraints.label') }}</h5>
-        <b-form-checkbox
-          v-model="fieldConstraint.exists"
-          class="mt-3"
-          @change="toggleFieldConstraint"
+      <h5>{{ $t('constraints.label') }}</h5>
+      <b-form-checkbox
+        v-model="fieldConstraint.exists"
+        class="mt-3"
+        @change="toggleFieldConstraint"
+      >
+        {{ $t('constraints.description') }}
+      </b-form-checkbox>
+
+      <b-row
+        v-if="fieldConstraint.exists"
+        class="mt-4"
+      >
+        <b-col
+          cols="12"
+          sm="6"
         >
-          {{ $t('constraints.description') }}
-        </b-form-checkbox>
-      </div>
-
-      <div class="mt-4">
-        <b-row>
-          <b-col
-            cols="12"
-            sm="6"
+          <b-form-group
+            :label="$t('constraints.valueModifiers')"
+            label-class="text-primary"
           >
-            <b-form-group
-              :label="$t('constraints.valueModifiers')"
-            >
-              <b-form-select
-                v-model="constraint.modifier"
-                :options="modifierOptions"
-              />
-            </b-form-group>
-          </b-col>
-          <b-col
-            cols="12"
-            sm="6"
+            <b-form-select
+              v-model="constraint.modifier"
+              :options="modifierOptions"
+            />
+          </b-form-group>
+        </b-col>
+        <b-col
+          v-if="field.isMulti"
+          cols="12"
+          sm="6"
+        >
+          <b-form-group
+            :label="$t('constraints.multiValues')"
+            label-class="text-primary"
           >
-            <b-form-group
-              :label="$t('constraints.multiValues')"
-            >
-              <b-form-select
-                v-model="constraint.multiValue"
-                :options="multiValueOptions"
-                :disabled="!field.isMulti"
-              />
-            </b-form-group>
-          </b-col>
-        </b-row>
-
-        <div
+            <b-form-select
+              v-model="constraint.multiValue"
+              :options="multiValueOptions"
+            />
+          </b-form-group>
+        </b-col>
+        <b-col
           v-if="fieldConstraint.total"
-          class="mt-3"
+          cols="12"
         >
           <i>
             {{ $t('constraints.totalFieldConstraintCount', { total: fieldConstraint.total }) }}
           </i>
-        </div>
-      </div>
+        </b-col>
+      </b-row>
     </div>
   </div>
 </template>