Merge pull request #340 from citation-file-format/321-disable-arrow-in-invalid-positions

Author: abelsiqueira

src/components/AuthorCardEditing.vue

@@ -101,13 +101,15 @@
             <q-btn
                 color="blue"
                 dense
+                v-bind:disable="index == 0"
                 icon="ion-arrow-up"
                 tabindex="-1"
                 v-on:click="$emit('moveUp')"
             />
             <q-btn
                 color="blue"
                 dense
+                v-bind:disable="index >= numAuthors - 1"
                 icon="ion-arrow-down"
                 tabindex="-1"
                 v-on:click="$emit('moveDown')"
@@ -167,6 +169,10 @@ export default defineComponent({
         email: {
             type: String,
             default: ''
+        },
+        numAuthors: {
+            type: Number,
+            default: 0
         }
     },
     setup () {

src/components/AuthorCardViewing.vue

@@ -16,13 +16,15 @@
             <q-btn
                 class="author-button"
                 color="blue"
+                v-bind:disable="index == 0"
                 icon="ion-arrow-up"
                 tabindex="-1"
                 v-on:click="$emit('moveUp')"
             />
             <q-btn
                 class="author-button"
                 color="blue"
+                v-bind:disable="index >= numAuthors - 1"
                 icon="ion-arrow-down"
                 tabindex="-1"
                 v-on:click="$emit('moveDown')"
@@ -54,6 +56,10 @@ export default defineComponent({
         author: {
             type: Object as PropType<AuthorType>,
             required: true
+        },
+        numAuthors: {
+            type: Number,
+            default: 0
         }
     },
     emits: ['editPressed', 'moveDown', 'moveUp']

src/components/IdentifierCardEditing.vue

@@ -49,13 +49,15 @@
             <q-btn
                 dense
                 color="blue"
+                v-bind:disable="index == 0"
                 icon="ion-arrow-up"
                 tabindex="-1"
                 v-on:click="$emit('moveUp')"
             />
             <q-btn
                 dense
                 color="blue"
+                v-bind:disable="index >= numIdentifiers - 1"
                 icon="ion-arrow-down"
                 tabindex="-1"
                 v-on:click="$emit('moveDown')"
@@ -100,6 +102,10 @@ export default defineComponent({
         description: {
             type: String,
             default: ''
+        },
+        numIdentifiers: {
+            type: Number,
+            default: 0
         }
     },
     setup (props) {

src/components/IdentifierCardViewing.vue

@@ -15,13 +15,15 @@
             <q-btn
                 class="identifier-button"
                 color="blue"
+                v-bind:disable="index == 0"
                 icon="ion-arrow-up"
                 tabindex="-1"
                 v-on:click="$emit('moveUp')"
             />
             <q-btn
                 class="identifier-button"
                 color="blue"
+                v-bind:disable="index >= numIdentifiers - 1"
                 icon="ion-arrow-down"
                 tabindex="-1"
                 v-on:click="$emit('moveDown')"
@@ -53,6 +55,10 @@ export default defineComponent({
         identifier: {
             type: Object as PropType<IdentifierType>,
             required: true
+        },
+        numIdentifiers: {
+            type: Number,
+            default: 0
         }
     },
     emits: ['editPressed', 'moveDown', 'moveUp']

src/components/Keyword.vue

@@ -14,13 +14,15 @@
         <q-btn
             class="keyword-btn"
             color="blue"
+            v-bind:disable="index == 0"
             icon="ion-arrow-up"
             tabindex="-1"
             v-on:click="$emit('moveUp')"
         />
         <q-btn
             class="keyword-btn"
             color="blue"
+            v-bind:disable="index == numKeywords - 1"
             icon="ion-arrow-down"
             tabindex="-1"
             v-on:click="$emit('moveDown')"
@@ -47,6 +49,14 @@ export default defineComponent({
         keyword: {
             type: String,
             default: ''
+        },
+        index: {
+            type: Number,
+            required: true
+        },
+        numKeywords: {
+            type: Number,
+            default: 0
         }
     },
     setup () {

src/components/ScreenAuthors.vue

@@ -22,13 +22,15 @@
                             v-if="editingId !== index"
                             v-bind:index="index"
                             v-bind:author="author"
+                            v-bind:num-authors="authors.length"
                             v-on:editPressed="() => (editingId = index)"
                             v-on:moveDown="moveAuthorDown(index)"
                             v-on:moveUp="moveAuthorUp(index)"
                         />
                         <AuthorCardEditing
                             v-else
                             v-bind:index="index"
+                            v-bind:num-authors="authors.length"
                             v-bind="author"
                             v-on:update="setAuthorField"
                             v-on:closePressed="() => (editingId = -1)"

src/components/ScreenIdentifiers.vue

@@ -32,6 +32,7 @@
                             v-if="editingId !== index"
                             v-bind:index="index"
                             v-bind:identifier="identifier"
+                            v-bind:num-identifiers="identifiers.length"
                             v-on:editPressed="() => (editingId = index)"
                             v-on:moveDown="moveIdentifierDown(index)"
                             v-on:moveUp="moveIdentifierUp(index)"
@@ -40,6 +41,7 @@
                             v-else
                             v-bind:index="index"
                             v-bind="identifier"
+                            v-bind:num-identifiers="identifiers.length"
                             v-on:updateType="setIdentifierTypeField"
                             v-on:updateValue="setIdentifierValueField"
                             v-on:updateDescription="setIdentifierDescriptionField"

src/components/ScreenKeywords.vue

@@ -20,6 +20,8 @@
                         class="q-mr-lg"
                         v-bind:key="index"
                         v-bind:keyword="keyword"
+                        v-bind:index="index"
+                        v-bind:num-keywords="keywords.length"
                         v-for="(keyword, index) in keywords"
                         v-on:moveDown="moveDown(index, keywords, setKeywords)"
                         v-on:moveUp="moveUp(index, keywords, setKeywords)"