First Committ

src/root/mypage/mypage.ts

@@ -0,0 +1,57 @@
+import { defineComponent } from 'vue'
+
+/*
+import { Component, Prop, Watch } from 'vue-property-decorator'
+import { GlobalStore, UserStore } from '@store'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '../../store/Modules/toolsext'
+import { static_data } from '../../db/static_data'
+import { Screen } from 'quasar'
+
+import { colmypage } from '@src/store/Modules/fieldsTable'
+
+import { CImgText } from '../../components/CImgText/index'
+import { CCard, CGridTableRec, CMyPage, CTitleBanner } from '@components'
+import MixinMetaTags from '../../mixins/mixin-metatags'
+import MixinBase from '@src/mixins/mixin-base'
+import { IMyPage } from '@src/model/GlobalStore'
+
+@Component({
+  mixins: [MixinBase],
+  components: { CImgText, CCard, CMyPage, CTitleBanner }
+})*/
+
+export default defineComponent({
+  name: 'Mypage',
+  setup() {
+    return {}
+  },
+})
+/*
+export default class Mypage extends MixinMetaTags {
+  public heightimg
+  public imgback
+  public rec: IMyPage = {}
+
+  public async mounted() {
+    // console.log('this.$route.path', this.$route.path)
+    this.rec = await GlobalStore.actions.loadPage(this.$route.path)
+    // console.log('mounted', this.rec)
+  }
+
+  @Watch('$route.path')
+  public async changepage() {
+    // console.log('changepage')
+    this.rec = await GlobalStore.actions.loadPage(this.$route.path)
+  }
+
+  public meta() {
+    return tools.metafunc(this)
+  }
+
+  get static_data() {
+    return static_data
+  }
+}
+*/

src/root/mypage/mypage.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    Mia Pagina...
+  </div>
+</template>
+<script lang="ts" src="./mypage.ts">
+
+</script>
+<style lang="scss" scoped>
+@import 'mypage.scss';
+</style>
+

src/root/mypage/mypage.vue.orig

@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <CMyPage :title="rec.title" :imgbackground="`public/` + rec.imgback"
+             :sizes="`max-height: ` + rec.heightimg + `px`">
+            <span>{{
+                setmeta({
+                  title: rec.title,
+                  description: rec.description,
+                  keywords: rec.keywords
+                })
+              }}
+            </span>
+
+      <div class="q-ma-sm q-gutter-sm q-pa-xs">
+        <div v-if="!!rec.img1" class="text-center">
+          <q-img :src="`public/`+ rec.img1" class="img"></q-img>
+        </div>
+
+        <div v-if="!!rec.content" v-html="rec.content"></div>
+        <q-video v-if="!!rec.video1" :src="rec.video1" :ratio="rec.ratio1">
+        </q-video>
+
+        <div v-if="!!rec.img2" class="text-center">
+          <q-img :src="`public/`+ rec.img2" class="img"></q-img>
+        </div>
+
+        <div v-if="!!rec.content2" v-html="rec.content2"></div>
+        <q-video v-if="!!rec.video2" :src="rec.video2" :ratio="rec.ratio2"></q-video>
+
+        <div v-if="!!rec.img3" class="text-center">
+          <q-img :src="`public/`+ rec.img2" class="img"></q-img>
+        </div>
+
+        <div v-if="!!rec.content3" v-html="rec.content3"></div>
+        <q-video v-if="!!rec.video3" :src="rec.video3" :ratio="rec.ratio3"></q-video>
+        <div v-if="!!rec.content4" v-html="rec.content4"></div>
+
+      </div>
+    </CMyPage>
+  </div>
+</template>
+<script lang="ts" src="./mypage.ts">
+
+</script>
+<style lang="scss" scoped>
+@import 'mypage.scss';
+</style>