Gray out repeat buttons that don't make sense.

jmchilton · Dec 11, 2024 · 266a7cf · 266a7cf
1 parent 21f8bc8
commit 266a7cf
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/client/src/components/Form/FormRepeat.vue b/client/src/components/Form/FormRepeat.vue
@@ -132,6 +132,7 @@ const { keyObject } = useKeyedObjects();
                         <b-button
                             :id="getButtonId(cacheId, 'up')"
                             v-b-tooltip.hover.bottom
+                            :disabled="cacheId == 0"
                             title="move up"
                             role="button"
                             variant="link"
@@ -143,6 +144,7 @@ const { keyObject } = useKeyedObjects();
                         <b-button
                             :id="getButtonId(cacheId, 'down')"
                             v-b-tooltip.hover.bottom
+                            :disabled="cacheId >= props.input.cache?.length - 1"
                             title="move down"
                             role="button"
                             variant="link"