Webpage Editor: Carousel Images

src/components/CMyElem/CMyElem.ts

@@ -16,6 +16,7 @@ import { CMyPage } from '@src/components/CMyPage'
 import { CMyPageIntro } from '@src/components/CMyPageIntro'
 import { CEventsCalendar } from '@src/components/CEventsCalendar'
 import { CMyEditor } from '@src/components/CMyEditor'
+import { CMyFieldRec } from '@src/components/CMyFieldRec'
 
 import MixinMetaTags from '@/mixins/mixin-metatags'
 import { useQuasar } from 'quasar'
@@ -23,12 +24,17 @@ import { useI18n } from '@/boot/i18n'
 
 export default defineComponent({
   name: 'CMyElem',
-  components: { CImgTitle, CTitle, LandingFooter, CEventsCalendar, CCardCarousel, COpenStreetMap, CMyPage, CMyPageIntro, CMyEditor },
+  components: { CImgTitle, CTitle, LandingFooter, CEventsCalendar, CCardCarousel, COpenStreetMap, CMyPage, CMyPageIntro, CMyEditor, CMyFieldRec },
   props: {
     myelem: {
       type: Object as PropType<IMyElem>,
       required: true,
     },
+    path: {
+      type: String,
+      required: false,
+      default: '',
+    },
     editOn: {
       type: Boolean,
       required: false,
@@ -52,6 +58,8 @@ export default defineComponent({
     const slide = ref(0)
     const slide2 = ref(0)
     const disableSave = ref(true)
+    const enableEdit = ref(false)
+    const enableAdd = ref(true)
 
     const neworder = ref(<number|undefined>0)
 
@@ -73,7 +81,7 @@ export default defineComponent({
         return '600px'
     }
 
-    function saveElem() {
+    function saveElem(exit?: boolean) {
       // Save Elem record
       const myelem = props.myelem
       myelem.order = neworder.value
@@ -81,6 +89,8 @@ export default defineComponent({
         if (ris) {
           // OK
           disableSave.value = true
+          if (exit)
+            enableEdit.value = false
         }
       })
     }
@@ -96,6 +106,11 @@ export default defineComponent({
         container: ''
       }
 
+      if (newrec.type === shared_consts.ELEMTYPE.CAROUSEL_IMGS) {
+        newrec.container2 = '8'
+        newrec.height = 600
+      }
+
       globalStore.addNewElem($q, t, newrec)
     }
 
@@ -134,6 +149,12 @@ export default defineComponent({
         newtype.value = props.myelem.type
     }
 
+    function clickOnElem() {
+      if (props.editOn) {
+        enableEdit.value = true
+      }
+    }
+
     onMounted(mounted)
 
     return {
@@ -154,6 +175,9 @@ export default defineComponent({
       addNewElem,
       newtype,
       neworder,
+      enableEdit,
+      enableAdd,
+      clickOnElem,
     }
   },