++ Animation fixed in Home pic.

++"Dark Mode"

src/store/Modules/fieldsTable.ts

@@ -145,6 +145,7 @@ export const colmyelems = [
   AddCol({ name: 'container2', label_trans: 'myelems.container2' }),
   AddCol({ name: 'span', label_trans: 'myelems.span', fieldtype: costanti.FieldType.boolean }),
   AddCol({ name: 'container3', label_trans: 'myelems.container3' }),
+  AddCol({ name: 'container4', label_trans: 'myelems.container4' }),
   AddCol({ name: 'img', label_trans: 'myelems.img' }),
   AddCol({ name: 'align', label_trans: 'myelems.align', fieldtype: costanti.FieldType.number }),
   AddCol({ name: 'vertalign', label_trans: 'myelems.vertalign', fieldtype: costanti.FieldType.number }),
@@ -166,6 +167,7 @@ export const colmyelems = [
   AddCol({ name: 'onlyif_logged', label_trans: 'myelems.onlyif_logged', fieldtype: costanti.FieldType.boolean  }),
   AddCol({ name: 'color', label_trans: 'myelems.color' }),
   AddCol({ name: 'colorsub', label_trans: 'myelems.colorsub' }),
+  AddCol({ name: 'colorsub2', label_trans: 'myelems.colorsub2' }),
   AddCol({ name: 'class', label_trans: 'myelems.class' }),
   AddCol({ name: 'styleadd', label_trans: 'myelems.styleadd' }),
   AddCol({
@@ -1604,6 +1606,20 @@ export const colTableSites = [
     label_trans: 'confpages.col_bgfooter',
     fieldtype: costanti.FieldType.string,
   }),
+  AddCol({
+    name: 'confpages.show_darkopt',
+    field: 'confpages',
+    subfield: 'show_darkopt',
+    label_trans: 'confpages.show_darkopt',
+    fieldtype: costanti.FieldType.boolean,
+  }),
+  AddCol({
+    name: 'confpages.dark',
+    field: 'confpages',
+    subfield: 'dark',
+    label_trans: 'confpages.dark',
+    fieldtype: costanti.FieldType.boolean,
+  }),
   AddCol({
     name: 'footer_mobile.show_buttHome',
     field: 'footer_mobile',

src/store/Modules/tools.ts

@@ -598,6 +598,22 @@ export const tools = {
       label: '[Nessuna]',
       value: '',
     },
+    {
+      label: 'Slow 20s',
+      value: 'animate__slow20',
+    },
+    {
+      label: 'Slow 10s',
+      value: 'animate__slow10',
+    },
+    {
+      label: 'Slow 5s',
+      value: 'animate__slow5',
+    },
+    {
+      label: 'Slow 3s',
+      value: 'animate__slow3',
+    },
     {
       label: 'Slow 2s',
       value: 'animate__slow',
@@ -644,6 +660,34 @@ export const tools = {
 
   ],
 
+  SelectListTimingType: [
+    {
+      label: '[Nessuna]',
+      value: '',
+    },
+    {
+      label: 'Linear',
+      value: 'animate__linear',
+    },
+    {
+      label: 'Ease',
+      value: 'animate__ease',
+    },
+    {
+      label: 'Ease-In',
+      value: 'animate__ease-in',
+    },
+    {
+      label: 'Ease-Out',
+      value: 'animate__ease-out',
+    },
+    {
+      label: 'Ease-In-Out',
+      value: 'animate__ease-in-out',
+    },
+
+
+  ],
 
   SelectListAnimation: [
     {
@@ -694,6 +738,10 @@ export const tools = {
       label: 'slideOut Down',
       value: 'animate__slideOutDown',
     },
+    {
+      label: 'zoomImg',
+      value: 'zoomImg',
+    },
     {
       label: 'zoomIn',
       value: 'animate__zoomIn',
@@ -730,6 +778,14 @@ export const tools = {
       label: 'zoomOut Down',
       value: 'animate__zoomOutDown',
     },
+    {
+      label: 'Effetto Film 1',
+      value: 'film',
+    },
+    {
+      label: 'Zoom IMG',
+      value: 'zoomImg',
+    },
     {
       label: 'FadeIn',
       value: 'animate__fadeIn',
@@ -7180,9 +7236,15 @@ export const tools = {
   },
 
   getClassAnim(myanim: IAnim) {
+    if (!myanim)
+      return ''
+
     let mycl = ''
     if (myanim)
-      mycl = (!!myanim.name ? myanim.name : '') + ' ' + (!!myanim.clduration ? myanim.clduration : '') + ' ' + (!!myanim.cldelay ? myanim.cldelay : '')
+      mycl = (!!myanim.name ? myanim.name : '') +
+      ' ' + (!!myanim.clduration ? myanim.clduration : '') +
+      ' ' + (!!myanim.cldelay ? myanim.cldelay : '') +
+      ' ' + (!!myanim.timingtype ? myanim.timingtype : '')
     else
       mycl = ''