HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2026-01-18 08:12:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat:#18 added default page setting

Browse Source
This commit is contained in:
Elmar Kresse
2024-07-07 23:03:25 +02:00
parent 78fd7d6f72
commit 5aab024957
8 changed files with 89 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/helpers/theme.ts
View File

@@ -15,26 +15,21 @@
//along with this program. If not, see <https://www.gnu.org/licenses/>.
import { ref } from "vue";
import { Store } from "pinia";
import { PrimeVueChangeTheme } from "primevue/config";
import { EmitFn } from "primevue/ts-helpers";
import { RemovableRef } from "@vueuse/core";
import settingsStore from "@/store/settingsStore.ts";
const darkTheme = ref("lara-dark-blue"),
lightTheme = ref("lara-light-blue");
type SettingsStore = Store<"settingsStore", { locale: RemovableRef<string>, isDark: boolean }, NonNullable<unknown>, {
setLocale(locale: string): void,
setDarkMode(isDark: boolean): void,
getDarkMode(): boolean
}>;
export type SettingsStore = typeof settingsStore;
export function toggleTheme(
store: SettingsStore,
primeVue: { changeTheme: PrimeVueChangeTheme },
emit: EmitFn<"dark-mode-toggled"[]>,
): void {
store.setDarkMode(!store.isDark);
store().setDarkMode(!store().isDark);
setTheme(store, primeVue, emit);
}
@@ -43,7 +38,7 @@ export function setTheme(
{ changeTheme }: { changeTheme: PrimeVueChangeTheme },
emit: EmitFn<"dark-mode-toggled"[]>
) {
const isDark = ref(store.isDark);
const isDark = ref(store().isDark);
const newTheme = isDark.value ? darkTheme.value : lightTheme.value,
oldTheme = isDark.value ? lightTheme.value : darkTheme.value;
changeTheme(oldTheme, newTheme, "theme-link", () => { });