- aggiunto FeaturesSection all'editor HTML

src/components/CMyEditElem/CMyEditElem.ts

@@ -260,7 +260,7 @@ export default defineComponent({
             // @ts-ignore
             label: page.title,
             // @ts-ignore
-            value: page.idPage,
+            value: page.path,
           };
           arrPages.value.push(rec);
         }
@@ -820,6 +820,19 @@ export default defineComponent({
       colorPicker.value.openDialog();
     }
 
+    function removeFeature(index: number) {
+      myel.value.features.splice(index, 1);
+      saveElem();
+    }
+
+    function addFeature() {
+      myel.value.features.push({
+        name: 'Titolo',
+        description: 'sottotitolo',
+        icon: 'fas fa-heading',});
+      saveElem();
+    }
+
     onMounted(mounted);
 
     return {
@@ -890,6 +903,8 @@ export default defineComponent({
       AddedNewElem,
       openColorPicker,
       colorPicker,
+      removeFeature,
+      addFeature,
     };
   },
 });

src/components/CMyEditElem/CMyEditElem.vue

@@ -2774,6 +2774,82 @@
             <div></div>
           </div>
         </div>
+        <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGE_SECTION">
+          <!-- Edita i seguenti campi:
+            Title, subtitle, features {name, icon, description }-->
+
+            <q-toggle
+              v-model="myel.parambool2"
+              color="positive"
+              icon="fas fa-moon"
+              label="Dark"
+              @update:model-value="modifElem"
+            ></q-toggle>
+            <q-input
+              dense
+              label="Sottotitolo Primario"
+              @update:model-value="modifElem"
+              v-model="myel.container3"
+              filled
+              v-on:keyup.enter="saveElem"
+            ></q-input>
+
+            <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="Sottotitolo"
+              @update:model-value="modifElem"
+              v-model="myel.container2"
+              filled
+              v-on:keyup.enter="saveElem"
+            ></q-input>
+            <div v-if="myel.features && myel.features.length > 0" class="q-mt-md">
+              <div v-for="(feature, index) in myel.features" :key="index">
+                <div class="bg-blue text-white">Testo {{index + 1}}:</div>
+                <q-input
+                  dense
+                  label="Nome"
+                  @update:model-value="modifElem"
+                  v-model="myel.features[index].name"
+                  filled
+                  v-on:keyup.enter="saveElem"
+                ></q-input>
+                <q-input
+                  dense
+                  label="Icona"
+                  @update:model-value="modifElem"
+                  v-model="myel.features[index].icon"
+                  filled
+                  v-on:keyup.enter="saveElem"
+                ></q-input>
+                <q-input
+                  dense
+                  label="Descrizione"
+                  @update:model-value="modifElem"
+                  v-model="myel.features[index].description"
+                  filled
+                  v-on:keyup.enter="saveElem"
+                ></q-input>
+                <q-btn
+                  icon="fas fa-times"
+                  color="negative"
+                  @click="removeFeature(index)"
+                ></q-btn>
+              </div>
+            </div>
+            <q-btn
+              icon="fas fa-plus"
+              color="positive"
+              @click="addFeature()"
+            ></q-btn>
+          </div>
       </q-list>
     </div>
     <br /><br /><br />