From a18bded9cb9792b3301008cc717b52053191c8f9 Mon Sep 17 00:00:00 2001
From: Daan Wijns <dw.daanwijns@gmail.com>
Date: Sat, 14 Aug 2021 11:19:23 +0200
Subject: [PATCH] feat: drawer on right side #276

---
 .../SettingsModal/Tabs/Vuetorrent/General.vue | 21 +++++++++++++++++++
 src/components/Navbar/Navbar.vue              |  1 +
 src/store/index.js                            |  1 +
 3 files changed, 23 insertions(+)

diff --git a/src/components/Modals/SettingsModal/Tabs/Vuetorrent/General.vue b/src/components/Modals/SettingsModal/Tabs/Vuetorrent/General.vue
index 818dd79351..27c0215297 100644
--- a/src/components/Modals/SettingsModal/Tabs/Vuetorrent/General.vue
+++ b/src/components/Modals/SettingsModal/Tabs/Vuetorrent/General.vue
@@ -82,6 +82,19 @@
         </v-col>
       </v-row>
     </v-list-item>
+    <v-list-item>
+      <v-row dense>
+        <v-col>
+          <v-switch
+            v-model="rightDrawer"
+            class="v-input--reverse pa-0 ma-0"
+            hide-details
+            inset
+            label="Right Drawer"
+          />
+        </v-col>
+      </v-row>
+    </v-list-item>
     <v-list-item>
       <v-row dense>
         <v-col cols="8" sm="8" md="10">
@@ -220,6 +233,14 @@ export default {
         this.webuiSettings.useDeviceDarkMode = val
       }
     },
+    rightDrawer: {
+      get() {
+        return this.webuiSettings.rightDrawer
+      },
+      set(val) {
+        this.webuiSettings.rightDrawer = val
+      }
+    },
     paginationSize: {
       get() {
         return this.webuiSettings.paginationSize
diff --git a/src/components/Navbar/Navbar.vue b/src/components/Navbar/Navbar.vue
index 166eba5346..27f7ec285d 100644
--- a/src/components/Navbar/Navbar.vue
+++ b/src/components/Navbar/Navbar.vue
@@ -34,6 +34,7 @@
       width="256"
       height="100%"
       disable-resize-watcher
+      :right="webuiSettings.rightDrawer"
     >
       <v-card
         v-if="status"
diff --git a/src/store/index.js b/src/store/index.js
index 61810e3336..f8209cdf00 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -59,6 +59,7 @@ export default new Vuex.Store({
       showSpeedInTitle: false,
       title: 'Default',
       useDeviceDarkMode: true,
+      rightDrawer: false,
       paginationSize: 15,
       busyTorrentProperties: [
         { name: 'Size', active: true },