Site Configuration by Server Params (confsites and confpages)

src/components/CMyEditElem/CMyEditElem.vue

@@ -94,24 +94,26 @@
         </q-btn>
       </div>
       <div class="row">
-        <q-input
-          label="Width:"
-          @update:model-value="modifElem"
-          v-model="myel.widthimg"
-          filled
-          dense
-          v-on:keyup.enter="saveElem"
-        >
-        </q-input>
-        <q-input
-          label="Height:"
-          @update:model-value="modifElem"
-          v-model="myel.heightimg"
-          filled
-          dense
-          v-on:keyup.enter="saveElem"
-        >
-        </q-input>
+          <q-input
+            label="Lunghezza:"
+            @update:model-value="modifElem"
+            style="width: 100px"
+            v-model="myel.widthimg"
+            filled
+            dense
+            v-on:keyup.enter="saveElem"
+          >
+          </q-input>
+          <q-input
+            label="Altezza:"
+            @update:model-value="modifElem"
+            style="width: 100px"
+            v-model="myel.heightimg"
+            filled
+            dense
+            v-on:keyup.enter="saveElem"
+          >
+          </q-input>
       </div>
 
       <div class="row">
@@ -124,7 +126,7 @@
           @update:model-value="modifElem"
           dense
           label="Allinea"
-          style="min-width: 150px"
+          style="width: 100px"
           emit-value
           map-options
         >
@@ -160,13 +162,13 @@
         <q-select
           v-if="enableEdit && showFit"
           rounded
-          style="min-width: 150px"
+          style="width: 100px"
           outlined
           v-model="myel.fit"
           :options="tools.SelectListFit"
           @update:model-value="modifElem"
           dense
-          label="Fit"
+          label="Adatta:"
           emit-value
           map-options
         >
@@ -174,6 +176,7 @@
       </div>
       <div class="row">
         <q-input
+          dense
           label="Classe:"
           @update:model-value="modifElem"
           v-model="myel.class2"
@@ -209,11 +212,12 @@
           v-if="enableEdit && showAnimation"
           v-model="myel.anim2"
           @update:model-value="modifElem"
-          label="Animaz Immagini"
+          label="Animazione Immagini"
         >
         </CSelectAnimation>
         <div class="row">
           <q-input
+            dense
             label="Classe Schede:"
             @update:model-value="modifElem"
             v-model="myel.class3"
@@ -365,6 +369,7 @@
       <div v-if="myel.type === shared_consts.ELEMTYPE.MARGINI">
         <div v-if="enableEdit">
           <q-input
+            dense
             label="Margine:"
             class="fa-border"
             @update:model-value="modifElem"
@@ -378,6 +383,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.TITLE">
         <div v-if="enableEdit">
           <q-input
+            dense
             label="Titolo"
             class="fa-border"
             @update:model-value="modifElem"
@@ -387,6 +393,7 @@
           >
           </q-input>
           <q-input
+            dense
             label="Style"
             class="fa-border"
             @update:model-value="modifElem"
@@ -396,6 +403,7 @@
           >
           </q-input>
           <q-input
+            dense
             label="Immagine:"
             class="fa-border"
             @update:model-value="modifElem"
@@ -422,6 +430,7 @@
           </CMyFieldRec>
 
           <q-input
+            dense
             label="Title"
             class="fa-border"
             @update:model-value="modifElem"
@@ -431,6 +440,7 @@
           >
           </q-input>
           <q-input
+            dense
             label="Sottotitolo"
             class="fa-border"
             @update:model-value="modifElem"
@@ -444,6 +454,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMGPOSTER">
         <div v-if="enableEdit">
           <q-input
+            dense
             label="Velocità"
             style="max-width: 100px"
             class="fa-border"
@@ -566,6 +577,7 @@
                   </CSelectFontSize>
                 </div>
                 <q-input
+                  dense
                   label="Classe:"
                   @update:model-value="modifElem"
                   v-model="rec.class"
@@ -598,6 +610,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.HTML">
         <div v-if="enableEdit">
           <q-input
+            dense
             label="Classe:"
             @update:model-value="modifElem"
             v-model="myel.class"
@@ -646,6 +659,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGEUPLOAD">
         <div v-if="enableEdit">
           <q-input
+            dense
             label="NomeFile Img:"
             @update:model-value="modifElem"
             v-model="myel.image"
@@ -665,29 +679,34 @@
             :fieldtype="costanti.FieldType.image"
           >
           </CMyFieldRec>
