more configurable sidebar

This commit is contained in:
Daan 2020-09-15 09:23:45 +02:00
parent faedfa7172
commit 47e3026f3e
3 changed files with 62 additions and 5 deletions

View file

@ -10,7 +10,31 @@
<v-form class="px-6 mt-3">
<v-container>
<v-switch
class="v-input--reverse v-input--expand"
class="v-input--reverse v-input--expand pa-0 ma-0"
inset
v-model="showCurrentSpeed"
color="green_accent"
>
<template #label> Show Current Speed </template>
</v-switch>
<v-switch
class="v-input--reverse v-input--expand pa-0 ma-0"
inset
v-model="showSpeedGraph"
color="green_accent"
>
<template #label> Show Speed Graph</template>
</v-switch>
<v-switch
class="v-input--reverse v-input--expand pa-0 ma-0"
inset
v-model="showSessionStat"
color="green_accent"
>
<template #label> Show Session Stats </template>
</v-switch>
<v-switch
class="v-input--reverse v-input--expand pa-0 ma-0"
inset
v-model="freeSpace"
color="green_accent"
@ -48,6 +72,30 @@ export default {
this.webuiSettings.showFreeSpace = val
}
},
showCurrentSpeed: {
get() {
return this.webuiSettings.showCurrentSpeed
},
set(val) {
this.webuiSettings.showCurrentSpeed = val
}
},
showSpeedGraph: {
get() {
return this.webuiSettings.showSpeedGraph
},
set(val) {
this.webuiSettings.showSpeedGraph = val
}
},
showSessionStat: {
get() {
return this.webuiSettings.showSessionStat
},
set(val) {
this.webuiSettings.showSessionStat = val
}
},
version() {
return this.getAppVersion()
}

View file

@ -31,12 +31,18 @@
>
<!--current download speeds -->
<v-flex class="mt-3" v-if="status">
<CurrentSpeed :status="status" />
<CurrentSpeed
v-if="webuiSettings.showCurrentSpeed"
:status="status"
/>
<SpeedGraph />
<SpeedGraph v-if="webuiSettings.showSpeedGraph" />
<div class="mt-4"></div>
<SessionStats :status="status" />
<SessionStats
v-if="webuiSettings.showSessionStat"
:status="status"
/>
<FreeSpace
v-if="webuiSettings.showFreeSpace"

View file

@ -36,7 +36,10 @@ export default new Vuex.Store({
settings: {},
webuiSettings: {
darkTheme: false,
showFreeSpace: true
showFreeSpace: true,
showSpeedGraph: true,
showSessionStat: true,
showCurrentSpeed: true
},
categories: []
},