Improve sync
This commit is contained in:
syuilo
parent
26f4c038f3
commit
aec5911821
9 changed files with 262 additions and 255 deletions
|
|
@ -1,3 +1,4 @@
|
|||
import Vue from 'vue';
|
||||
import Vuex from 'vuex';
|
||||
import createPersistedState from 'vuex-persistedstate';
|
||||
import * as nestedProperty from 'nested-property';
|
||||
|
|
@ -40,12 +41,9 @@ const defaultSettings = {
|
|||
};
|
||||
|
||||
const defaultDeviceSettings = {
|
||||
home: null,
|
||||
homeProfile: null,
|
||||
mobileHomeProfile: null,
|
||||
mobileHome: [],
|
||||
deck: null,
|
||||
deckProfile: null,
|
||||
homeProfile: 'Default',
|
||||
mobileHomeProfile: 'Default',
|
||||
deckProfile: 'Default',
|
||||
deckMode: false,
|
||||
deckColumnAlign: 'center',
|
||||
deckColumnWidth: 'normal',
|
||||
|
|
@ -88,7 +86,13 @@ export default (os: MiOS) => new Vuex.Store({
|
|||
},
|
||||
|
||||
getters: {
|
||||
isSignedIn: state => state.i != null
|
||||
isSignedIn: state => state.i != null,
|
||||
|
||||
home: state => state.settings.homeProfiles[state.device.homeProfile],
|
||||
|
||||
mobileHome: state => state.settings.mobileHomeProfiles[state.device.mobileHomeProfile],
|
||||
|
||||
deck: state => state.settings.deckProfiles[state.device.deckProfile],
|
||||
},
|
||||
|
||||
mutations: {
|
||||
|
|
@ -118,6 +122,211 @@ export default (os: MiOS) => new Vuex.Store({
|
|||
clearBehindNotes(state) {
|
||||
state.behindNotes = [];
|
||||
document.title = os.instanceName;
|
||||
},
|
||||
|
||||
setHome(state, data) {
|
||||
Vue.set(state.settings.homeProfiles, state.device.homeProfile, data);
|
||||
os.store.dispatch('settings/updateHomeProfile');
|
||||
},
|
||||
|
||||
addHomeWidget(state, widget) {
|
||||
state.settings.homeProfiles[state.device.homeProfile].unshift(widget);
|
||||
os.store.dispatch('settings/updateHomeProfile');
|
||||
},
|
||||
|
||||
setMobileHome(state, data) {
|
||||
Vue.set(state.settings.mobileHomeProfiles, state.device.mobileHomeProfile, data);
|
||||
os.store.dispatch('settings/updateMobileHomeProfile');
|
||||
},
|
||||
|
||||
updateWidget(state, x) {
|
||||
let w;
|
||||
|
||||
//#region Desktop home
|
||||
const home = state.settings.homeProfiles[state.device.homeProfile];
|
||||
if (home) {
|
||||
w = home.find(w => w.id == x.id);
|
||||
if (w) {
|
||||
w.data = x.data;
|
||||
os.store.dispatch('settings/updateHomeProfile');
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
|
||||
//#region Mobile home
|
||||
const mobileHome = state.settings.mobileHomeProfiles[state.device.mobileHomeProfile];
|
||||
if (mobileHome) {
|
||||
w = mobileHome.find(w => w.id == x.id);
|
||||
if (w) {
|
||||
w.data = x.data;
|
||||
os.store.dispatch('settings/updateMobileHomeProfile');
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
},
|
||||
|
||||
addMobileHomeWidget(state, widget) {
|
||||
state.settings.mobileHomeProfiles[state.device.mobileHomeProfile].unshift(widget);
|
||||
os.store.dispatch('settings/updateMobileHomeProfile');
|
||||
},
|
||||
|
||||
removeMobileHomeWidget(state, widget) {
|
||||
Vue.set('state.settings.mobileHomeProfiles', state.device.mobileHomeProfile, state.settings.mobileHomeProfiles[state.device.mobileHomeProfile].filter(w => w.id != widget.id));
|
||||
os.store.dispatch('settings/updateMobileHomeProfile');
|
||||
},
|
||||
|
||||
addDeckColumn(state, column) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
if (column.name == undefined) column.name = null;
|
||||
deck.columns.push(column);
|
||||
deck.layout.push([column.id]);
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
removeDeckColumn(state, id) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
deck.columns = deck.columns.filter(c => c.id != id);
|
||||
deck.layout = deck.layout.map(ids => erase(id, ids));
|
||||
deck.layout = deck.layout.filter(ids => ids.length > 0);
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
swapDeckColumn(state, x) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
const a = x.a;
|
||||
const b = x.b;
|
||||
const aX = deck.layout.findIndex(ids => ids.indexOf(a) != -1);
|
||||
const aY = deck.layout[aX].findIndex(id => id == a);
|
||||
const bX = deck.layout.findIndex(ids => ids.indexOf(b) != -1);
|
||||
const bY = deck.layout[bX].findIndex(id => id == b);
|
||||
deck.layout[aX][aY] = b;
|
||||
deck.layout[bX][bY] = a;
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
swapLeftDeckColumn(state, id) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
deck.layout.some((ids, i) => {
|
||||
if (ids.indexOf(id) != -1) {
|
||||
const left = deck.layout[i - 1];
|
||||
if (left) {
|
||||
// https://vuejs.org/v2/guide/list.html#Caveats
|
||||
//state.deck.layout[i - 1] = state.deck.layout[i];
|
||||
//state.deck.layout[i] = left;
|
||||
deck.layout.splice(i - 1, 1, deck.layout[i]);
|
||||
deck.layout.splice(i, 1, left);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
});
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
swapRightDeckColumn(state, id) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
deck.layout.some((ids, i) => {
|
||||
if (ids.indexOf(id) != -1) {
|
||||
const right = deck.layout[i + 1];
|
||||
if (right) {
|
||||
// https://vuejs.org/v2/guide/list.html#Caveats
|
||||
//state.deck.layout[i + 1] = state.deck.layout[i];
|
||||
//state.deck.layout[i] = right;
|
||||
deck.layout.splice(i + 1, 1, deck.layout[i]);
|
||||
deck.layout.splice(i, 1, right);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
});
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
swapUpDeckColumn(state, id) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
const ids = deck.layout.find(ids => ids.indexOf(id) != -1);
|
||||
ids.some((x, i) => {
|
||||
if (x == id) {
|
||||
const up = ids[i - 1];
|
||||
if (up) {
|
||||
// https://vuejs.org/v2/guide/list.html#Caveats
|
||||
//ids[i - 1] = id;
|
||||
//ids[i] = up;
|
||||
ids.splice(i - 1, 1, id);
|
||||
ids.splice(i, 1, up);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
});
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
swapDownDeckColumn(state, id) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
const ids = deck.layout.find(ids => ids.indexOf(id) != -1);
|
||||
ids.some((x, i) => {
|
||||
if (x == id) {
|
||||
const down = ids[i + 1];
|
||||
if (down) {
|
||||
// https://vuejs.org/v2/guide/list.html#Caveats
|
||||
//ids[i + 1] = id;
|
||||
//ids[i] = down;
|
||||
ids.splice(i + 1, 1, id);
|
||||
ids.splice(i, 1, down);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
});
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
stackLeftDeckColumn(state, id) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
const i = deck.layout.findIndex(ids => ids.indexOf(id) != -1);
|
||||
deck.layout = deck.layout.map(ids => erase(id, ids));
|
||||
const left = deck.layout[i - 1];
|
||||
if (left) deck.layout[i - 1].push(id);
|
||||
deck.layout = deck.layout.filter(ids => ids.length > 0);
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
popRightDeckColumn(state, id) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
const i = deck.layout.findIndex(ids => ids.indexOf(id) != -1);
|
||||
deck.layout = deck.layout.map(ids => erase(id, ids));
|
||||
deck.layout.splice(i + 1, 0, [id]);
|
||||
deck.layout = deck.layout.filter(ids => ids.length > 0);
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
addDeckWidget(state, x) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
const column = deck.columns.find(c => c.id == x.id);
|
||||
if (column == null) return;
|
||||
column.widgets.unshift(x.widget);
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
removeDeckWidget(state, x) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
const column = deck.columns.find(c => c.id == x.id);
|
||||
if (column == null) return;
|
||||
column.widgets = column.widgets.filter(w => w.id != x.widget.id);
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
renameDeckColumn(state, x) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
const column = deck.columns.find(c => c.id == x.id);
|
||||
if (column == null) return;
|
||||
column.name = x.name;
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
},
|
||||
|
||||
updateDeckColumn(state, x) {
|
||||
const deck = state.settings.deckProfiles[state.device.deckProfile];
|
||||
let column = deck.columns.find(c => c.id == x.id);
|
||||
if (column == null) return;
|
||||
column = x;
|
||||
os.store.dispatch('settings/updateDeckProfile');
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -165,176 +374,6 @@ export default (os: MiOS) => new Vuex.Store({
|
|||
setVisibility(state, visibility) {
|
||||
state.visibility = visibility;
|
||||
},
|
||||
|
||||
setHome(state, data) {
|
||||
state.home = data;
|
||||
},
|
||||
|
||||
addHomeWidget(state, widget) {
|
||||
state.home.unshift(widget);
|
||||
},
|
||||
|
||||
setMobileHome(state, data) {
|
||||
state.mobileHome = data;
|
||||
},
|
||||
|
||||
updateWidget(state, x) {
|
||||
let w;
|
||||
|
||||
//#region Desktop home
|
||||
if (state.home) {
|
||||
w = state.home.find(w => w.id == x.id);
|
||||
if (w) {
|
||||
w.data = x.data;
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
|
||||
//#region Mobile home
|
||||
if (state.mobileHome) {
|
||||
w = state.mobileHome.find(w => w.id == x.id);
|
||||
if (w) {
|
||||
w.data = x.data;
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
},
|
||||
|
||||
addMobileHomeWidget(state, widget) {
|
||||
state.mobileHome.unshift(widget);
|
||||
},
|
||||
|
||||
removeMobileHomeWidget(state, widget) {
|
||||
state.mobileHome = state.mobileHome.filter(w => w.id != widget.id);
|
||||
},
|
||||
|
||||
addDeckColumn(state, column) {
|
||||
if (column.name == undefined) column.name = null;
|
||||
state.deck.columns.push(column);
|
||||
state.deck.layout.push([column.id]);
|
||||
},
|
||||
|
||||
removeDeckColumn(state, id) {
|
||||
state.deck.columns = state.deck.columns.filter(c => c.id != id);
|
||||
state.deck.layout = state.deck.layout.map(ids => erase(id, ids));
|
||||
state.deck.layout = state.deck.layout.filter(ids => ids.length > 0);
|
||||
},
|
||||
|
||||
swapDeckColumn(state, x) {
|
||||
const a = x.a;
|
||||
const b = x.b;
|
||||
const aX = state.deck.layout.findIndex(ids => ids.indexOf(a) != -1);
|
||||
const aY = state.deck.layout[aX].findIndex(id => id == a);
|
||||
const bX = state.deck.layout.findIndex(ids => ids.indexOf(b) != -1);
|
||||
const bY = state.deck.layout[bX].findIndex(id => id == b);
|
||||
state.deck.layout[aX][aY] = b;
|
||||
state.deck.layout[bX][bY] = a;
|
||||
},
|
||||
|
||||
swapLeftDeckColumn(state, id) {
|
||||
state.deck.layout.some((ids, i) => {
|
||||
if (ids.indexOf(id) != -1) {
|
||||
const left = state.deck.layout[i - 1];
|
||||
if (left) {
|
||||
// https://vuejs.org/v2/guide/list.html#Caveats
|
||||
//state.deck.layout[i - 1] = state.deck.layout[i];
|
||||
//state.deck.layout[i] = left;
|
||||
state.deck.layout.splice(i - 1, 1, state.deck.layout[i]);
|
||||
state.deck.layout.splice(i, 1, left);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
swapRightDeckColumn(state, id) {
|
||||
state.deck.layout.some((ids, i) => {
|
||||
if (ids.indexOf(id) != -1) {
|
||||
const right = state.deck.layout[i + 1];
|
||||
if (right) {
|
||||
// https://vuejs.org/v2/guide/list.html#Caveats
|
||||
//state.deck.layout[i + 1] = state.deck.layout[i];
|
||||
//state.deck.layout[i] = right;
|
||||
state.deck.layout.splice(i + 1, 1, state.deck.layout[i]);
|
||||
state.deck.layout.splice(i, 1, right);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
swapUpDeckColumn(state, id) {
|
||||
const ids = state.deck.layout.find(ids => ids.indexOf(id) != -1);
|
||||
ids.some((x, i) => {
|
||||
if (x == id) {
|
||||
const up = ids[i - 1];
|
||||
if (up) {
|
||||
// https://vuejs.org/v2/guide/list.html#Caveats
|
||||
//ids[i - 1] = id;
|
||||
//ids[i] = up;
|
||||
ids.splice(i - 1, 1, id);
|
||||
ids.splice(i, 1, up);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
swapDownDeckColumn(state, id) {
|
||||
const ids = state.deck.layout.find(ids => ids.indexOf(id) != -1);
|
||||
ids.some((x, i) => {
|
||||
if (x == id) {
|
||||
const down = ids[i + 1];
|
||||
if (down) {
|
||||
// https://vuejs.org/v2/guide/list.html#Caveats
|
||||
//ids[i + 1] = id;
|
||||
//ids[i] = down;
|
||||
ids.splice(i + 1, 1, id);
|
||||
ids.splice(i, 1, down);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
stackLeftDeckColumn(state, id) {
|
||||
const i = state.deck.layout.findIndex(ids => ids.indexOf(id) != -1);
|
||||
state.deck.layout = state.deck.layout.map(ids => erase(id, ids));
|
||||
const left = state.deck.layout[i - 1];
|
||||
if (left) state.deck.layout[i - 1].push(id);
|
||||
state.deck.layout = state.deck.layout.filter(ids => ids.length > 0);
|
||||
},
|
||||
|
||||
popRightDeckColumn(state, id) {
|
||||
const i = state.deck.layout.findIndex(ids => ids.indexOf(id) != -1);
|
||||
state.deck.layout = state.deck.layout.map(ids => erase(id, ids));
|
||||
state.deck.layout.splice(i + 1, 0, [id]);
|
||||
state.deck.layout = state.deck.layout.filter(ids => ids.length > 0);
|
||||
},
|
||||
|
||||
addDeckWidget(state, x) {
|
||||
const column = state.deck.columns.find(c => c.id == x.id);
|
||||
if (column == null) return;
|
||||
column.widgets.unshift(x.widget);
|
||||
},
|
||||
|
||||
removeDeckWidget(state, x) {
|
||||
const column = state.deck.columns.find(c => c.id == x.id);
|
||||
if (column == null) return;
|
||||
column.widgets = column.widgets.filter(w => w.id != x.widget.id);
|
||||
},
|
||||
|
||||
renameDeckColumn(state, x) {
|
||||
const column = state.deck.columns.find(c => c.id == x.id);
|
||||
if (column == null) return;
|
||||
column.name = x.name;
|
||||
},
|
||||
|
||||
updateDeckColumn(state, x) {
|
||||
let column = state.deck.columns.find(c => c.id == x.id);
|
||||
if (column == null) return;
|
||||
column = x;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -370,7 +409,6 @@ export default (os: MiOS) => new Vuex.Store({
|
|||
|
||||
updateHomeProfile(ctx) {
|
||||
const profiles = ctx.state.homeProfiles;
|
||||
profiles[ctx.rootState.device.homeProfile] = ctx.rootState.device.home;
|
||||
ctx.commit('set', {
|
||||
key: 'homeProfiles',
|
||||
value: profiles
|
||||
|
|
@ -383,7 +421,6 @@ export default (os: MiOS) => new Vuex.Store({
|
|||
|
||||
updateMobileHomeProfile(ctx) {
|
||||
const profiles = ctx.state.mobileHomeProfiles;
|
||||
profiles[ctx.rootState.device.mobileHomeProfile] = ctx.rootState.device.mobileHome;
|
||||
ctx.commit('set', {
|
||||
key: 'mobileHomeProfiles',
|
||||
value: profiles
|
||||
|
|
@ -396,7 +433,6 @@ export default (os: MiOS) => new Vuex.Store({
|
|||
|
||||
updateDeckProfile(ctx) {
|
||||
const profiles = ctx.state.deckProfiles;
|
||||
profiles[ctx.rootState.device.deckProfile] = ctx.rootState.device.deck;
|
||||
ctx.commit('set', {
|
||||
key: 'deckProfiles',
|
||||
value: profiles
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue