more configurable sidebar

src/components/Modals/SettingsModal/Tabs/VueTorrent.vue

@@ -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()
         }

src/components/Navbar/Navbar.vue

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

src/store/index.js

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