tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-22 21:25:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

✨ Allow pages to override theme

Browse Source
This commit is contained in:
Marcell Fülöp 2022-06-22 17:13:42 +00:00
parent 0674ad8fe8
commit 2933df20dd
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/store.js
View File

@ -10,6 +10,7 @@ import { applyItemId } from '@/utils/SectionHelpers';
import filterUserSections from '@/utils/CheckSectionVisibility'; import filterUserSections from '@/utils/CheckSectionVisibility';
import ErrorHandler, { InfoHandler, InfoKeys } from '@/utils/ErrorHandler'; import ErrorHandler, { InfoHandler, InfoKeys } from '@/utils/ErrorHandler';
import { isUserAdmin } from '@/utils/Auth'; import { isUserAdmin } from '@/utils/Auth';
import { localStorageKeys } from './utils/defaults';
Vue.use(Vuex); Vue.use(Vuex);
@ -295,6 +296,11 @@ const store = new Vuex.Store({
state.navigateConfToTab = index; state.navigateConfToTab = index;
}, },
[SET_CURRENT_SUB_PAGE](state, subPageObject) { [SET_CURRENT_SUB_PAGE](state, subPageObject) {
if (!subPageObject) {
// Set theme back to primary when navigating to index page
const defaulTheme = localStorage.getItem(localStorageKeys.PRIMARY_THEME);
if (defaulTheme) state.config.appConfig.theme = defaulTheme;
}
state.currentConfigInfo = subPageObject; state.currentConfigInfo = subPageObject;
}, },
[USE_MAIN_CONFIG](state) { [USE_MAIN_CONFIG](state) {
@ -312,13 +318,22 @@ const store = new Vuex.Store({
commit(SET_REMOTE_CONFIG, yaml.load((await axios.get('/conf.yml')).data)); commit(SET_REMOTE_CONFIG, yaml.load((await axios.get('/conf.yml')).data));
const deepCopy = (json) => JSON.parse(JSON.stringify(json)); const deepCopy = (json) => JSON.parse(JSON.stringify(json));
const config = deepCopy(new ConfigAccumulator().config()); const config = deepCopy(new ConfigAccumulator().config());
if (config.appConfig?.theme) {
// Save theme defined in conf.yml as primary
localStorage.setItem(localStorageKeys.PRIMARY_THEME, config.appConfig.theme);
// This will set theme back to primary in case we were on a themed page
// and the index page is loaded w/o navigation (e.g. modifying browser location)
localStorage.setItem(localStorageKeys.THEME, config.appConfig.theme);
}
commit(SET_CONFIG, config); commit(SET_CONFIG, config);
}, },
/* Fetch config for a sub-page (sections and pageInfo only) */ /* Fetch config for a sub-page (sections and pageInfo only) */
async [INITIALIZE_MULTI_PAGE_CONFIG]({ commit, state }, configPath) { async [INITIALIZE_MULTI_PAGE_CONFIG]({ commit, state }, configPath) {
axios.get(configPath).then((response) => { axios.get(configPath).then((response) => {
const subConfig = yaml.load(response.data); const subConfig = yaml.load(response.data);
const pageTheme = subConfig.appConfig?.theme;
subConfig.appConfig = state.config.appConfig; // Always use parent appConfig subConfig.appConfig = state.config.appConfig; // Always use parent appConfig
if (pageTheme) subConfig.appConfig.theme = pageTheme; // Apply page theme override
commit(SET_CONFIG, subConfig); commit(SET_CONFIG, subConfig);
}).catch((err) => { }).catch((err) => {
ErrorHandler(`Unable to load config from '${configPath}'`, err); ErrorHandler(`Unable to load config from '${configPath}'`, err);

1
src/utils/defaults.js
View File

@ -120,6 +120,7 @@ module.exports = {
COLLAPSE_STATE: 'collapseState', COLLAPSE_STATE: 'collapseState',
ICON_SIZE: 'iconSize', ICON_SIZE: 'iconSize',
THEME: 'theme', THEME: 'theme',
PRIMARY_THEME: 'primaryTheme',
CUSTOM_COLORS: 'customColors', CUSTOM_COLORS: 'customColors',
CONF_SECTIONS: 'confSections', CONF_SECTIONS: 'confSections',
CONF_WIDGETS: 'confSections', CONF_WIDGETS: 'confSections',