swich to old ui button

README.md

@@ -38,6 +38,8 @@ The sleekest looking WEBUI for qBittorrent made with Vuejs!
 
 -   mobile friendly! (maybe not for thousands of torrents...)
 
+-   torrent info / trackers / peers / content
+
 *   works on QBittorrent V4.2 and later
 
 ### Sorting/Filtring
@@ -47,8 +49,8 @@ example queries:
 -   s name asc => sort by name ascending
 -   sort size desc => sort by size descending
 -   f ubuntu => filter by torrent-name that contains 'ubuntu'
--   f done => filter all completed torrents
--   f busy => filter all downloading torrents
+-   filter done => filter all completed torrents
+-   filt busy => filter all downloading torrents
 
 ## Contributing
 

src/App.vue

@@ -1,6 +1,7 @@
 <template>
     <v-app :style="{ backgroundColor: background }">
         <AddModal />
+        <SettingsModal />
         <Navbar v-if="isAuthenticated" />
         <v-content fill-height fill-width>
             <router-view></router-view>

src/components/Modals/AddModal.vue

@@ -69,7 +69,6 @@
                 <v-form>
                     <v-card-actions class="justify-center">
                         <v-btn
-                            :loading="loading"
                             text
                             @click="submit"
                             :disabled="!valid"

src/components/Modals/SettingsModal.vue

@@ -0,0 +1,40 @@
+<template>
+    <v-dialog max-width="500px" v-model="dialog">
+        <v-card>
+            <v-container
+                style="min-height: 300px;"
+                :class="`pa-0 project done`"
+            >
+                <v-card-title class="justify-center">
+                    <h2>Settings</h2>
+                </v-card-title>
+                <v-form>
+                    <v-card-actions class="justify-center">
+                        <v-btn
+                            text
+                            @click="switchOldUI"
+                            class="blue_accent white--text mx-0 mt-3"
+                            >switch to old ui</v-btn
+                        >
+                    </v-card-actions>
+                </v-form>
+            </v-container>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script>
+import Modal from '@/mixins/Modal'
+import qbit from '@/services/qbit'
+export default {
+    name: 'SettingsModal',
+    mixins: [Modal],
+    methods: {
+        async switchOldUI() {
+            await qbit.switchToOldUi()
+
+            window.location.reload(true)
+        }
+    }
+}
+</script>

src/components/Navbar.vue

@@ -41,6 +41,15 @@
             <v-btn small fab text class="mr-0 ml-0" @click="pauseTorrents">
                 <v-icon color="grey">pause</v-icon>
             </v-btn>
+            <v-btn
+                small
+                fab
+                text
+                class="mr-0 ml-0"
+                @click="toggleModal('settingsmodal')"
+            >
+                <v-icon color="grey">settings</v-icon>
+            </v-btn>
         </v-app-bar>
         <!--navigation drawer itself -->
         <v-navigation-drawer

vuetorrent/public/css/app.048601cd.css

@@ -0,0 +1 @@
+.project.nav_upload{border-left:4px solid #00b3fa}.project.nav_download{border-left:4px solid #64ceaa}.allow-spacer{display:flex;flex-direction:column}.project.done{border-left:4px solid #3cd1c2}.project.busy{border-left:4px solid #ffaa2c}.project.fail{border-left:4px solid #f83e70}.project.paused{border-left:4px solid #cfd8dc}.v-chip.done{background:#3cd1c2!important}.v-chip.busy{background:#ffaa2c!important}.v-chip.fail{background:#f83e70!important}.v-chip.paused{background:#cfd8dc!important}.pointer{cursor:pointer}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-c765fa70] .ip{display:flex;align-items:center}[data-v-c765fa70] .ip .country-flag{width:1.5em;margin-right:.5em}[data-v-c765fa70] .v-data-table tbody td,[data-v-c765fa70] .v-data-table thead th{padding:0 2px!important;height:auto;white-space:nowrap}[data-v-c765fa70] .v-data-table tbody td:first-child,[data-v-c765fa70] .v-data-table thead th:first-child{padding:0 0 0 8px!important}[data-v-c765fa70] .v-data-table tbody td:last-child,[data-v-c765fa70] .v-data-table thead th:last-child{padding-right:8px!important}[data-v-2fb8ab2c] .v-data-table tbody td,[data-v-2fb8ab2c] .v-data-table thead th{padding:0 2px!important;height:auto;white-space:nowrap}[data-v-2fb8ab2c] .v-data-table tbody td:first-child,[data-v-2fb8ab2c] .v-data-table thead th:first-child{padding:0 0 0 8px!important}[data-v-2fb8ab2c] .v-data-table tbody td:last-child,[data-v-2fb8ab2c] .v-data-table thead th:last-child{padding-right:8px!important}

vuetorrent/public/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>vuetorrent</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css><link href="https://fonts.googleapis.com/css?family=Material+Icons" rel=stylesheet><link href=css/app.048601cd.css rel=preload as=style><link href=css/chunk-vendors.95590210.css rel=preload as=style><link href=js/app.b15442cb.js rel=preload as=script><link href=js/chunk-vendors.b18d00ce.js rel=preload as=script><link href=css/chunk-vendors.95590210.css rel=stylesheet><link href=css/app.048601cd.css rel=stylesheet></head><body><noscript><strong>We're sorry but vuetorrent doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.b18d00ce.js></script><script src=js/app.b15442cb.js></script></body></html>