- Griglia Orizzontale a Carosello

- Aggiornato Tabella Eventi
- Lista Ultimi Movimenti
- Ultime strette di mano
- Ultimi Invitanti alla App

src/components/CMyRecCard/CMyRecCard.scss

@@ -21,7 +21,7 @@
   /* Arrotonda leggermente gli angoli */
   border-radius: 8px;
   /* Aggiungi un po' di spazio interno intorno ai contenuti */
-  padding: 16px;
+  padding: 8px;
   /* Colore di sfondo bianco per separare dal resto del contenuto */
   background-color: #eff;
 

src/components/CMyRecCard/CMyRecCard.vue

@@ -1,10 +1,6 @@
 <!--suppress ALL -->
 <template>
-
-  <div
-    class="q-py-xs centermydiv cardrec"
-    :style="{ maxWidth: computedWidth }"
-  >
+  <div class="q-py-xs centermydiv cardrec" :style="{ maxWidth: computedWidth }">
     <div v-if="myrec && table === shared_consts.TABLES_MYBACHECAS">
       <div class="row">
         <div class="col-2 q-my-sm">
@@ -18,9 +14,69 @@
             <span class="ev_month">{{
               tools.getstrMonth3Letters(myrec.dateTimeStart)
             }}</span>
+            <span class="ev_hour">{{
+              tools.getstrTime(myrec.dateTimeStart)
+            }}</span>
+            <span
+              v-if="
+                tools.getstrDay(myrec.dateTimeStart) ===
+                tools.getstrDay(myrec.dateTimeEnd)
+              "
+              class="ev_hour_end"
+              >{{ tools.getstrTime(myrec.dateTimeEnd) }}</span
+            >
+            <div
+              v-if="
+                tools.getstrDay(myrec.dateTimeStart) !==
+                tools.getstrDay(myrec.dateTimeEnd)
+              "
+              class="q-mx-sm"
+            >
+              ------
+            </div>
+            <span
+              v-if="
+                tools.getstrDay(myrec.dateTimeStart) !==
+                tools.getstrDay(myrec.dateTimeEnd)
+              "
+              class="ev_dayofweek"
+              >{{ tools.getDayOfWeek(myrec.dateTimeEnd) }}</span
+            >
+            <span
+              v-if="
+                tools.getstrDay(myrec.dateTimeStart) !==
+                tools.getstrDay(myrec.dateTimeEnd)
+              "
+              class="ev_day"
+              >{{ tools.getstrDay(myrec.dateTimeEnd) }}</span
+            >
+            <span
+              v-if="
+                tools.getstrDay(myrec.dateTimeStart) !==
+                tools.getstrDay(myrec.dateTimeEnd)
+              "
+              class="ev_month"
+              >{{ tools.getstrMonth3Letters(myrec.dateTimeEnd) }}</span
+            >
+            <span
+              v-if="
+                tools.getstrDay(myrec.dateTimeStart) !==
+                tools.getstrDay(myrec.dateTimeEnd)
+              "
+              class="ev_hour_end"
+              >{{ tools.getstrTime(myrec.dateTimeEnd) }}</span
+            >
+            <q-avatar size="50px" class="q-my-sm">
+              <q-img
+                :src="getImgUser(myrec)"
+                :alt="myrec.username"
+                img-class="imgprofile"
+                height="50px"
+              />
+            </q-avatar>
           </div>
         </div>
-        <div class="col-10">          
+        <div class="col-10">
           <q-img
             :src="
               tools.getFullFileName(myrec.photos, table, myrec.username, '')
@@ -28,12 +84,12 @@
             :alt="myrec.descr"
             img-class="imgprofile"
             height="270px"
-            fit="contain"
+            fit="cover"
             @click="cmdExt(costanti.CMD_SHOW_PAGE, null, myrec)"
           />
-          <div class="event_date">
+          <!--<div class="event_date">
             <span v-html="tools.getstrDateTimeEvent($t, myrec, true, true)"></span>
-          </div>
+          </div>-->
         </div>
       </div>
     </div>
@@ -101,7 +157,7 @@
       </q-item-section>
 
       <q-item-section
-        v-else-if="!myrec.organisedBy"
+        v-else-if="!myrec.organisedBy && table !== shared_consts.TABLES_MYBACHECAS"
         avatar
         @click="naviga(`/my/` + myrec.username)"
       >
@@ -158,19 +214,20 @@
             style="vertical-align: middle"
           >
             <q-badge
-              v-if="(recstatus === shared_consts.STATUSSKILL_ONLINE) || myrec.idStatusSkill.length > 1"
+              v-if="
+                recstatus === shared_consts.STATUSSKILL_ONLINE ||
+                myrec.idStatusSkill.length > 1
+              "
               dense
               :color="globalStore.getColByStatusSkills(recstatus)"
-              text-color="white"              
+              text-color="white"
             >
               <q-icon
                 :name="globalStore.getStatusSkillIconById(recstatus)"
                 color="white"
-                
               />&nbsp;
               {{ globalStore.getStatusSkillById(recstatus) }}
             </q-badge>
-            
           </span>
 
           <!--<span class="dateevent" v-if="myrec.dateTimeStart">dal <span class="datainizio">{{tools.getstrVeryShortDate(myrec.dateStart) }}</span> al <span class="datafine">{{ tools.getstrVeryShortDate(myrec.dateEnd) }}</span>