CSS Animations

src/components/CMyEditElem/CMyEditElem.ts

@@ -5,7 +5,8 @@ import {
 import { IImgGallery, ILabelValue, IMyCard, IMyElem, IMyPage, IOperators } from '@src/model'
 import { useGlobalStore } from '@store/globalStore'
 
-import { CImgTitle } from '../CImgTitle/index'
+import { CImgTitle } from '@/components/CImgTitle'
+import { CImgPoster } from '@/components/CImgPoster'
 import { CTitle } from '@/components/CTitle/index'
 import { tools } from '@store/Modules/tools'
 import { shared_consts } from '@/common/shared_vuejs'
@@ -17,6 +18,7 @@ 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 { CSelectImage } from '@src/components/CSelectImage'
 import { CSelectColor } from '@src/components/CSelectColor'
 import { CSelectFontSize } from '@src/components/CSelectFontSize'
 
@@ -33,7 +35,7 @@ export default defineComponent({
   components: {
     CImgTitle, CTitle, LandingFooter, CEventsCalendar,
     CCardCarousel, COpenStreetMap, CMyPage, CMyPageIntro, CMyEditor, CMyFieldRec,
-    CSelectColor, CSelectFontSize
+    CSelectColor, CSelectFontSize, CSelectImage, CImgPoster
   },
   emits: ['saveElem'],
   props: {
@@ -234,12 +236,26 @@ export default defineComponent({
             }
           })
         }
+      } else if ((props.myelem.type === shared_consts.ELEMTYPE.IMGTITLE) ||
+                (props.myelem.type === shared_consts.ELEMTYPE.IMAGE)) {
+        myel.value.image = myval
       }
       modifElem()
     }
 
+    function showAnimation() {
+      return (myel.value.type === shared_consts.ELEMTYPE.IMAGE)
+      || (myel.value.type === shared_consts.ELEMTYPE.IMGTITLE)
+      || (myel.value.type === shared_consts.ELEMTYPE.TEXT)
+      || (myel.value.type === shared_consts.ELEMTYPE.HTML)
+      || (myel.value.type === shared_consts.ELEMTYPE.CAROUSEL_IMGS)
+    }
+
     function updateElem(myvalue: any) {
-      myel.value = myvalue
+      console.log('updateElem', myvalue)
+      if (myel.value.type === shared_consts.ELEMTYPE.IMGTITLE) {
+        myel.value.container = myvalue
+      }
       modifElem()
     }
 
@@ -276,6 +292,7 @@ export default defineComponent({
       delRecCard,
       saveCard,
       updateElem,
+      showAnimation,
     }
   },