Animations in the WebEditor

src/components/CMyPageElem/CMyPageElem.ts

@@ -8,6 +8,7 @@ import { useGlobalStore } from '@store/globalStore'
 import { LandingFooter } from '@/components/LandingFooter'
 import { CMyElem } from '@/components/CMyElem'
 import { CMyEditElem } from '@/components/CMyEditElem'
+import { CMyPageElem2 } from '@/components/CMyPageElem2'
 
 import { CImgTitle } from '../CImgTitle/index'
 import { CTitle } from '../CTitle/index'
@@ -19,7 +20,7 @@ import objectId from '@src/js/objectId'
 
 export default defineComponent({
   name: 'CMyPageElem',
-  components: { LandingFooter, CImgTitle, CTitle, CMyElem, CMyEditElem },
+  components: { LandingFooter, CImgTitle, CTitle, CMyElem, CMyEditElem, CMyPageElem2 },
   props: {
     title: String,
     mypath: {
@@ -79,6 +80,7 @@ export default defineComponent({
 
     function load() {
       // console.log('load', mypathin.value)
+
       if (mypathin.value !== '') {
         globalStore.loadPage('/' + mypathin.value, 'cmypageelem').then(ris => {
           rec.value = ris

src/components/CMyPageElem/CMyPageElem.vue

@@ -34,16 +34,10 @@
               round
               color="white"
               icon="close"
-              @click="
-                visuEditor = false;
-              "
+              @click="visuEditor = false"
             ></q-btn>
           </q-bar>
-          <CMyEditElem
-            :myelem="selElem"
-            :editOn="true"
-            :path="rec.path"
-          >
+          <CMyEditElem :myelem="selElem" :editOn="true" :path="rec.path">
           </CMyEditElem>
         </q-scroll-area>
       </q-drawer>
@@ -81,16 +75,21 @@
         <div v-if="!!rec.content4" v-html="rec.content4"></div>
 
         <div v-for="(myelem, ind) in myelems" :key="ind">
-          <CMyElem
-            v-if="myelem.active || editOn"
-            :myelem="myelem"
-            :editOn="editOn"
-            :addOn="addOn"
-            :path="rec.path"
-            :selElem="selElem"
-            @selElemClick="selElemClick"
-          >
-          </CMyElem>
+          <div>
+            <CMyElem
+              v-if="myelem.active || editOn"
+              :myelem="myelem"
+              :editOn="editOn"
+              :addOn="addOn"
+              :path="rec.path"
+              :selElem="selElem"
+              @selElemClick="selElemClick"
+            >
+            </CMyElem>
+          </div>
+          <div v-if="myelem.type === shared_consts.ELEMTYPE.PAGE">
+            <CMyPageElem2 :mypath="myelem.container">&nbsp;</CMyPageElem2>
+          </div>
         </div>
         <div v-if="myelems.length === 0">
           <CMyElem
@@ -105,6 +104,7 @@
           </CMyElem>
         </div>
       </div>
+      <LandingFooter v-if="rec.showFooter"></LandingFooter>
     </div>
     <div v-else>
       <div v-if="!!title">