Doble/LeagueStats
1
0
Fork 0
mirror of https://github.com/vkaelin/LeagueStats.git synced 2026-03-25 12:57:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: use boolean for settings in store instead of string

Browse source
This commit is contained in:
Valentin Kaelin 2019-11-30 21:59:27 +01:00
parent 1dae55db54
commit 9297c1ee06
3 changed files with 9 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Match/DetailedMatchTeam.vue
View file

@ -181,7 +181,7 @@ export default {
computed: {
statsFormat() {
return this.percentSettings === 'true' ? 'percentStats' : 'stats'
return this.percentSettings ? 'percentStats' : 'stats'
},
...mapState({
percentSettings: state => state.settings.percent

12
client/src/components/SwitchToggle.vue
View file

@ -4,12 +4,11 @@
v-model="selected"
id="toggle-on"
class="toggle toggle-left hidden"
name="toggle"
value="true"
:value="true"
type="radio"
/>
<label
:class="{'selected-label': selected === 'true'}"
:class="{'selected-label': selected}"
for="toggle-on"
class="inline-block py-1 rounded-l-full border-t-2 border-r border-b-2 border-l-2 border-teal-500 cursor-pointer"
>%</label>
@ -17,17 +16,16 @@
v-model="selected"
id="toggle-off"
class="toggle toggle-right hidden"
name="toggle"
value="false"
:value="false"
type="radio"
/>
<label
:class="{'selected-label': selected === 'false'}"
:class="{'selected-label': !selected}"
for="toggle-off"
class="inline-block py-1 rounded-r-full border-t-2 border-r-2 border-b-2 border-l border-teal-500 cursor-pointer"
>Total</label>
<div
:class="selected === 'true' ? 'left-checked' : 'right-checked'"
:class="selected ? 'left-checked' : 'right-checked'"
class="selector absolute w-1/2 inset-0 bg-teal-500"
></div>
</div>

6
client/src/store/modules/settings.js
View file

@ -1,7 +1,7 @@
export const namespaced = true
export const state = {
percent: 'true'
percent: false
}
export const mutations = {
@ -12,8 +12,8 @@ export const mutations = {
export const actions = {
async updatePercent({ commit }, percent) {
if (!percent) {
percent = localStorage.getItem('settings-percent') || 'true'
if (typeof (percent) !== 'boolean') {
percent = localStorage.getItem('settings-percent') === 'true'
} else {
localStorage.setItem('settings-percent', percent)
}