- migliorata grafica prodotti

src/components/CProductCard/CProductCard.ts

@@ -53,6 +53,8 @@ export default defineComponent({
 
     const site = ref(globalStore.site)
 
+    const fullscreenImage = ref(<any>null)
+
     let myorder = reactive(<IOrder>{
       idapp: process.env.APP_ID,
       quantity: 0,
@@ -77,6 +79,12 @@ export default defineComponent({
     const endload = ref(false)
     const myproduct = ref(<IProduct>{})
 
+    const isFullScreen = ref(false)
+    const imageSrc = ref('URL_DEL_TUO_FILE_IMMAGINE')
+    const startX = ref(0)
+    const startY = ref(0)
+    const scale = ref(1)
+
     const valoriopt = computed(() => (item: any, addall: boolean, addnone: boolean) => {
       // console.log('valoriopt', item.table)
       return globalStore.getTableJoinByName(item.table, addall, addnone, item.filter)
@@ -363,6 +371,41 @@ export default defineComponent({
         return 0
     }
 
+    function toggleFullScreen() {
+      isFullScreen.value = !isFullScreen.value;
+      scale.value = 1;
+    }
+
+    function onTouchStart(e: any) {
+      startX.value = e.touches[0].pageX;
+      startY.value = e.touches[0].pageY;
+    }
+
+    function onTouchMove(e: any) {
+      const deltaX = e.touches[0].pageX - startX.value;
+      const deltaY = e.touches[0].pageY - startY.value;
+
+      // Calcola la distanza percorsa
+      const distance = Math.sqrt(deltaX ** 2 + deltaY ** 2);
+
+      // Imposta il fattore di scala in base alla distanza percorsa
+      scale.value = Math.min(Math.max(1, scale.value + distance / 100), 3);
+
+      // Salva le nuove coordinate di partenza
+      startX.value = e.touches[0].pageX;
+      startY.value = e.touches[0].pageY;
+
+      // Applica la trasformazione
+      if (fullscreenImage.value)
+        fullscreenImage.value.style.transform = `scale(${scale.value})`;
+    }
+
+    function onTouchEnd() {
+      // Ripristina la trasformazione quando l'utente solleva il dito
+      if (fullscreenImage.value)
+        fullscreenImage.value.fullscreenImage.style.transform = 'scale(1)';
+    }
+
     onMounted(mounted)
     onBeforeUnmount(beforeDestroy)
 
@@ -402,6 +445,12 @@ export default defineComponent({
       labelDataArrivoMerce,
       getpercqtaraggiunta,
       isOrdGas,
+      isFullScreen,
+      toggleFullScreen,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+
     }
   }
 })