- zoom dialog immagine

src/components/CEventsCalendar/CEventsCalendar.ts

@@ -573,7 +573,7 @@ export default defineComponent({
               tools.showPositiveNotif($q, t('db.recupdated'))
 
               if (update) {
-                const index = findEventIndex(contextDay)
+                const index = findEventIndex(contextDay.value)
                 if (index >= 0) {
                   // @ts-ignore
                   calendarStore.eventlist.splice(index, 1, { ...data })
@@ -588,7 +588,7 @@ export default defineComponent({
             } else {
               tools.showNegativeNotif($q, t('db.recfailed'))
               // Undo...
-              const index = findEventIndex(contextDay)
+              const index = findEventIndex(contextDay.value)
               if (index >= 0) {
                 // @ts-ignore
                 calendarStore.eventlist.splice(index, 1, { ...contextDay })

src/components/CGalleryImages/CGalleryImages.ts

@@ -30,7 +30,24 @@ export default defineComponent({
     const slide = ref(0)
     const autoplay = ref(5000)
 
+    const dialogVisible = ref(false);
+    const selectedImage = ref(null);
+
+    const showImage = (item: any) => {
+      selectedImage.value = item;
+      dialogVisible.value = true;
+    };
+
+    const closeDialog = () => {
+      selectedImage.value = null;
+      dialogVisible.value = false;
+    }
+
     return {
+      showImage,
+      closeDialog,
+      selectedImage,
+      dialogVisible,
       tools,
       costanti,
       slide,

src/components/CGalleryImages/CGalleryImages.vue

@@ -11,15 +11,26 @@
     v-model="slide"
     :thumbnails="imgGallery.length > 1"
     infinite
+    navigation
   >
     <q-carousel-slide
       v-for="(myimg, index) in imgGallery"
       :name="index"
       :key="index"
       :img-src="directory + '/' + myimg.imagefile"
+      @click="showImage(myimg)"
     >
     </q-carousel-slide>
   </q-carousel>
+  <q-dialog v-model="dialogVisible">
+    <q-img
+      mode="contain"
+      v-if="selectedImage.imagefile"
+      :src="directory + '/' + selectedImage.imagefile"
+      :alt="selectedImage.imagefile"
+    />
+    <q-btn color="primary" label="Close" @click="closeDialog" />
+  </q-dialog>
 </template>
 
 <script lang="ts" src="./CGalleryImages.ts">