From 50a323609fc9da437c8d1b865a656b583d0ae1dc Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Fri, 7 Feb 2025 12:33:21 +0100
Subject: [PATCH] getlistas

---
 src/pages/IndexPage.vue | 60 ++++++++++++++++++++++++++++++++---------
 src/pages/LoginPage.vue |  4 +--
 2 files changed, 49 insertions(+), 15 deletions(-)

diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index fee378e..aade543 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -1,20 +1,54 @@
 <template>
-  <q-page>
-    <div class="bg-light-green window-height window-width row justify-center items-center">
-      <div class="column">
-        <div class="row"></div>
-        <h1>Página principal</h1>
-        <h3 v-if="store.user">You are logged in as {{ store.user.email }}
-        </h3>
+  <div class="q-pa-md">
+    <q-infinite-scroll @load="onLoad" :offset="250">
+      <div v-for="(lista, index) in arraylistas" :key="index" class="caption">
+        {{ lista }}
       </div>
-    </div>
-  </q-page>
+      <template v-slot:loading>
+        <div class="row justify-center q-my-md">
+          <q-spinner-dots color="primary" size="40px" />
+        </div>
+      </template>
+    </q-infinite-scroll>
+  </div>
 </template>
 
 <script setup>
-import { supabaseStore } from '../stores/supabaseStore'
-//import useSupabase from '../boot/supabase'
+import useSupabase from '../boot/supabase'
+import { useQuasar } from 'quasar'
+import { onMounted } from 'vue'
 
-const store = supabaseStore()
-//const { supabase } = useSupabase()
+const { supabase } = useSupabase()
+const $q = useQuasar()
+
+let arraylistas = []
+
+const getListas = async () => {
+  try {
+    let { data: listas, error } = await supabase
+      .from('listas')
+      .select(`*, profiles(*)`)
+    if (error) throw error
+    console.log('listas', listas)
+    arraylistas = listas
+  } catch (error) {
+    if (error instanceof Error) {
+      $q.notify({
+        type: 'negative',
+        message: error.message
+      })
+    }
+  }
+}
+
+const onLoad = (index, done) => {
+  setTimeout(() => {
+    arraylistas.push()
+    done()
+  }, 1000)
+}
+
+onMounted(() => {
+  getListas()
+})
 </script>
diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 2ba218a..59bbaec 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -121,8 +121,8 @@ const { supabase } = useSupabase()
 const store = supabaseStore()
 const $q = useQuasar()
 
-let email = ref('')
-let password = ref('')
+let email = ref('melay74255@minduls.com')
+let password = ref('melay74255')
 let repassword = ref('')
 let onLogin = ref(true)
 let isPwd = ref(true)