mirror of
https://github.com/VueTorrent/VueTorrent.git
synced 2025-03-14 12:10:18 +03:00
more configurable sidebar
This commit is contained in:
parent
faedfa7172
commit
47e3026f3e
3 changed files with 62 additions and 5 deletions
|
@ -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()
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -36,7 +36,10 @@ export default new Vuex.Store({
|
|||
settings: {},
|
||||
webuiSettings: {
|
||||
darkTheme: false,
|
||||
showFreeSpace: true
|
||||
showFreeSpace: true,
|
||||
showSpeedGraph: true,
|
||||
showSessionStat: true,
|
||||
showCurrentSpeed: true
|
||||
},
|
||||
categories: []
|
||||
},
|
||||
|
|
Loading…
Add table
Reference in a new issue