diff --git a/src/app.f7.html b/src/app.f7.html index 2de82b7..20032fb 100644 --- a/src/app.f7.html +++ b/src/app.f7.html @@ -13,8 +13,7 @@ import themes from './js/stores/theme.js'; export default (props, { $f7, $, $update, $onMounted }) => { $onMounted(async () => { - const selector = '#app'; - await themes.dispatch('initTheme', { selector }); + await themes.dispatch('initTheme', '#app'); }); return $render; diff --git a/src/js/stores/theme.js b/src/js/stores/theme.js index 786d21a..4ad9e13 100644 --- a/src/js/stores/theme.js +++ b/src/js/stores/theme.js @@ -7,18 +7,20 @@ const theme = createStore({ name: 'theme-dark', }, actions: { +//Mutations changeTheme({ state }, name) { state.name = name; }, - async checkTheme({ state, dispatch }, { selector }){ +//End mutations + async checkTheme({ state, dispatch }, selector){ let theme = await localForage.getItem('theme'); if (theme != 'theme-dark'){ $(selector).removeClass('theme-dark'); } dispatch('changeTheme', theme); }, - async initTheme({state, dispatch}, { selector }){ + async initTheme({state, dispatch}, selector){ let items = await localForage.length(); if (items > 0){ - await dispatch('checkTheme', { selector }); + await dispatch('checkTheme', selector); } }, async setTheme({ state, dispatch }, name){ diff --git a/src/pages/home/panel-left.f7.html b/src/pages/home/panel-left.f7.html index 4a50f17..b42b545 100644 --- a/src/pages/home/panel-left.f7.html +++ b/src/pages/home/panel-left.f7.html @@ -140,8 +140,7 @@ export default (props, { $f7, $, $onMounted, $update, }) => { }; $onMounted(async () => { - const selector = '.panel-left'; - await themes.dispatch('checkTheme', { selector }); + await themes.dispatch('checkTheme', '.panel-left'); if (isLogged){ isCustomer = userRoles.includes(4); //Customer, diff --git a/src/pages/home/panel-right.f7.html b/src/pages/home/panel-right.f7.html index 705d997..2d931b8 100644 --- a/src/pages/home/panel-right.f7.html +++ b/src/pages/home/panel-right.f7.html @@ -74,8 +74,7 @@ export default (props, { $f7, $, $on, $onMounted, $update, $f7router }) => { $onMounted(async () => { $('#light-theme').prop('checked', (theme != 'theme-dark') ? true : false ); - const selector = '.panel-right' - await themes.dispatch('checkTheme', { selector }); + await themes.dispatch('checkTheme', '.panel-right'); }); const logout = () => {