chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: fetch config & warning color

Browse source
This commit is contained in:
puriphatt 2024-10-16 11:14:13 +07:00
parent b12b410b2b
commit 4453d563e6
2 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/css/app.scss
View file

@ -31,6 +31,9 @@ html {
--positive-fg: 0 0% 100%; --positive-fg: 0 0% 100%;
--positive-bg: var(--teal-7-hsl); --positive-bg: var(--teal-7-hsl);
--warning-fg: 0 0% 100%;
--warning-bg: var(--yellow-6-hsl);
--gender-male: var(--blue-5-hsl); --gender-male: var(--blue-5-hsl);
--gender-female: var(--pink-7-hsl); --gender-female: var(--pink-7-hsl);
--customer-corp: var(--purple-11-hsl); --customer-corp: var(--purple-11-hsl);
@ -166,6 +169,15 @@ html {
background-color: hsl(var(--positive-bg)); background-color: hsl(var(--positive-bg));
} }
.app-text-warning {
color: hsl(var(--warning-bg));
}
.app-bg-warning {
color: hsl(var(--warning-fg));
background-color: hsl(var(--warning-bg));
}
.app-text-male { .app-text-male {
color: hsl(var(--gender-male)); color: hsl(var(--gender-male));
} }

4
src/layouts/MainLayout.vue
View file

@ -16,6 +16,7 @@ import { dialog } from 'stores/utils';
import { setLocale } from 'src/utils/datetime'; import { setLocale } from 'src/utils/datetime';
import useUtilsStore from 'stores/utils'; import useUtilsStore from 'stores/utils';
import useMyBranchStore from 'stores/my-branch'; import useMyBranchStore from 'stores/my-branch';
import { useConfigStore } from 'src/stores/config';
const useMyBranch = useMyBranchStore(); const useMyBranch = useMyBranchStore();
const { fetchListMyBranch } = useMyBranch; const { fetchListMyBranch } = useMyBranch;
@ -38,6 +39,7 @@ const $q = useQuasar();
const loaderStore = useLoader(); const loaderStore = useLoader();
const utilsStore = useUtilsStore(); const utilsStore = useUtilsStore();
const optionStore = useOptionStore(); const optionStore = useOptionStore();
const configStore = useConfigStore();
const { visible } = storeToRefs(loaderStore); const { visible } = storeToRefs(loaderStore);
const { t, locale } = useI18n({ useScope: 'global' }); const { t, locale } = useI18n({ useScope: 'global' });
@ -144,6 +146,8 @@ watch(
); );
onMounted(async () => { onMounted(async () => {
await configStore.getConfig();
await fetchListMyBranch(getUserId() ?? ''); await fetchListMyBranch(getUserId() ?? '');
leftDrawerOpen.value = $q.screen.gt.xs ? true : false; leftDrawerOpen.value = $q.screen.gt.xs ? true : false;