Animations, Policy, Toolbar Colors

src/components/MyHeader/MyHeader.ts

@@ -61,6 +61,25 @@ export default defineComponent({
     const globalStore = useGlobalStore()
     const testStore = useTestStore()
 
+    const site = computed(() => globalStore.site)
+    const isfinishLoading = computed(() => globalStore.finishLoading)
+
+    const getClassColorHeader = computed(() => {
+      // if (tools.isTest()) return 'bg-light-blue'
+      // if (tools.isDebug()) return 'bg-info'
+      if (globalStore.site && globalStore.site.confpages?.col_toolbar)
+        return 'bg-' + globalStore.site.confpages?.col_toolbar
+      else
+        return 'bg-light-blue'
+    })
+
+    const getColorText = computed(() => {
+      if (globalStore.site && globalStore.site.confpages?.col_toolbar === 'white')
+        return 'black'
+      else
+        return 'white'
+    })
+
     const data = ref({
       registration: null,
       updateExists: false,
@@ -461,11 +480,6 @@ export default defineComponent({
       return null
     }
 
-    function getClassColorHeader() {
-      if (tools.isTest()) return 'bg-light-blue'
-      if (tools.isDebug()) return 'bg-info'
-      return 'bg-light-blue'
-    }
 
     function changecmd(value: any) {
       console.log('changecmd', value)
@@ -527,6 +541,9 @@ export default defineComponent({
       isUserNotAuth,
       tools,
       data,
+      site,
+      isfinishLoading,
+      getColorText,
     }
   },