feat: add support for setting global speed limits

src/components/Core/SpeedCard.vue

@@ -1,10 +1,12 @@
 <template>
   <v-card
+    v-ripple
     flat
     rounded="md"
     color="secondary"
     class="speedCard"
     data-testid="SpeedCard"
+    @click="open"
   >
     <v-layout row align-center :class="color + '--text'">
       <v-flex v-if="icon" xs2 class="pl-1">
@@ -31,6 +33,8 @@
 </template>
 
 <script>
+import { General } from '@/mixins'
+
 export default {
   name: 'SpeedCard',
   filters: {
@@ -43,13 +47,20 @@ export default {
       return `${parseFloat((value / Math.pow(c, f)).toFixed(d))}`
     }
   },
-  props: ['color', 'icon', 'value']
+  mixins: [General],
+  props: ['color', 'icon', 'value'],
+  methods: {
+    open() {
+      this.createModal('SpeedLimitModal', { mode: this.color })
+    }
+  }
 }
 </script>
 
 <style scoped>
 .speedCard {
   padding: 20px 20px !important;
   font-size: 1.10em;
+  cursor: pointer;
 }
 </style>

src/components/Modals/SpeedLimitModal.vue

@@ -76,13 +76,23 @@ export default {
       return this.$vuetify.breakpoint.xsOnly
     }
   },
-  created() {
+  async created() {
     switch (this.mode) {
       case 'download':
-        this.limit = this.torrent.dl_limit > 0 ? this.limit = this.torrent.dl_limit / 1024 : '∞'
+        if (this.isGlobal()) {
+          const limit = await qbit.getGlobalDownloadLimit()
+          this.limit = this.formatLimit(limit)
+        } else {
+          this.limit = this.formatLimit(this.torrent?.dl_limit)
+        }
         break
       case 'upload':
-        this.limit = this.torrent.up_limit > 0 ? this.torrent.up_limit / 1024 : '∞'
+        if (this.isGlobal()) {
+          const limit = await qbit.getGlobalUploadLimit()
+          this.limit = this.formatLimit(limit)
+        } else {
+          this.limit = this.formatLimit(this.torrent?.up_limit)
+        }
         break
       default:
         break
@@ -92,16 +102,34 @@ export default {
     setLimit() {
       switch (this.mode) {
         case 'download':
-          qbit.setDownloadLimit([this.hash], this.limit > 0 ? this.limit * 1024 : NaN)
+          if (this.isGlobal()) {
+            qbit.setGlobalDownloadLimit(this.exportLimit())
+          } else {
+            qbit.setDownloadLimit([this.hash], this.exportLimit())
+          }
           break
         case 'upload':
-          qbit.setUploadLimit([this.hash], this.limit > 0 ? this.limit * 1024 : NaN)
+          if (this.isGlobal()) {
+            qbit.setGlobalUploadLimit(this.exportLimit())
+          } else {
+            qbit.setUploadLimit([this.hash], this.exportLimit())
+          }
           break
         default:
           break
       }
+
       this.close()
     },
+    isGlobal() {
+      return this.torrent ? false : true
+    },
+    formatLimit(limit) {
+      return limit > 0 ? limit / 1024 : '∞'
+    },
+    exportLimit() {
+      return this.limit > 0 ? this.limit * 1024 : NaN
+    },
     close() {
       this.dialog = false
     }

src/services/qbit.js

@@ -225,6 +225,32 @@ class Qbit {
     return this.torrentAction('setUploadLimit', hashes, { limit })
   }
 
+  async getGlobalDownloadLimit() {
+    const { data } = await this.axios.get('/transfer/downloadLimit')
+
+    return data
+  }
+
+  async getGlobalUploadLimit() {
+    const { data } = await this.axios.get('/transfer/uploadLimit')
+
+    return data
+  }
+
+  setGlobalDownloadLimit(limit) {
+    const formData = new FormData()
+    formData.append('limit', limit)
+
+    return this.axios.post('/transfer/setDownloadLimit', formData)
+  }
+
+  setGlobalUploadLimit(limit) {
+    const formData = new FormData()
+    formData.append('limit', limit)
+
+    return this.axios.post('/transfer/setUploadLimit', formData)
+  }
+
   setShareLimit(hashes, ratioLimit, seedingTimeLimit) {
     return this.torrentAction('setShareLimits', hashes, { ratioLimit, seedingTimeLimit })
   }