fix Cliccando sul Titolo dell'evento, si apre una pagina in una nuova finestra ! (non rimane sulla APP)

src/components/CCardCarousel/CCardCarousel.vue

@@ -55,7 +55,7 @@
           style="opacity: 0.7;"
         >
           <q-btn
-            push round color="white" text-color="black" icon="keyboard_arrow_left"
+            push round :color="$q.dark.isActive ? `black` : `white`" :text-color="$q.dark.isActive ? `white` : `black`" icon="keyboard_arrow_left"
             @click="$refs.carousel.previous()"></q-btn>
         </q-carousel-control>
         <q-carousel-control
@@ -64,7 +64,7 @@
           style="opacity: 0.7;"
         >
           <q-btn
-            push round color="white" text-color="black" icon="keyboard_arrow_right"
+            push round :color="$q.dark.isActive ? `black` : `white`" :text-color="$q.dark.isActive ? `white` : `black`" icon="keyboard_arrow_right"
             @click="$refs.carousel.next()"></q-btn>
         </q-carousel-control>
       </template>

src/components/CCheckIfIsLogged/CCheckIfIsLogged.vue

@@ -23,7 +23,7 @@
         <div class="text-h6 text-center">
           Visualizza le FAQ (Risposte alle domande più frequenti)<br>
           <div class="text-center">
-            <q-btn color="white" push glossy text-color="black" label="Apri le FAQ" to="/faq"/>
+            <q-btn :color="$q.dark.isActive ? `black` : `white`" push glossy :text-color="$q.dark.isActive ? `white` : `black`" label="Apri le FAQ" to="/faq"/>
           </div>
         </div>
       </q-banner>

src/components/CEventsCalendar/CEventsCalendar.ts

@@ -937,6 +937,12 @@ export default defineComponent({
       return event.title
     }
 
+    function condividipag(href: string) {
+      const msg = self.location.host + href
+      return tools.copyStringToClipboard($q, msg, true)
+    }
+
+
     onMounted(mounted)
     onBeforeMount(beforeMount)
 
@@ -1022,6 +1028,7 @@ export default defineComponent({
       EState,
       CancelBookingEvent,
       site: globalStore.site,
+      condividipag,
     }
   }
 })

src/components/CMyCardCircuitPopup/CMyCardCircuitPopup.vue

@@ -95,7 +95,7 @@
         <div class="q-ma-sm">
           <q-btn
             v-if="myrec._id"
-            text-color="black" icon="fas fa-share-alt"
+            :text-color="$q.dark.isActive ? `white` : `black`" icon="fas fa-share-alt"
             label="Condividi"
             @click="condividipag"></q-btn>
         </div>

src/components/CMyCardGrpPopup/CMyCardGrpPopup.vue

@@ -79,7 +79,7 @@
         <div class="q-ma-sm">
           <q-btn
             v-if="myrec._id"
-            text-color="black" icon="fas fa-share-alt"
+            :text-color="$q.dark.isActive ? `white` : `black`" icon="fas fa-share-alt"
             label="Condividi"
             @click="condividipag"></q-btn>
         </div>

src/components/CMyCardPopup/CMyCardPopup.vue

@@ -112,7 +112,7 @@
         <div class="q-ma-sm">
           <q-btn
             v-if="myrec._id"
-            text-color="black" icon="fas fa-share-alt"
+            :text-color="$q.dark.isActive ? `white` : `black`" icon="fas fa-share-alt"
             label="Condividi"
             @click="condividipag"></q-btn>
         </div>

src/components/CMyElem/CMyElem.ts

@@ -2,7 +2,7 @@ import {
   defineComponent, onMounted, PropType, ref, toRef, watch,
 } from 'vue'
 
-import { IMyCard, IMyElem, IMyPage, IOperators } from '@src/model'
+import { IMyCard, IMyElem, IMyPage, IOperators, ISocial } from '@src/model'
 import { useGlobalStore } from '@store/globalStore'
 
 import { CImgTitle } from '../CImgTitle/index'
@@ -27,6 +27,7 @@ import { CCheckIfIsLogged } from '@src/components/CCheckIfIsLogged'
 import { CSelectFontSize } from '@src/components/CSelectFontSize'
 import { CNotifAtTop } from '@src/components/CNotifAtTop'
 import { CPresentazione } from '@src/components/CPresentazione'
+import { CShareSocial } from '@src/components/CShareSocial'
 
 import MixinMetaTags from '@/mixins/mixin-metatags'
 import MixinBase from '@/mixins/mixin-base'
