Animations in the WebEditor

src/store/Modules/fieldsTable.ts

@@ -237,6 +237,8 @@ export const colmypage = [
   AddCol({ name: 'l_par', label_trans: 'pages.l_par', fieldtype: costanti.FieldType.number }),
   AddCol({ name: 'l_child', label_trans: 'pages.l_child', fieldtype: costanti.FieldType.number }),
   AddCol({ name: 'internalpage', label_trans: 'pages.internalpage', fieldtype: costanti.FieldType.boolean }),
+  AddCol({ name: 'loadFirst', label_trans: 'pages.loadFirst', fieldtype: costanti.FieldType.boolean }),
+  AddCol({ name: 'showFooter', label_trans: 'pages.showFooter', fieldtype: costanti.FieldType.boolean }),
   AddCol({ name: 'iconsize', label_trans: 'pages.iconsize', fieldtype: costanti.FieldType.string }),
   AddCol({ name: 'extraclass', label_trans: 'pages.extraclass', fieldtype: costanti.FieldType.string }),
   AddCol(DeleteRec),

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, IMyElem, IMyCard,
+  TipoVisu, IGroup, IMySkill, IMyBacheca, IImgGallery, IMsgGlobParam, IUserExport, ISpecialField, IAccount, IMyCircuit, ISendCoin, IMovement, IMovVisu, INotif, IMyElem, IMyCard, ILabelValue, ILabelValueStr,
 } from '@model'
 
 import { fieldsTable } from '@store/Modules/fieldsTable'
@@ -593,19 +593,257 @@ export const tools = {
     },
   ],
 
