CSS Animations

src/store/Modules/tools.ts

@@ -12,7 +12,7 @@ import {
   ITodo,
   IUserFields,
   Privacy,
-  TipoVisu, IGroup, IMySkill, IMyBacheca, IImgGallery, IMsgGlobParam, IUserExport, ISpecialField, IAccount, IMyCircuit, ISendCoin, IMovement, IMovVisu, INotif,
+  TipoVisu, IGroup, IMySkill, IMyBacheca, IImgGallery, IMsgGlobParam, IUserExport, ISpecialField, IAccount, IMyCircuit, ISendCoin, IMovement, IMovVisu, INotif, IMyElem, IMyCard,
 } from '@model'
 
 import { fieldsTable } from '@store/Modules/fieldsTable'
@@ -593,6 +593,22 @@ export const tools = {
     },
   ],
 
+  SelectListAnimation: [
+    {
+      label: '[Nessuna]',
+      value: '',
+    },
+    {
+      label: 'Dal basso verso l\'alto',
+      value: 'anim_toBottom',
+    },
+    {
+      label: 'Da sinistra verso Destra',
+      value: 'anim_toRight',
+    },
+
+  ],
+
   SelectListClass: [
     {
       label: '[Nessuna]',
@@ -632,6 +648,33 @@ export const tools = {
     },
   ],
 
+  SelectListVertAlign: [
+    {
+      label: '[Nessuno]',
+      value: 0,
+    },
+    {
+      label: 'Alto',
+      value: 1,
+    },
+    {
+      label: 'Centro',
+      value: 2,
+    },
+    {
+      label: 'Basso',
+      value: 3,
+    },
+    {
+      label: 'Basso_Sinistra',
+      value: 4,
+    },
+    {
+      label: 'Alto_Sinistra',
+      value: 5,
+    },
+  ],
+
   SelectListAlign: [
     {
       label: '[Nessuno]',
@@ -6838,6 +6881,25 @@ export const tools = {
     return ris
   },
 
+  getImgFileByFilename(elem: IMyElem, filename: string) {
+    return 'upload/pages/' + elem.path + '/' + filename
+  },
+
+  getImgFileByElem(elem: IMyElem, reccard?: IMyCard) {
+    if (elem) {
+      if (elem.type === shared_consts.ELEMTYPE.CARD) {
+        if (reccard?.imagefile)
+          return 'upload/pages/' + elem.path + '/' + reccard.imagefile
+        else
+          return ''
+      } else if (elem.type === shared_consts.ELEMTYPE.IMAGE) {
+        return 'upload/pages/' + elem.path + '/' + elem.container
+      } else {
+        return 'upload/pages/' + elem.path + '/' + elem.image
+      }
+    }
+  },
+
   // getLocale() {
   //   if (navigator.languages && navigator.languages.length > 0) {
   //     return navigator.languages[0]