Animations, Policy, Toolbar Colors

src/components/CImgPoster/CImgPoster.ts

@@ -1,7 +1,8 @@
-import { defineComponent, ref } from 'vue'
+import { defineComponent, PropType, ref } from 'vue'
 
 import { tools } from '@src/store/Modules/tools'
 import { shared_consts } from '@src/common/shared_vuejs'
+import { IAnim } from '@src/model'
 
 export default defineComponent({
   name: 'CImgPoster',
@@ -46,15 +47,19 @@ export default defineComponent({
       required: false,
       default: 1
     },
-    class_anim: {
-      type: String,
+    anim: {
+      type: Object as PropType<IAnim>,
       required: false,
-      default: ''
+      default: () => {
+        return { name: '', clduration: '', cldelay: '' }
+      },
     },
-    class_anim2: {
-      type: String,
+    anim2: {
+      type: Object as PropType<IAnim>,
       required: false,
-      default: ''
+      default: () => {
+        return { name: '', clduration: '', cldelay: '' }
+      },
     },
     logo: String,
     logoheight: String,

src/components/CImgPoster/CImgPoster.vue

@@ -23,12 +23,15 @@
                 : undefined
             "
           />
-          <div :class="classTitle + ` ` + class_anim" :style="` color:` + colorTitle">
+          <div
+            :class="classTitle + ` ` + tools.getClassAnim(anim)"
+            :style="` color:` + colorTitle"
+          >
             {{ title }}
           </div>
           <div
             v-if="legendinside"
-            :class="classSubtitle + ` ` + class_anim2"
+            :class="classSubtitle + ` ` + tools.getClassAnim(anim2)"
             :style="` color:` + colorSubtitle"
             v-html="legendinside"
           ></div>