Others Elements for the Pages

src/root/mainview/mainview.ts

@@ -19,6 +19,7 @@ import { useUserStore } from '@store/UserStore'
 import { static_data } from '@/db/static_data'
 import { useNotifStore } from '@store/NotifStore'
 import { CNotifAtTop } from '@src/components/CNotifAtTop'
+import { CMyPageElem } from '@src/components/CMyPageElem'
 
 import MixinBase from '@/mixins/mixin-base'
 import MixinUsers from '@/mixins/mixin-users'
@@ -28,13 +29,15 @@ import MixinMetaTags from '@/mixins/mixin-metatags'
 export default defineComponent({
   name: 'mainview',
   components: { CSkill, CChartMap, CMapsEsempio, CDashboard, CUserNonVerif, CMainView, CCopyBtn,
-    CNotifAtTop, LandingFooter, CCheckIfIsLogged, CStatusReg, CEventsCalendar, CPresentazione },
+    CNotifAtTop, LandingFooter,
+    CCheckIfIsLogged, CStatusReg, CEventsCalendar, CPresentazione, CMyPageElem },
   setup() {
     const globalStore = useGlobalStore()
     const userStore = useUserStore()
     const { getValDb } = MixinBase()
     const notifStore = useNotifStore()
 
+    const isfinishLoading = computed(() => globalStore.finishLoading)
 
     const { setmeta } = MixinMetaTags()
 
@@ -50,6 +53,7 @@ export default defineComponent({
       setmeta,
       getValDb,
       notifStore,
+      isfinishLoading,
     }
   },
 })

src/root/mainview/mainview.vue

@@ -1,100 +1,33 @@
 <template>
   <q-page class="">
-    <CNotifAtTop />
-
-        <span>{{
-            setmeta({
-              title: $t('ws.sitename'),
-              description: $t('ws.siteshortname'),
-              keywords: $t('ws.keywords'),
-            })
-          }}
-        </span>
-
-    <!--<CChartMap
-      title="Mappa"
-      subtitle="cartina..."
-      serie1="Serie 1"
-    >
-
-    </CChartMap>-->
-
-    <!--<CMapsEsempio></CMapsEsempio>-->
-
-    <q-banner
-      v-if="globalStore.isNewVersionAvailable"
-      rounded
-      dense
-      class="bg-green text-white"
-      color="primary q-title"
-      style="text-align: center;">
-      <template v-slot:avatar>
-        <q-icon name="fas fa-exclamation-triangle" color="yellow" size="xs" />
-      </template>
-      <span class="mybanner">Per Aggiornare alla nuova versione, chiudere e riaprire la APP (o il browser)</span>
-
-    </q-banner>
-
-    <q-banner
-      v-if="tools.isTest()"
-      rounded
-      dense
-      class="bg-negative text-white"
-      color="primary q-title"
-      style="text-align: center;">
-      <template v-slot:avatar>
-        <q-icon name="fas fa-exclamation-triangle" color="yellow" size="xs" />
-      </template>
-      <span class="mybanner">Questo è l'AMBIENTE DI TEST !<br> Solo per prove.</span>
-
-    </q-banner>
+    <span
+      >{{
+        setmeta({
+          title: $t('ws.sitename'),
+          description: $t('ws.siteshortname'),
+          keywords: $t('ws.keywords'),
+        })
+      }}
+    </span>
 
     <div v-if="tools.isLogged()">
       <div v-if="!tools.isUserOk()">
         <CUserNonVerif></CUserNonVerif>
       </div>
       <div v-else>
-
-        <CDashboard></CDashboard>
-        <CMainView></CMainView>
-
-        <div class="row justify-evenly items-center q-pa-sm q-ma-sm">
-          <q-btn
-            icon="fas fa-share-alt"
-            color="blue" type="a"
-            size="md"
-            rounded
-            :label="$t('reg.link_reg_and_msg')"
-            @click="tools.sendMsgTelegramCmd($q, $t, shared_consts.MsgTeleg.SHARE_MSGREG, true)">
-          </q-btn>
+        <div v-if="isfinishLoading">
+          <CMyPageElem title="Home" mypath="home"> </CMyPageElem>
         </div>
-
-        <CEventsCalendar :mysingleevent="null" :showfirstN="getValDb('SHOW_LAST_EVENTS', false, 3)">
-
-        </CEventsCalendar>
-
-        <!--<CCopyBtn v-if="userStore.my.username" :title="$t('reg.link_reg')" :texttocopy="getRefLink(userStore.my.username)">
-
-        </CCopyBtn>-->
-
-        <CStatusReg>
-
-        </CStatusReg>
-
-        <div>Versione: {{tools.getvers()}}</div>
-
       </div>
-
     </div>
     <div v-else>
-      <CPresentazione></CPresentazione>
-      <CCheckIfIsLogged></CCheckIfIsLogged>
-
+        <div v-if="isfinishLoading">
+          <CMyPageElem title="Home" mypath="home_logout"> </CMyPageElem>
+        </div>
     </div>
 
     <LandingFooter></LandingFooter>
   </q-page>
-
 </template>
 <script lang="ts" src="./mainview.ts">
 </script>