Disabled repeating-elements after maximum reached. Added messaging to…

… user.
hujambo-dunia · Nov 13, 2023 · fddc75d · fddc75d
1 parent ea0fe80
commit fddc75d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/client/src/components/Form/FormRepeat.vue b/client/src/components/Form/FormRepeat.vue
@@ -146,9 +146,12 @@ const { keyObject } = useKeyedObjects();
             </template>
         </FormCard>
 
-        <b-button v-if="!props.sustainRepeats" @click="onInsert">
+        <b-button v-if="!props.sustainRepeats && props.input.cache.length < props.input.max" @click="onInsert">
             <FontAwesomeIcon icon="plus" class="mr-1" />
             <span data-description="repeat insert">Insert {{ props.input.title || "Repeat" }}</span>
         </b-button>
+        <div v-if="props.input.cache.length >= props.input.max">
+            Maximum of {{ props.input.cache.length }} {{ props.input.title || "Repeat" }} fields reached
+        </div>
     </div>
 </template>