Animations, Policy, Toolbar Colors

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, ILabelValue, ILabelValueStr,
+  TipoVisu, IGroup, IMySkill, IMyBacheca, IImgGallery, IMsgGlobParam, IUserExport, ISpecialField, IAccount, IMyCircuit, ISendCoin, IMovement, IMovVisu, INotif, IMyElem, IMyCard, ILabelValue, ILabelValueStr, IAnim,
 } from '@model'
 
 import { fieldsTable } from '@store/Modules/fieldsTable'
@@ -621,6 +621,10 @@ export const tools = {
       label: '[Nessuna]',
       value: '',
     },
+    {
+      label: 'Delay 1s',
+      value: 'animate__delay-1s',
+    },
     {
       label: 'Delay 2s',
       value: 'animate__delay-2s',
@@ -690,6 +694,10 @@ export const tools = {
       label: 'slideOut Down',
       value: 'animate__slideOutDown',
     },
+    {
+      label: 'zoomIn',
+      value: 'animate__zoomIn',
+    },
     {
       label: 'zoomIn Left',
       value: 'animate__zoomInLeft',
@@ -722,6 +730,10 @@ export const tools = {
       label: 'zoomOut Down',
       value: 'animate__zoomOutDown',
     },
+    {
+      label: 'FadeIn',
+      value: 'animate__fadeIn',
+    },
     {
       label: 'FadeIn Left',
       value: 'animate__fadeInLeft',
@@ -7148,7 +7160,38 @@ export const tools = {
     }
 
     return ''
-  }
+  },
+
+  updateFonts(newval?: string) {
+    const globalStore = useGlobalStore()
+
+    if (newval) {
+      if (globalStore.site && globalStore.site.confpages)
+        globalStore.site.confpages.font = newval
+    }
+
+    for (let myfont of shared_consts.FontsInstalled) {
+      document.body.classList.remove(myfont.value)
+    }
+
+    if (globalStore.site?.confpages && globalStore.site.confpages.font) {
+      document.body.classList.add(globalStore.site.confpages.font)
+    }
+  },
+
+  getClassAnim(myanim: IAnim) {
+    let mycl = ''
+    if (myanim)
+      mycl = (!!myanim.name ? myanim.name : '') + ' ' + (!!myanim.clduration ? myanim.clduration : '') + ' ' + (!!myanim.cldelay ? myanim.cldelay : '')
+    else
+      mycl = ''
+
+    if (mycl)
+      return 'animate__animated ' + mycl
+    else
+      return ''
+  },
+
 
   // getLocale() {
   //   if (navigator.languages && navigator.languages.length > 0) {