- AbitaregliIblei.it

- Server aggiornamenti agli script.
- Editor HTML corretto un po'.
- Record Mysql per server (appena iniziato)

src/components/CMyPageElem/CMyPageElem.ts

@@ -65,12 +65,14 @@ export default defineComponent({
     const globalStore = useGlobalStore()
     const $router = useRouter()
 
+    const mywidthEditor = ref(400)
+
     const editOn = computed({
-      get (): boolean {
+      get(): boolean {
         return !!globalStore.editOn ? globalStore.editOn : false
       },
 
-      set (value: boolean) {
+      set(value: boolean) {
         return globalStore.editOn = value
       }
     })
@@ -141,6 +143,10 @@ export default defineComponent({
       globalStore.changeVisuDrawer(path, edit)
     }
 
+    function toggleSize() {
+      mywidthEditor.value = mywidthEditor.value === 400 ? 1200 : 400
+    }
+
     onMounted(mounted)
 
     return {
@@ -156,6 +162,8 @@ export default defineComponent({
       selElem,
       saveElem,
       changeVisuDrawer,
+      mywidthEditor,
+      toggleSize,
     }
   },
 

src/components/CMyPageElem/CMyPageElem.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div v-if="mypathin && !!rec">
-      <q-toggle                
+      <q-toggle
         v-if="tools.isManager()"
         v-model="editOn"
         dense
@@ -18,8 +18,9 @@
         show-if-above
         :breakpoint="800"
         side="right"
-        :width="tools.isMobile() ? 350 : 400"
+        :width="tools.isMobile() ? 350 : mywidthEditor"
         elevated
+        style="transition: 'width 0.3s ease'"
       >
         <q-bar dense class="q-ma-xs bg-primary text-white">
           <q-toolbar-title> Editor </q-toolbar-title>
@@ -29,10 +30,15 @@
             size="md"
             color="white"
             icon="close"
-            @click="visuEditor = false; selElem = {};"
+            @click="
+              visuEditor = false;
+              selElem = {};
+            "
           ></q-btn>
         </q-bar>
-        
+
+        <q-btn class="q-ma-sm" @click="toggleSize" label="<" color="primary" />
+
         <CMyEditElem
           :myelem="selElem"
           :editOn="true"
@@ -42,7 +48,7 @@
         </CMyEditElem>
       </q-drawer>
 
-      <div class="q-gutter-xs" style="margin-left: 1px; margin-right: 1px;">
+      <div class="q-gutter-xs" style="margin-left: 1px; margin-right: 1px">
         <div v-if="!!rec.img1" class="text-center">
           <q-img :src="`` + rec.img1" class="img"></q-img>
         </div>
@@ -76,7 +82,6 @@
 
         <div v-for="(myelem, ind) in myelems" :key="ind">
           <div>
-            
             <CMyElem
               v-if="(myelem.active || editOn) && !!rec.path"
               :myelem="myelem"
@@ -120,9 +125,7 @@
           <CImgTitle v-if="img" :src="img" :title="title"> </CImgTitle>
         </div>
         <slot></slot>
-        <div v-if="!nofooter">
-          
-        </div>
+        <div v-if="!nofooter"></div>
       </div>
     </div>
   </div>