- Invia e Ricevi RIS (grafica aggiornata)

- Visualizzazione Movimenti (ultimi e successivi), per singolo e di tutti

src/components/CMovements/CMovements.ts

@@ -26,6 +26,11 @@ export default defineComponent({
       required: false,
       default: ''
     },
+    showbuttolastmov: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
   },
   emits: ['loaded'],
   setup(props, { emit }) {
@@ -35,10 +40,12 @@ export default defineComponent({
     const globalStore = useGlobalStore()
     const { t } = useI18n();
 
+    const loadingvalues = ref(false)
     const numtransaz = ref(0)
     const prectransaz = ref(0)
 
     const tab = ref('tutti')
+    const nummovTodownload = ref(5)
 
     const mylist = computed(() => {
       if (globalStore.datastat || userStore.my.profile) {
@@ -128,6 +135,13 @@ export default defineComponent({
       mounted()
     })
 
+    async function addlastmov() {
+      nummovTodownload.value += 5
+
+      loadingvalues.value = true
+      await globalStore.loadLastMovements(nummovTodownload.value)
+      loadingvalues.value = false
+    }
 
     return {
       userStore,
@@ -140,6 +154,8 @@ export default defineComponent({
       navigabyMov,
       numtransaz,
       tab,
+      loadingvalues,
+      addlastmov,
     }
   }
 })

src/components/CMovements/CMovements.vue

@@ -70,6 +70,19 @@
     >
     </c-single-movement>
   </q-list>
+  <q-inner-loading id="spinner" :showing="loadingvalues">
+    <q-spinner-tail size="3em" color="primary" />
+  </q-inner-loading>
+  <div v-if="showbuttolastmov" class="row justify-center">
+    <q-btn
+      rounded
+      dense
+      class="text-center"
+      color="primary"
+      :label="t('circuit.show_next_mov')"
+      @click="addlastmov()"
+    />
+  </div>
 </template>
 
 <script lang="ts" src="./CMovements.ts">