+  SelectListSpeed: [
+    {
+      label: '[Nessuna]',
+      value: '',
+    },
+    {
+      label: 'Slow 2s',
+      value: 'animate__slow',
+    },
+    {
+      label: 'Slower 3s',
+      value: 'animate__slower',
+    },
+    {
+      label: 'Fast .8s',
+      value: 'animate__fast',
+    },
+    {
+      label: 'Faster .5s',
+      value: 'animate__faster',
+    },
+  ],
+
+  SelectListDelay: [
+    {
+      label: '[Nessuna]',
+      value: '',
+    },
+    {
+      label: 'Delay 2s',
+      value: 'animate__delay-2s',
+    },
+    {
+      label: 'Delay 3s',
+      value: 'animate__delay-3s',
+    },
+    {
+      label: 'Delay 4s',
+      value: 'animate__delay-4s',
+    },
+    {
+      label: 'Delay 5s',
+      value: 'animate__delay-5s',
+    },
+
+  ],
+
+
   SelectListAnimation: [
     {
       label: '[Nessuna]',
       value: '',
     },
     {
-      label: 'Dal basso verso l\'alto',
-      value: 'anim_toBottom',
+      label: 'HeartBeat',
+      value: 'animate__heartBeat',
     },
     {
-      label: 'Da sinistra verso Destra',
-      value: 'anim_toRight',
+      label: 'Jello',
+      value: 'animate__jello',
     },
+    {
+      label: 'Pulse',
+      value: 'animate__pulse',
+    },
+    {
+      label: 'slideIn Left',
+      value: 'animate__slideInLeft',
+    },
+    {
+      label: 'slideIn Right',
+      value: 'animate__slideInRight',
+    },
+    {
+      label: 'slideIn Up',
+      value: 'animate__slideInUp',
+    },
+    {
+      label: 'slideIn Down',
+      value: 'animate__slideInDown',
+    },
+    {
+      label: 'slideOut Left',
+      value: 'animate__slideOutLeft',
+    },
+    {
+      label: 'slideOut Right',
+      value: 'animate__slideOutRight',
+    },
+    {
+      label: 'slideOut Up',
+      value: 'animate__slideOutUp',
+    },
+    {
+      label: 'slideOut Down',
+      value: 'animate__slideOutDown',
+    },
+    {
+      label: 'zoomIn Left',
+      value: 'animate__zoomInLeft',
+    },
+    {
+      label: 'zoomIn Right',
+      value: 'animate__zoomInRight',
+    },
+    {
+      label: 'zoomIn Up',
+      value: 'animate__zoomInUp',
+    },
+    {
+      label: 'zoomIn Down',
+      value: 'animate__zoomInDown',
+    },
+    {
+      label: 'zoomOut Left',
+      value: 'animate__zoomOutLeft',
+    },
+    {
+      label: 'zoomOut Right',
+      value: 'animate__zoomOutRight',
+    },
+    {
+      label: 'zoomOut Up',
+      value: 'animate__zoomOutUp',
+    },
+    {
+      label: 'zoomOut Down',
+      value: 'animate__zoomOutDown',
+    },
+    {
+      label: 'FadeIn Left',
+      value: 'animate__fadeInLeft',
+    },
+    {
+      label: 'FadeIn Right',
+      value: 'animate__fadeInRight',
+    },
+    {
+      label: 'FadeIn Up',
+      value: 'animate__fadeInUp',
+    },
+    {
+      label: 'FadeIn Up Big',
+      value: 'animate__fadeInUpBig',
+    },
+    {
+      label: 'FadeIn Down',
+      value: 'animate__fadeInDown',
+    },
+    {
+      label: 'FadeIn Down Big',
+      value: 'animate__fadeInDownBig',
+    },
+    {
+      label: 'FadeOut Left',
+      value: 'animate__fadeOutLeft',
+    },
+    {
+      label: 'FadeOut Right',
+      value: 'animate__fadeOutRight',
+    },
+    {
+      label: 'FadeOut Up',
+      value: 'animate__fadeOutUp',
+    },
+    {
+      label: 'FadeOut Down',
+      value: 'animate__fadeOutDown',
+    },
+    {
+      label: 'bounceIn Left',
+      value: 'animate__bounceInLeft',
+    },
+    {
+      label: 'bounceIn Right',
+      value: 'animate__bounceInRight',
+    },
+    {
+      label: 'bounceIn Up',
+      value: 'animate__bounceInUp',
+    },
+    {
+      label: 'bounceIn Down',
+      value: 'animate__bounceInDown',
+    },
+    {
+      label: 'bounceOut Left',
+      value: 'animate__bounceOutLeft',
+    },
+    {
+      label: 'bounceOut Right',
+      value: 'animate__bounceOutRight',
+    },
+    {
+      label: 'bounceOut Up',
+      value: 'animate__bounceOutUp',
+    },
+    {
+      label: 'bounceOut Down',
+      value: 'animate__bounceOutDown',
+    },
+    {
+      label: 'backIn Left',
+      value: 'animate__backInLeft',
+    },
+    {
+      label: 'backIn Right',
+      value: 'animate__backInRight',
+    },
+    {
+      label: 'backIn Up',
+      value: 'animate__backInUp',
+    },
+    {
+      label: 'backIn Down',
+      value: 'animate__backInDown',
+    },
+    {
+      label: 'backOut Left',
+      value: 'animate__backOutLeft',
+    },
+    {
+      label: 'backOut Right',
+      value: 'animate__backOutRight',
+    },
+    {
+      label: 'backOut Up',
+      value: 'animate__backOutUp',
+    },
+    {
+      label: 'backOut Down',
+      value: 'animate__backOutDown',
+    },
+    {
+      label: 'lightSpeedIn Left',
+      value: 'animate__lightSpeedInLeft',
+    },
+    {
+      label: 'lightSpeedIn Right',
+      value: 'animate__lightSpeedInRight',
+    },
+    {
+      label: 'lightSpeedOut Left',
+      value: 'animate__lightSpeedOutLeft',
+    },
+    {
+      label: 'lightSpeedOut Right',
+      value: 'animate__lightSpeedOutRight',
+    },
+
+
 
   ],
 
@@ -6900,6 +7138,18 @@ export const tools = {
     }
   },
 
+  findFirstElemInCommon(arr1: ILabelValueStr[], arr2: string[]) {
+    for (let i = 0; i < arr1.length; i++) {
+      for (let j = 0; j < arr2.length; j++) {
+        if (arr1[i].value == arr2[j] && arr1[i].value !== '') {
+          return arr1[i].value
+        }
+      }
+    }
+
+    return ''
+  }
+
   // getLocale() {
   //   if (navigator.languages && navigator.languages.length > 0) {
   //     return navigator.languages[0]