Altro

src/components/CMyElem/CMyElem.ts

@@ -9,7 +9,7 @@ import { CImgTitle } from '../CImgTitle/index'
 import { CTitle } from '@/components/CTitle/index'
 import { tools } from '@store/Modules/tools'
 import { shared_consts } from '@/common/shared_vuejs'
-import LandingFooter from '@/components/LandingFooter/LandingFooter'
+import { LandingFooter } from '@/components/LandingFooter'
 import { COpenStreetMap } from '@src/components/COpenStreetMap'
 import { CCardCarousel } from '@src/components/CCardCarousel'
 import { CMyPage } from '@src/components/CMyPage'
@@ -22,6 +22,7 @@ import MixinMetaTags from '@/mixins/mixin-metatags'
 import { useQuasar } from 'quasar'
 import { useI18n } from '@/boot/i18n'
 
+
 export default defineComponent({
   name: 'CMyElem',
   components: { CImgTitle, CTitle, LandingFooter, CEventsCalendar, CCardCarousel, COpenStreetMap, CMyPage, CMyPageIntro, CMyEditor, CMyFieldRec },
@@ -44,7 +45,7 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false,
-    }
+    },
   },
   setup(props) {
     const globalStore = useGlobalStore()
@@ -155,6 +156,26 @@ export default defineComponent({
       }
     }
 
+    function getClass() {
+      let mycl = ''
+      if (props.myelem.align === shared_consts.ALIGNTYPE.CEHTER) {
+        mycl += ' align_center'
+      } else if (props.myelem.align === shared_consts.ALIGNTYPE.RIGHT) {
+        mycl += ' align_right'
+      } else if (props.myelem.align === shared_consts.ALIGNTYPE.LEFT) {
+        mycl += ' align_left'
+      }
+
+      return mycl
+    }
+
+    function showFit() {
+      if (props.myelem.type)
+        return [shared_consts.ELEMTYPE.TEXT].includes(props.myelem.type)
+      else
+        return false
+    }
+
     onMounted(mounted)
 
     return {
@@ -178,6 +199,8 @@ export default defineComponent({
       enableEdit,
       enableAdd,
       clickOnElem,
+      getClass,
+      showFit,
     }
   },