The-Homebrew-Cloud/vbagx
2
0
Fork 0
mirror of https://github.com/dborth/vbagx.git synced 2024-12-28 19:51:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Replace object to string on change theme

Browse Source
This commit is contained in:
Juan Carlos Ruvalcaba 2021-04-25 15:20:30 -07:00
parent f3057ca59b
commit 6971466c39
4 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app.f7.html
View File

@ -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;

8
src/js/stores/theme.js
View File

@ -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){

3
src/pages/home/panel-left.f7.html
View File

@ -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,

3
src/pages/home/panel-right.f7.html
View File

@ -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 = () => {