[BI-1127] remove delete button for minimum categories

Breeding-Insight · Oct 28, 2021 · eac9b89 · eac9b89
1 parent 16d9030
commit eac9b89
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/components/trait/forms/CategoryTraitForm.vue b/src/components/trait/forms/CategoryTraitForm.vue
@@ -56,6 +56,7 @@
           v-on:value-change="item.value = $event"
           v-on:label-change="item.label = $event"
           v-bind:key="i"
+          v-bind:can-be-removed="i > 1"
           v-bind:server-row-validation="getCategoryErrors(i)"
         />
       </template>
@@ -68,6 +69,7 @@
             v-on:value-change="item.value = $event"
             v-bind:value-placeholder="nominalPlaceholders[i]"
             v-bind:key="i"
+            v-bind:can-be-removed="i > 0"
             v-bind:server-row-validation="getCategoryErrors(i)"
         />
       </template>

diff --git a/src/components/trait/forms/LabelValueRow.vue b/src/components/trait/forms/LabelValueRow.vue
@@ -46,7 +46,7 @@
             />
           </div>
           <div class="column is-one-fifth ml-2">
-            <button type="button" class="delete mt-4" v-on:click="$emit('delete')"></button>
+            <button v-show="canBeRemoved" type="button" class="delete mt-4" v-on:click="$emit('delete')"></button>
           </div>
 
         </div>
@@ -80,6 +80,8 @@ export default class LabelValueRow extends Vue {
   categoryPlaceholder: string | undefined;
   @Prop()
   serverRowValidation!: RowError;
+  @Prop()
+  canBeRemoved!: boolean;
 }
 
 </script>
diff --git a/src/components/trait/forms/ValueRow.vue b/src/components/trait/forms/ValueRow.vue
@@ -30,7 +30,7 @@
         />
       </div>
       <div class="column is-one-fifth ml-2">
-        <button type="button" class="delete" v-on:click="$emit('delete')"></button>
+        <button v-show="canBeRemoved" type="button" class="delete" v-on:click="$emit('delete')"></button>
       </div>
     </div>
   </div>
@@ -55,6 +55,8 @@
     valuePlaceholder: string | undefined;
     @Prop()
     serverRowValidation!: RowError;
+    @Prop()
+    canBeRemoved!: boolean;
   }
 
 </script>