- gestione dell'editor delle pagine (non funzionante!)

src/components/CMyEditElem/CMyEditElem.ts

@@ -41,6 +41,7 @@ import { CMySize } from '@src/components/CMySize';
 import { CBorders } from '@src/components/CBorders';
 import { CMyDimensioni } from '@src/components/CMyDimensioni';
 import { CMyText } from '@src/components/CMyText';
+import { CPickColor } from '@src/components/CPickColor';
 
 import MixinMetaTags from '@src/mixins/mixin-metatags';
 import MixinBase from '@src/mixins/mixin-base';
@@ -76,6 +77,7 @@ export default defineComponent({
     CMyText,
     CMySlideNumber,
     CMyElemAdd,
+    CPickColor,
   },
   emits: [
     'saveElem',
@@ -138,6 +140,8 @@ export default defineComponent({
 
     const Products = useProducts();
 
+    const colorPicker = ref(null);
+
     const neworder = ref(<number | undefined>0);
 
     const idSchedaDaCopiare = ref('');
@@ -811,6 +815,11 @@ export default defineComponent({
       emit('selElemClick', newrec);
     }
 
+    function openColorPicker() {
+      // Apre la finestra del picker
+      colorPicker.value.openDialog();
+    }
+
     onMounted(mounted);
 
     return {
@@ -879,6 +888,8 @@ export default defineComponent({
       naviga,
       isElementoSpecifico,
       AddedNewElem,
+      openColorPicker,
+      colorPicker,
     };
   },
 });

src/components/CMyEditElem/CMyEditElem.vue

@@ -1097,6 +1097,47 @@
             </q-input>
           </div>
         </div>
+        <div v-else-if="myel.type === shared_consts.ELEMTYPE.HEADING">
+          <div
+            v-if="enableEdit"
+            class="row q-col-gutter-sm"
+          >
+            <q-input
+              dense
+              label="Titolo:"
+              @update:model-value="modifElem"
+              v-model="myel.container"
+              filled
+              v-on:keyup.enter="saveElem"
+            >
+            </q-input>
+            <q-input
+              dense
+              label="Livello:"
+              @update:model-value="modifElem"
+              v-model="myel.number"
+              type="number"
+              min="1"
+              max="5"
+              filled
+              v-on:keyup.enter="saveElem"
+            >
+            </q-input>
+            <q-btn
+              dense
+              flat
+              icon="fas fa-palette"
+              color="primary"
+              @click="openColorPicker"
+            >
+            </q-btn>
+            <CPickColor
+              ref="colorPicker"
+              v-model="myel.color"
+              @update:model-value="modifElem"
+            />
+          </div>
+        </div>
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.VIDEO_YOUTUBE">
           <div
             v-if="enableEdit"
@@ -1141,7 +1182,6 @@
                 v-on:keyup.enter="saveElem"
               />
             </div>
-
           </div>
         </div>
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.FOOTER"></div>