-          <div class="row">
-            <q-input
-              label="Width:"
-              @update:model-value="modifElem"
-              v-model="myel.widthimg"
-              filled
-              v-on:keyup.enter="saveElem"
-            >
-            </q-input>
-            <q-input
-              label="Height:"
-              @update:model-value="modifElem"
-              v-model="myel.heightimg"
-              filled
-              v-on:keyup.enter="saveElem"
-            >
-            </q-input>
+          <div class="">
+            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-sticky">
+              <q-input
+                dense
+                label="Lunghezza:"
+                @update:model-value="modifElem"
+                v-model="myel.widthimg"
+                filled
+                v-on:keyup.enter="saveElem"
+              >
+              </q-input>
+              <q-input
+                dense
+                label="Altezza:"
+                @update:model-value="modifElem"
+                v-model="myel.heightimg"
+                filled
+                v-on:keyup.enter="saveElem"
+              >
+              </q-input>
+            </div>
           </div>
         </div>
       </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.VIDEO">
         <div v-if="enableEdit" class="row">
           <q-input
+            dense
             label="NomeFile Video:"
             @update:model-value="modifElem"
             v-model="myel.container"
@@ -696,6 +715,7 @@
           >
           </q-input>
           <q-input
+            dense
             label="Ratio:"
             type="number"
             @update:model-value="modifElem"
@@ -725,6 +745,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGEINTRO">
         <div v-if="enableEdit" class="row">
           <q-input
+            dense
             label="NomeFile Img:"
             @update:model-value="modifElem"
             v-model="myel.container"
@@ -733,35 +754,39 @@
             v-on:keyup.enter="saveElem"
           >
           </q-input>
-          <q-input
-            label="Width:"
-            type="number"
-            @update:model-value="modifElem"
-            debounce="1000"
-            v-model="myel.widthimg"
-            filled
-            v-on:keyup.enter="saveElem"
-          >
-          </q-input>
-          <q-input
-            label="Height:"
-            type="number"
-            @update:model-value="modifElem"
-            debounce="1000"
-            v-model="myel.heightimg"
-            filled
-            v-on:keyup.enter="saveElem"
-          >
-          </q-input>
-          <q-input
-            label="Link:"
-            @update:model-value="modifElem"
-            debounce="1000"
-            v-model="myel.link"
-            filled
-            v-on:keyup.enter="saveElem"
-          >
-          </q-input>
+          <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-sticky">
+            <q-input
+              dense
+              label="Lunghezza:"
+              type="number"
+              @update:model-value="modifElem"
+              debounce="1000"
+              v-model="myel.widthimg"
+              filled
+              v-on:keyup.enter="saveElem"
+            >
+            </q-input>
+            <q-input
+              label="Altezza:"
+              type="number"
+              @update:model-value="modifElem"
+              debounce="1000"
+              v-model="myel.heightimg"
+              filled
+              v-on:keyup.enter="saveElem"
+            >
+            </q-input>
+            <q-input
+              dense
+              label="Link:"
+              @update:model-value="modifElem"
+              debounce="1000"
+              v-model="myel.link"
+              filled
+              v-on:keyup.enter="saveElem"
+            >
+            </q-input>
+          </div>
         </div>
       </div>
       <div
@@ -772,6 +797,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.OPENSTREETMAP">
         <div v-if="enableEdit" class="row">
           <q-input
+            dense
             label="ImgMap:"
             @update:model-value="modifElem"
             v-model="myel.container"
@@ -781,6 +807,7 @@
           >
           </q-input>
           <q-input
+            dense
             label="UrlMap:"
             @update:model-value="modifElem"
             v-model="myel.container2"
@@ -790,6 +817,7 @@
           >
           </q-input>
           <q-input
+            dense
             label="Title:"
             @update:model-value="modifElem"
             v-model="myel.container3"
@@ -799,6 +827,7 @@
           >
           </q-input>
           <q-input
+            dense
             label="Coordinata Mappa 1:"
             @update:model-value="modifElem"
             v-model="myel.containerHtml"
@@ -808,6 +837,7 @@
           >
           </q-input>
           <q-input
+            dense
             label="Coordinata Mappa Big:"
             @update:model-value="modifElem"
             v-model="myel.link"
@@ -836,6 +866,7 @@
           -->
 
           <q-input
+            dense
             label="Secondi tra un'immagine e l'altra:"
             @update:model-value="modifElem"
             debounce="1000"
@@ -866,6 +897,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.CALENDAR">
         <div v-if="enableEdit" class="row">
           <q-input
+            dense
             label="Visualizza ultimi N eventi:"
             @update:model-value="modifElem"
             debounce="1000"