From 04975e1ce4f42324d640443e8a31c939d790d92a Mon Sep 17 00:00:00 2001
From: Daan Wijns <dw.daanwijns@gmail.com>
Date: Fri, 22 May 2020 22:12:00 +0200
Subject: [PATCH] alt speed toggle

---
 src/components/Modals/AddModal.vue |  7 ++++-
 src/components/Navbar.vue          | 48 ++++++++++++++++++++++--------
 src/models/sessionStat.js          |  1 +
 src/store/index.js                 |  3 +-
 4 files changed, 44 insertions(+), 15 deletions(-)

diff --git a/src/components/Modals/AddModal.vue b/src/components/Modals/AddModal.vue
index 7be9eff7..62c15416 100644
--- a/src/components/Modals/AddModal.vue
+++ b/src/components/Modals/AddModal.vue
@@ -117,11 +117,16 @@ export default {
         
         qbit.addTorrents(params, torrents)
 
-        this.url = null
+        this.resetForm()
 
         this.$store.commit('TOGGLE_MODAL', 'addmodal')
       }
     },
+    resetForm(){
+      this.url = null
+      this.files = [],
+      this.directory = null
+    }
   },
   computed: {
     ...mapGetters(['getSettings']),
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 805cedc0..0d8cf1f2 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -148,7 +148,7 @@
                 <v-card flat style="margin-top: 30px;" color="secondary" class="ml-2 mr-2">
                     <v-layout row wrap class="pa-3 project nav_upload mx-auto">
                         <v-flex md6>
-                            <div style="font-size: 0.95em; margin-top: 6px;"  class="upload--text">Diskspace</div>
+                            <div style="font-size: 0.95em; margin-top: 6px;"  class="upload--text">Free Space</div>
                         </v-flex>
                         <v-flex md5 class="ml-4">
                             <span class="upload--text title">
@@ -171,19 +171,35 @@
             <v-container>
              <v-row justify="space-between" style="position:fixed; bottom: 0px; right: 15px;">
                 <v-col>
-                     <v-list-item @click="logout" link>
-                        <v-icon  class="pr-2 white--text">exit_to_app</v-icon>
-                         <v-list-item-title class="white--text" style="font-size:14px">Log out</v-list-item-title>
-                    </v-list-item>   
+                     <v-tooltip top>
+                        <template v-slot:activator="{ on }">
+                            <v-list-item v-on="on" @click="logout" link>
+                                <v-icon  class="pr-2 white--text">exit_to_app</v-icon>
+                            </v-list-item>  
+                        </template>
+                        <span>Log out</span>
+                        </v-tooltip> 
                 </v-col>
                 <v-col>
-                    <v-list-item @click="toggleTheme" link>
-                        <v-icon v-if="theme === 'Light'" class="pr-2 white--text">brightness_7</v-icon>
-                        <v-icon v-else class="pr-2 white--text">brightness_2</v-icon>
-                        <v-list-item-title class="white--text" style="font-size:14px">
-                            {{theme}}
-                        </v-list-item-title>
-                    </v-list-item>       
+                     <v-tooltip top>
+                        <template v-slot:activator="{ on }">
+                            <v-list-item  v-on="on" @click="toggleSpeed" link>
+                                <v-icon :color="altSpeed ? 'download' : ''" class="pr-2 white--text">speed</v-icon>
+                            </v-list-item>  
+                        </template>
+                        <span>Alt speeds</span>
+                        </v-tooltip> 
+                </v-col>
+                <v-col>
+                    <v-tooltip top>
+                        <template v-slot:activator="{ on }">
+                            <v-list-item v-on="on" @click="toggleTheme" link>
+                                <v-icon v-if="theme === 'Light'" class="pr-2 white--text">brightness_7</v-icon>
+                                <v-icon v-else class="pr-2 white--text">brightness_2</v-icon>
+                            </v-list-item>
+                        </template>
+                        <span>{{theme}}</span>
+                    </v-tooltip>       
                 </v-col>
             </v-row>
             </v-container>
@@ -272,13 +288,19 @@ export default {
         logout(){
             this.$store.commit('LOGOUT')
             this.$router.push('/login')
+        },
+        toggleSpeed(){
+            qbit.toggleSpeedLimitsMode()
         }
     },
     computed: {
         ...mapState(['stats', 'selected_torrents']),  
-        ...mapGetters(['getTheme']),
+        ...mapGetters(['getTheme', 'getStats']),
         theme() {
             return this.getTheme() ? 'Dark' : 'Light'
+        },
+        altSpeed(){
+            return this.getStats().altSpeed
         }
     },
     created() {
diff --git a/src/models/sessionStat.js b/src/models/sessionStat.js
index e393380d..6b6ef2c5 100644
--- a/src/models/sessionStat.js
+++ b/src/models/sessionStat.js
@@ -7,6 +7,7 @@ export default class Stat {
             this.dlspeed = this.formatBytes(data.dl_info_speed, 1)
             this.upspeed = this.formatBytes(data.up_info_speed, 1)
             this.freeDiskSpace =  this.formatBytes(data.free_space_on_disk)
+            this.altSpeed = data.use_alt_speed_limits
         }
     }
 
diff --git a/src/store/index.js b/src/store/index.js
index b0b19fd6..677f722f 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -42,7 +42,8 @@ export default new Vuex.Store({
             state.selected_torrents.includes(hash),
         getTheme: state => () => state.darkTheme,
         getModalState: state => name => state.modals[name.toLowerCase()],
-        getSettings: state => () => state.settings
+        getSettings: state => () => state.settings,
+        getStats: state => () => state.stats
     },
 
     mutations: {