Merge pull request #568 from citation-file-format/393-previous-button

Author: abelsiqueira

src/components/StepperActions.vue

@@ -1,10 +1,11 @@
 <template>
     <q-btn
-        color=""
-        flat
         label="Previous"
         no-caps
         v-bind:class="cannotGoBack ? 'hidden' : ''"
+        v-bind:color="boldPrevious ? 'primary' : ''"
+        v-bind:flat="!boldPrevious"
+        v-bind:unelevated="boldPrevious"
         v-on:click="navigatePrevious"
     />
     <span class="spacer" />
@@ -25,21 +26,26 @@
             color="primary"
             label="Next"
             no-caps
+            unelevated
             v-on:click="navigateNext"
         />
     </q-btn-group>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { computed, defineComponent } from 'vue'
 import { useApp } from 'src/store/app'
+import { useValidation } from 'src/store/validation'
 
 export default defineComponent({
     name: 'StepperActions',
 
     setup () {
         const { showAdvanced, cannotGoBack, cannotGoForward, navigateNext, navigatePrevious } = useApp()
+        const { errors } = useValidation()
+
         return {
+            boldPrevious: computed(() => cannotGoForward.value && (errors.value.length > 0)),
             cannotGoBack,
             cannotGoForward,
             showAdvanced,