InfiniteScroll

Circuits

src/components/CMyFriends/CMyFriends.ts

@@ -56,6 +56,7 @@ export default defineComponent({
     const { t } = useI18n()
 
     const username = ref('')
+    const spinner_visible = ref(false)
     const listTrusted = ref(<IUserFields[]>[])
 
     const filtroutente = ref(<any[]>[])
@@ -154,12 +155,14 @@ export default defineComponent({
     function loadFriends() {
       // Carica il profilo di quest'utente
       if (username.value) {
+        spinner_visible.value = true
         userStore.loadFriends(username.value).then((ris) => {
           // console.log('ris', ris)
           if (ris) {
             listTrusted.value = ris.listTrusted ? ris.listTrusted : []
             filtroutente.value = [{ userId: userStore.my._id }]
           }
+          spinner_visible.value = false
         })
 
       }
@@ -237,6 +240,7 @@ export default defineComponent({
       setCmd,
       updateValue,
       myoptions,
+      spinner_visible,
     }
   }
 })

src/components/CMyFriends/CMyFriends.vue

@@ -16,6 +16,9 @@
       />
     </div>
     <div v-if="finder" class="">
+      <q-inner-loading :showing="spinner_visible">
+        <q-spinner-tail size="2em" color="primary"/>
+      </q-inner-loading>
 
       <div v-if="modelValue === costanti.FIND_PEOPLE">
         <slot></slot>