++ aggiunta la prenotazione negli eventi. con la lista degli utenti.

src/components/CMyRecCard/CMyRecCard.ts

@@ -10,6 +10,7 @@ import { useQuasar } from 'quasar'
 import { useI18n } from '@/boot/i18n'
 import { CMyCardPopup } from '@/components/CMyCardPopup'
 import { useRouter } from 'vue-router'
+import { useCalendarStore } from '@src/store/CalendarStore'
 
 export default defineComponent({
   name: 'CMyRecCard',
@@ -40,6 +41,7 @@ export default defineComponent({
   setup(props, { emit }) {
 
     const userStore = useUserStore()
+    const calendarStore = useCalendarStore()
     // const $q = useQuasar()
     const { t } = useI18n()
     const $router = useRouter()
@@ -92,9 +94,15 @@ export default defineComponent({
     }
 
     function getNameToShow(user: IUserFields, col = null) {
-      return userStore.getNameToShow(user, col)
+      if (props.table === shared_consts.TABLES_MYBACHECAS && myrec.value.groupname)
+        return myrec.value.groupname
+      else
+        return userStore.getNameToShow(user, col)
     }
 
+    function isPartecipero() {
+      return (props.table === shared_consts.TABLES_MYBACHECAS && calendarStore.isPartecipero(myrec.value._id, props.table))
+    }
 
     onMounted(mounted)
 
@@ -115,6 +123,8 @@ export default defineComponent({
       visupage,
       showBadge,
       getNameToShow,
+      isPartecipero,
+      calendarStore,
     }
   },
 })

src/components/CMyRecCard/CMyRecCard.vue

@@ -11,12 +11,21 @@
         : ``)
     "
   >
-    <q-item v-if="myrec" clickable v-ripple :class="`shadow-2 butt_rounded `">
+    <q-item
+      v-if="myrec"
+      clickable
+      v-ripple
+      :class="
+        `shadow-2 butt_rounded ` + (tools.isPartecipero(myrec) ? ` butt_green ` : '')
+      "
+    >
       <q-item-section
         v-if="
           shared_consts.TABLES_VISU_IMG.includes(table) &&
-          myrec.photos &&
-          myrec.photos.length > 0
+          (myrec.photos &&
+          myrec.photos.length > 0) ||
+          (myrec.mygrp &&
+          myrec.mygrp.photos.length > 0)
         "
         avatar
         @click="cmdExt(costanti.CMD_SHOW_PAGE, myrec)"
@@ -35,6 +44,20 @@
         </q-badge>
 
         <q-avatar size="60px">
+          <q-img
+            v-if="myrec.mygrp && myrec.mygrp.groupname && tools.getValue(myrec.mygrp, 'photos', '')"
+            :src="
+              tools.getFullFileName(
+                tools.getValue(myrec.mygrp, 'photos', ''),
+                'mygroups',
+                myrec.username,
+                myrec.groupname
+              )
+            "
+            class="img"
+            alt="immagine del gruppo"
+          >
+          </q-img>
           <q-img
             :src="
               tools.getFullFileName(myrec.photos, table, myrec.username, '')
@@ -103,17 +126,30 @@
         <q-item-label lines="1" style="" class="text_user_city">
           <div class="row justify-between">
             <div class="text-weight-bold text-italic">
-              {{ tools.getNameToShow(myrec) }}
+              <span
+                v-if="
+                  table === shared_consts.TABLES_MYBACHECAS && myrec.organisedBy
+                "
+              >
+                <span>{{ myrec.organisedBy }} </span>
+              </span>
+              <span v-else>
+                {{ getNameToShow(myrec) }}
+              </span>
             </div>
             <div class="q-mx-sm">
               (
+              <span v-if="table === shared_consts.TABLES_MYBACHECAS">
+                <span class="q-mx-xxs text-bold">{{
+                  tools.getNumPartecipantes(myrec)
+                }}</span>
+                <span class="q-mx-xxs"
+                  ><q-icon dense color="blue" name="far fa-check-circle" />
+                </span>
+              </span>
               <span class="q-mx-xxs">{{ myrec.myseen.length }}</span>
               <span class="q-mx-xxs"
-                ><q-icon
-                  dense
-                  color="blue"
-                  name="far fa-eye"
-                />
+                ><q-icon dense color="blue" name="far fa-eye" />
               </span>
               <span class="q-mx-xxs">&nbsp;</span>
               <span class="">{{ myrec.myfav.length }}</span>
@@ -146,6 +182,17 @@
           </div>
         </q-item-label>
 
+        <q-item-label
+          v-if="tools.isPartecipero(myrec)"
+          lines="1"
+          style="text-align: left"
+          class="text_user_city"
+        >
+          <span class="text-bold text-green text-h7">
+            <q-icon name="fas fa-user-check" color="green"></q-icon>
+            {{ $t('event.attend') }}</span
+          >
+        </q-item-label>
         <q-item-label
           lines="1"
           style="text-align: right"
@@ -174,6 +221,18 @@
                   <q-item-section>{{ $t('reg.edit') }}</q-item-section>
                 </q-item>
               </q-list>
+              <q-list style="min-width: 150px">
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="cmdExt(costanti.CMD_CLONE, myrec._id)"
+                >
+                  <q-item-section side>
+                    <q-icon name="fas fa-copy" />
+                  </q-item-section>
+                  <q-item-section>{{ $t('event.duplicate') }}</q-item-section>
+                </q-item>
+              </q-list>
               <q-list style="min-width: 150px">
                 <q-item
                   clickable