- Aggiornati margini.

- Cataloghi: Export ed Import di una pagine ed i suoi elementi !

src/components/CMyPageElem/CMyPageElem.ts

@@ -10,6 +10,7 @@ import { CMyElem } from '@/components/CMyElem'
 import { CTitleBanner } from '@/components/CTitleBanner'
 import { CMyEditElem } from '@/components/CMyEditElem'
 import { CMyPageElem2 } from '@/components/CMyPageElem2'
+import { CExportPage } from '@/components/CExportPage'
 
 import { CImgTitle } from '../CImgTitle/index'
 import { CTitle } from '../CTitle/index'
@@ -24,7 +25,7 @@ export default defineComponent({
   name: 'CMyPageElem',
   components: {
     LandingFooter, CImgTitle, CTitle, CMyElem,
-    CMyEditElem, CMyPageElem2, CTitleBanner,
+    CMyEditElem, CMyPageElem2, CTitleBanner, CExportPage,
   },
   props: {
     title: String,
@@ -32,7 +33,7 @@ export default defineComponent({
       type: String,
       required: true,
     },
-    myidPage: {
+    idPage: {
       type: String,
       required: false,
       default: ''
@@ -77,6 +78,8 @@ export default defineComponent({
 
     const mywidthEditor = ref(400)
 
+    const showexportPage = ref(false)
+
     const editOn = computed({
       get(): boolean {
         return !!globalStore.editOn ? globalStore.editOn : false
@@ -195,6 +198,7 @@ export default defineComponent({
       onloading,
       deleteElem,
       duplicatePage,
+      showexportPage,
     }
   },
 

src/components/CMyPageElem/CMyPageElem.vue

@@ -46,11 +46,12 @@
             :myelem="selElem"
             :editOn="true"
             :path="rec.path"
-            :IdPath="rec._id"
+            :idPage="rec._id"
             @selElemClick="selElemClick"
             @deleteElem="deleteElem"
             @toggleSize="toggleSize"
             @dupPage="duplicatePage"
+            @expPage="showexportPage = !showexportPage"
           >
           </CMyEditElem>
         </q-drawer>
@@ -165,6 +166,22 @@
         <div v-if="!nofooter"></div>
       </div>
     </div>
+
+    <q-dialog v-model="showexportPage">
+      <q-card class="dialog_card">
+        <q-toolbar class="bg-primary text-white">
+          <q-toolbar-title>
+            Esporta Pagina
+          </q-toolbar-title>
+          <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+        </q-toolbar>
+        <q-card-section class="q-pa-xs inset-shadow">
+          <br>
+          <CExportPage :idPage="selElem.idPage" :nomefile="`esporta_${rec.path}.json`"> </CExportPage>
+          <br>
+        </q-card-section>
+      </q-card>
+    </q-dialog>
   </div>
 </template>