- AbitaregliIblei.it

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

src/components/CMyEditElem/CMyEditElem.vue

@@ -59,41 +59,45 @@
         >
         </q-btn>
       </q-bar>
-      <div class="justify-center row q-ma-xs">
-        <q-btn
-          dense
-          v-if="enableEdit && !disableSave"
-          icon="fas fa-check"
-          color="positive"
-          label="Applica"
-          size="sm"
-          :disable="disableSave"
-          @click="saveElem"
-        >
-        </q-btn>
-        <q-btn
-          dense
-          v-if="enableEdit && !disableSave"
-          icon="fas fa-check"
-          color="positive"
-          label="Salva"
-          size="sm"
-          :disable="disableSave"
-          @click="saveElem(true)"
-        >
-        </q-btn>
+      <div class="fixed-button">
+        <div class="justify-center row q-ma-xs">
+          <q-btn
+            dense
+            v-if="enableEdit && !disableSave"
+            icon="fas fa-check"
+            color="positive"
+            label="Salva Modifiche"
+            :disable="disableSave"
+            @click="saveElem"
+          >
+          </q-btn>
+          <!--<q-btn
+            dense
+            v-if="enableEdit && !disableSave"
+            icon="fas fa-check"
+            color="positive"
+            label="Salva"
+            :disable="disableSave"
+            @click="saveElem(true)"
+          >
+          </q-btn>-->
+        </div>
       </div>
       <div class="row">
-        <q-input
+        <q-select
           label="Lunghezza:"
-          @update:model-value="modifElem"
-          style="width: 100px"
           v-model="myel.widthimg"
+          emit-value
+          map-options
+          :options="generateSizeOptions()"
+          use-input
+          use-chips
+          @input="modifElem"
+          @new-value="updateSizeWidth"
           filled
           dense
-          v-on:keyup.enter="saveElem"
-        >
-        </q-input>
+          style="width: 150px"
+        />
         <q-input
           label="Altezza:"
           @update:model-value="modifElem"
@@ -484,15 +488,21 @@
           >
           </CMyFieldRec>
           <div class="row">
-            <q-input
+            <q-select
               label="Lunghezza Logo:"
-              @update:model-value="modifElem"
-              v-model="myel.width"
+              v-model="myel.widthimg"
+              emit-value
+              map-options
+              :options="generateSizeOptions()"
+              use-input
+              use-chips
+              @input="saveElem"
               filled
               dense
-              v-on:keyup.enter="saveElem"
-            >
-            </q-input>
+              @new-value="updateSizeWidth"
+              style="width: 150px"
+            />
+
             <q-input
               label="Altezza Logo:"
               @update:model-value="modifElem"
@@ -675,15 +685,20 @@
           </CMyFieldRec>
           <div class="">
             <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-sticky">
-              <q-input
-                dense
+              <q-select
                 label="Lunghezza:"
-                @update:model-value="modifElem"
                 v-model="myel.widthimg"
+                emit-value
+                map-options
+                :options="generateSizeOptions()"
+                @input="modifElem"
                 filled
-                v-on:keyup.enter="saveElem"
-              >
-              </q-input>
+                dense
+                use-input
+                use-chips
+                @new-value="updateSizeWidth"
+                style="width: 150px"
+              />
               <q-input
                 dense
                 label="Altezza:"
@@ -989,8 +1004,9 @@
       </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.CATALOGO">
         <div v-if="enableEdit" class="row">
-          <div>Cataloghi:</div><br>
-          
+          <div>Cataloghi:</div>
+          <br />
+
           <!--++AddCATALOGO_FIELDS-->
           <q-select
             :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
@@ -1008,10 +1024,12 @@
             map-options
           >
           </q-select>
-          
+
           <q-select
             :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
-            v-if="enableEdit && myel.catalogo && myel.catalogo.excludeproductTypes"
+            v-if="
+              enableEdit && myel.catalogo && myel.catalogo.excludeproductTypes
+            "
             rounded
             outlined
             v-model="myel.catalogo.excludeproductTypes"
@@ -1041,15 +1059,20 @@
             map-options
             option-value="_id"
             option-label="name"
-            
           >
           </q-select>
-          Versione PDF: <q-toggle v-model="myel.catalogo.pdf" color="positive" icon="fas fa-file-pdf"
-          @update:model-value="modifElem">
-        </q-toggle>
+          Versione PDF:
+          <q-toggle
+            v-model="myel.catalogo.pdf"
+            color="positive"
+            icon="fas fa-file-pdf"
+            @update:model-value="modifElem"
+          >
+          </q-toggle>
         </div>
       </div>
     </div>
+    <br /><br /><br />
   </div>
   <div>
     <q-dialog