- aggiornata la grafica della Home di RISO

- Profilo Completition
- Email Verificata
- Invita un Amico (invio di email)

src/components/CMyElem/CMyElem.ts

@@ -20,6 +20,7 @@ import { CImgPoster } from '@src/components/CImgPoster';
 import CSection from '@src/components/CSection/CSection.vue';
 import CRow from '@src/components/CRow/CRow.vue';
 import CColumn from '@src/components/CColumn/CColumn.vue';
+import { CProfileCompletitionBanner } from '@src/components/CProfileCompletitionBanner/index';
 import { CTitle } from '@src/components/CTitle/index';
 import { CGridOriz } from '@src/components/CGridOriz/index';
 import { ChatBot } from '@src/components/ChatBot/index';
@@ -30,7 +31,10 @@ import { shared_consts } from '@src/common/shared_vuejs';
 import { LandingFooter } from '@src/components/LandingFooter';
 import { CMyActivities } from '@src/components/CMyActivities';
 import { CECommerce } from '@src/components/CECommerce';
+import { HomeRiso } from '@src/components/HomeRiso';
+import { InvitaAmico } from '@src/components/InvitaAmico';
 import { CMyVideoYoutube } from '@src/components/CMyVideoYoutube';
+import { editprofile } from '@src/components/editprofile';
 import { CStatMacro } from '@src/components/CStatMacro';
 import { CSearchProduct } from '@src/components/CSearchProduct';
 import { CPageViewStats } from '@src/components/CPageViewStats';
@@ -92,10 +96,14 @@ export default defineComponent({
     LandingFooter,
     CEventsCalendar,
     CCardCarousel,
+    CProfileCompletitionBanner,
     COpenStreetMap,
     CMyPage,
     CMyPageIntro,
+    InvitaAmico,
+    HomeRiso,
     CMyEditor,
+    editprofile,
     CMyFieldRec,
     CSelectColor,
     CSelectFontSize,
@@ -202,6 +210,8 @@ export default defineComponent({
 
     const social = ref(<ISocial>{});
 
+    const mostraInviti = ref(false);
+
     const neworder = ref(<number | undefined>0);
 
     const myel = ref(<IMyElem>{});
@@ -419,7 +429,19 @@ export default defineComponent({
       return canShowVersion.value ? globalStore.isNewVersionAvailable : false;
     });
 
+    const onInvitoInviato = (data: any) => {
+      console.log('Invito inviato:', data);
+      mostraInviti.value = false;
+    };
+
+    const onTelegramClick = () => {
+      // Qui la tua logica esistente per Telegram
+      console.log('Invio via Telegram...');
+    };
+
     return {
+      onInvitoInviato,
+      onTelegramClick,
       tools,
       shared_consts,
       getArrDisciplines,
@@ -467,6 +489,7 @@ export default defineComponent({
       cardGroupMaxWidth,
       isNewVersionAvailable,
       enablePwa,
+      mostraInviti,
     };
   },
 });

src/components/CMyElem/CMyElem.vue

@@ -50,7 +50,6 @@
           :card-width="myel.widthcard"
           :card-height="myel.heightcarousel"
           :card-img="myel.heightimg"
-
         />
         <div v-if="myel.type === shared_consts.ELEMTYPE.MARGINI">
           <div
@@ -86,6 +85,12 @@
             </div>
           </div>
         </div>
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.RISOHOME"
+          class="myElemBase"
+        >
+        <HomeRiso />
+        </div>
         <div
           v-else-if="myel.type === shared_consts.ELEMTYPE.IMGTITLE"
           class="myElemBase"
@@ -497,9 +502,9 @@
             v-if="editOn"
             class="elemEdit"
           >
-            CMyProFileTutorual
+            CprofileCompletitionBanner
           </div>
-          <CMyProfileTutorial />
+          <CProfileCompletitionBanner />
         </div>
         <div
           v-else-if="myel.type === shared_consts.ELEMTYPE.REGISTRATION"
@@ -522,7 +527,7 @@
             class="elemEdit"
           ></div>
           <div
-            :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
+            :class="myel.class + (editOn ? ` clEdit` : ``) + getClass() + ' q-ma-sm'"
             @click="clickOnElem"
           >
             <q-btn
@@ -833,7 +838,7 @@
               "
               rounded
               :label="$t('reg.link_reg_and_msg')"
-              @click="clickshare"
+              @click="mostraInviti = true"
             >
             </q-btn>
           </div>
@@ -1034,6 +1039,15 @@
           </div>
           <CCheckAppRunning v-if="enablePwa" />
         </div>
+        <div v-else-if="myel.type === shared_consts.ELEMTYPE.PROFILE_COMPLETITION">
+          <div
+            v-if="editOn"
+            class="elemEdit"
+          >
+            CProfileCompletitionBanner
+          </div>
+          <CProfileCompletitionBanner :showAlsoIfSkipped="myel.parambool" />
+        </div>
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.NOTIFATTOP">
           <div
             v-if="editOn"
@@ -1131,6 +1145,9 @@
           >
           </q-btn>
         </div>
+        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MODIFICA_PROFILO">
+          <editprofile> </editprofile>
+        </div>
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.BTN_LOGIN">
           <q-btn
             :class="
@@ -1184,6 +1201,29 @@
       >
       </CShareSocial>
     </q-dialog>
+    <q-dialog v-model="mostraInviti">
+      <q-card style="min-width: 350px; max-width: 600px">
+        <!-- Header con bottone chiudi -->
+        <q-bar class="bg-primary text-white">
+          <q-space />
+          <q-btn
+            dense
+            flat
+            icon="close"
+            @click="mostraInviti = false"
+          />
+        </q-bar>
+
+        <!-- Il tuo componente -->
+        <q-card-section class="q-pa-none">
+          <invita-amico
+            @invito-inviato="onInvitoInviato"
+            @telegram-click="onTelegramClick"
+            persistent
+          />
+        </q-card-section>
+      </q-card>
+    </q-dialog>
   </div>
 </template>