- Statistiche

- Menu e Sottomenu
- Lista ultimi Movimenti

src/components/CMyEditElem/CMyEditElem.ts

@@ -92,6 +92,8 @@ export default defineComponent({
     const visuadd = ref(false)
     const direzadd = ref(1)
 
+    const selectedClasses = ref(<any>[])
+
     watch(() => myel.value.order, (value, oldval) => {
       mounted()
     })
@@ -222,6 +224,11 @@ export default defineComponent({
 
       if (props.myelem)
         newtype.value = props.myelem.type
+
+      if (myel.value.class4) {
+        selectedClasses.value = myel.value.class4.split(' ').filter(Boolean)
+      }
+
     }
 
     function clickOnElem() {
@@ -237,6 +244,27 @@ export default defineComponent({
       modifElem()
 
 
+    }
+
+    function dupNewCard() {
+      if (!myel.value.listcards)
+        return
+
+      const myfindcard = myel.value.listcards[tabCard.value]
+
+      if (myfindcard) {
+        let mycard = { ...myfindcard }
+        delete mycard._id
+        mycard._id = objectId()
+
+        const bakcard = [...myel.value.listcards]
+
+        myel.value.listcards = []
+        myel.value.listcards = [...bakcard, mycard]
+        modifElem()
+      }
+
+
     }
 
     function addNewElemText() {
@@ -284,7 +312,12 @@ export default defineComponent({
         if (props.myelem.listcards) {
           props.myelem.listcards.forEach((rec: IMyCard) => {
             if (recpass._id === rec._id) {
-              rec.imagefile = myval
+              if (myval.imagefile) {
+                rec.imagefile = myval.imagefile
+                rec.vers_img = tools.getGenerateVersionImage()
+              } else {
+                rec.imagefile = myval
+              }
             }
           })
         }
@@ -292,7 +325,11 @@ export default defineComponent({
         if (props.myelem.elemsText) {
           props.myelem.elemsText.forEach((rec: IElemText) => {
             if (recpass._id === rec._id) {
-              rec.text = myval
+              if (myval.imagefile) {
+                rec.text = myval.imagefile
+              } else {
+                rec.text = myval
+              }
             }
           })
         }
@@ -335,6 +372,11 @@ export default defineComponent({
       modifElem()
     }
 
+    function updateSizeHeight(value: any) {
+      myel.value.heightimg = value; // Aggiorna widthimg con il nuovo valore
+      modifElem()
+    }
+
     function toggleSize() {
       emit('toggleSize', null)
     }
@@ -402,6 +444,30 @@ export default defineComponent({
       emit('saveElem', myelem)
     }
 
+    function classiImmagineOptions() {
+      // Ritorna l'array delle classi, ad esempio:
+      return [
+        { label: 'Tonda', value: 'image-circle' },
+        { label: 'Sbordata', value: 'image-round-bordered' },
+        { label: 'Ombrata', value: 'image-ombra' },
+        // Aggiungi altre classi se necessario
+      ];
+    }
+
+    function updateClass4(selectedOptions: any) {
+
+      // Aggiorna selectedClasses
+      selectedClasses.value = selectedOptions;
+
+      if (myel.value) {
+        // Imposta myel.class2 come stringa
+        myel.value.class4 = selectedOptions.join(' ');  // Converte l'array in una stringa separata da spazi
+
+        saveElem()
+      }
+    }
+
+
     onMounted(mounted)
 
     return {
@@ -449,6 +515,11 @@ export default defineComponent({
       orderOptions,
       addOrder,
       moveElem,
+      updateSizeHeight,
+      dupNewCard,
+      updateClass4,
+      selectedClasses,
+      classiImmagineOptions,
     }
   },