- aggiunto FeaturesSection all'editor HTML

src/components/CMyElem/CMyElem.ts

@@ -6,6 +6,7 @@ import { IMyCard, IMyPage, IOperators } from '@src/model';
 import { useGlobalStore } from '@store/globalStore';
 
 import { CImgTitle } from '../CImgTitle/index';
+import { FeaturesSection } from '../FeaturesSection/index';
 import { CImgPoster } from '@src/components/CImgPoster';
 import CSection from '@src/components/CSection/CSection.vue';
 import CRow from '@src/components/CRow/CRow.vue';
@@ -71,6 +72,7 @@ import { useRouter } from 'vue-router';
 import { LatLng } from 'leaflet';
 
 import { costanti } from '@costanti';
+import objectId from 'app/src/js/objectId';
 
 export default defineComponent({
   name: 'CMyElem',
@@ -114,6 +116,7 @@ export default defineComponent({
     CDashGroup,
     CMovements,
     CGridOriz,
+    FeaturesSection,
     CQRCode,
     CCatalogList,
     CSearchProduct,
@@ -207,6 +210,18 @@ export default defineComponent({
         groups.push(cards.slice(i, i + currentCardsPerSlide.value));
       }
 
+      if (!groups.length) {
+        groups.push([
+          {
+            _id: objectId(),
+            imagefile: '',
+            alt: '',
+            description: '',
+            vers_img: 0,
+          } as IMyCard,
+        ]);
+      }
+
       return groups;
     });
 
@@ -253,7 +268,7 @@ export default defineComponent({
         $q,
         t,
         props.myelem,
-        {idPage: props.idPage, path: props.path},
+        { idPage: props.idPage, path: props.path },
         newtype.value
       );
     }
@@ -341,7 +356,6 @@ export default defineComponent({
         shared_consts.MsgTeleg.SHARE_MSGREG,
         true
       );
-
     }
 
     // Classe per le colonne delle card
@@ -350,11 +364,11 @@ export default defineComponent({
       return `col-${width}`;
     }
 
-function updateCatalogoEmit(updatedCatalogo?: IOptCatalogo) {
-  if (!updatedCatalogo) return;
-  console.log('CMyElem: updateCatalogoEmit');
-  myel.value.catalogo = updatedCatalogo;
-}
+    function updateCatalogoEmit(updatedCatalogo?: IOptCatalogo) {
+      if (!updatedCatalogo) return;
+      console.log('CMyElem: updateCatalogoEmit');
+      myel.value.catalogo = updatedCatalogo;
+    }
 
     function naviga(path?: string): void {
       if (path) {

src/components/CMyElem/CMyElem.vue

@@ -129,7 +129,7 @@
                       <div
                         class="img-container"
                         :style="`height: ${
-                          myel.heightimg.replace('px', '') * 0.7
+                          parseInt(myel?.heightimg?.replace('px', '')) * 0.7
                         }px; overflow: hidden;`"
                       >
                         <q-img
@@ -387,6 +387,9 @@
               Pagina: {{ myel.container }}
             </div>
           </div>
+          <!--
+          <CMyPageElem v-if="myel.container" title="" :mypath="myel.container"> </CMyPageElem>
+          -->
         </div>
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGEINTRO">
           <div
@@ -1149,6 +1152,19 @@
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.FOOTER">
           <LandingFooter />
         </div>
+        <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGE_SECTION">
+          <FeaturesSection
+            :title="myel.container"
+            :subtitle="myel.container2"
+            :description="myel.container3"
+            :features="myel.features"
+            :isDark="myel.parambool2"
+          >
+
+
+          </FeaturesSection>
+
+        </div>
 
         <div v-if="editOn">
           <div class="q-ma-md"></div>