@@ -43,7 +44,7 @@ export default defineComponent({
     CSelectColor, CSelectFontSize, CImgPoster,
     CCheckIfIsLogged, CStatusReg, CDashboard, CMainView, CNotifAtTop,
     CPresentazione,
-    CTitleBanner,
+    CTitleBanner, CShareSocial,
   },
   emits: ['selElemClick'],
   props: {
@@ -88,6 +89,9 @@ export default defineComponent({
     const disableSave = ref(true)
     const enableEdit = ref(false)
     const enableAdd = ref(true)
+    const visushare = ref(false)
+
+    const social = ref(<ISocial>{})
 
     const neworder = ref(<number | undefined>0)
 
@@ -227,6 +231,21 @@ export default defineComponent({
       $router.replace('/signin')
     }
 
+    async function clickshare() {
+      let mytext = await tools.sendMsgTelegramCmd(
+        $q,
+        t,
+        shared_consts.MsgTeleg.SHARE_MSGREG,
+        true
+      )
+
+      if (false) {
+        social.value.description = mytext
+        visushare.value = true
+      }
+
+    }
+
     onMounted(mounted)
 
     return {
@@ -256,6 +275,9 @@ export default defineComponent({
       dupElem,
       globalStore,
       PagLogin,
+      visushare,
+      social,
+      clickshare,
     }
   },
 

src/components/CMyElem/CMyElem.vue

@@ -466,14 +466,7 @@
             "
             rounded
             :label="$t('reg.link_reg_and_msg')"
-            @click="
-              tools.sendMsgTelegramCmd(
-                $q,
-                $t,
-                shared_consts.MsgTeleg.SHARE_MSGREG,
-                true
-              )
-            "
+            @click="clickshare"
           >
           </q-btn>
         </div>
@@ -513,9 +506,7 @@
               size="xs"
             />
           </template>
-          <span class="mybanner"
-            >
-            TEST !</span>
+          <span class="mybanner"> TEST !</span>
         </q-banner>
       </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKNEWVERSION">
@@ -600,6 +591,21 @@
       </div>
     </div>
   </div>
+
+  <q-dialog
+    v-model="visushare"
+    transition-show="slide-up"
+    transition-hide="slide-down"
+    :maximized="$q.screen.lt.sm"
+  >
+    <CShareSocial
+      v-if="social && social.description"
+      :description="social.description"
+      :title="social.title"
+      :url="social.url"
+    >
+    </CShareSocial>
+  </q-dialog>
 </template>
 
 <script lang="ts" src="./CMyElem.ts">

src/components/CShareSocial/CShareSocial.scss

@@ -0,0 +1,42 @@
+$heightBtn: 100%;
+$grayshadow: #555;
+
+.text-subtitle-gallery {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+  .text-subtitle-gallery {
+    font-size: 1rem;
+  }
+}
+
+.myimg {
+  border-radius: 10px !important;
+  height: 200px;
+}
+
+.q-img {
+  &__image {
+    border-radius: 10px !important;
+  }
+}
+
+.my-card-gallery {
+  width: 100%;
+  max-width: 300px;
+  min-width: 200px;
+  padding: 1rem 1rem;
+  height: 350px;
+}
+
+.my-card-gallery-view {
+  width: 100px;
+  height: 100px;
+  padding: 0.5rem 0.5rem;
+}

src/components/CShareSocial/CShareSocial.ts

@@ -0,0 +1,52 @@
+import { tools } from '../../store/Modules/tools'
+import { useQuasar } from 'quasar'
+import { useI18n } from '@src/boot/i18n'
+import { useUserStore } from '@store/UserStore'
+import { useGlobalStore } from '@store/globalStore'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'CShareSocial',
+  props: {
+    description: {
+      type: String,
+      required: true,
+    },
+    title: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    url: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    quote: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  components: {},
+  setup(props) {
+    const $q = useQuasar()
+
+    const networks = [
+      {
+        network: 'whatsapp',
+        name: 'Whatsapp',
+        icon: 'fab fah fa-lg fa-whatsapp',
+        color: '#25d366'
+      },
+      { network: 'email', name: 'Email', icon: 'far fah fa-lg fa-envelope', color: '#333333' },
+      { network: 'facebook', name: 'Facebook', icon: 'fab fah fa-lg fa-facebook-f', color: '#1877f2' },
+      { network: 'telegram', name: 'Telegram', icon: 'fab fah fa-lg fa-telegram-plane', color: '#0088cc' },
+    ]
+
+    return {
+      tools,
+      networks,
+    }
+  },
+})

src/components/CShareSocial/CShareSocial.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="q-ma-sm">
+    <div>
+      <q-card>
+        <q-bar class="bg-primary text-white">
+          <span> Social Share </span>
+          <q-space />
+          <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+        </q-bar>
+        <q-card-section class="inset-shadow">
+            <h2>Condividi su</h2><br>
+          <q-card class="dialog_card row q-pa-sm q-ma-sm">
+
+            <ShareNetwork
+              style="padding: 10px; margin: 10px"
+              v-for="network in networks"
+              :key="network.network"
+              :url="url"
+              :style="{ backgroundColor: network.color }"
+              :title="title"
+              :description="description"
+              :quote="quote"
+            >
+              <i :class="network.icon" class="q-mr-sm"></i>
+              <span>{{ network.name }}</span>
+            </ShareNetwork>
+          </q-card>
+        </q-card-section>
+      </q-card>
+      <br />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CShareSocial.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CShareSocial.scss';
+</style>

src/components/CShareSocial/index.ts

@@ -0,0 +1 @@
+export {default as CShareSocial} from './CShareSocial.vue'

src/components/index.ts

@@ -14,6 +14,7 @@ export * from './CImgTitle'
 export * from './CMyAvatar'
 export * from './CMyCart'
 export * from './CMyFieldDb'
+export * from './CShareSocial'
 export * from './CBarSelection'
 export * from './CMyFieldRec'
 export * from './CImgPoster'