The tabs Trackers, Peers and Content on the "Show info" window show empty or "No data available" when opened.
When you open them a second time, the data is shown correctly.

use in Navbar.vue & Dashboard.vue just like everywhere else

Hello,

I followed the instructions for this which are pretty straightforward, but once I pointed QB to it, I get the error of

Unacceptable file type, only regular file is allowed

I am on v4.2.1, which had some fixes in it regarding the public/index.html but I still get the same error

I saw previously in issue #5 that it was a separate app, is this still the case? The instructions just have you point the alt webui in qb, but that didn't work here.

Thanks!

The Torrent Detail modal currently switches height depending on which tab is being looked at.

It would be good to have some consistency, that way one can navigate to the sides whiteout having to chase up and down with the mouse.

On top of that, the 'Info' and 'Content' tabs seem to be too small for their content. Right now it occupies around 25% of the height of my browser window, while the remaining 75% is wasted space.
That also makes it take too much time to navigate the content tab for torrents with many files, as we have to scroll a lot.

Would it be possible to fix the max/min height to the same value?

If you don't agree with having the size constant for all tabs, maybe at least change the Content one to make file navigation easier.

Maybe changing
components/Modals/TorrentDetailModal/Tabs/Content.vue
v-card-text style
so instead of '500px' is something like 60, 70 or 80vh ?

Maybe being in px is not scaling properly to my screen resolution, it seems like taking advantage of something like 70% of the viewport size would be best, as we are not interacting with the rest of the page when looking at the modal.

Thanks,

As in the title. To fix remove following CSS:

.v-application .pr-2 {
    padding-right: 8px !important;
}

Before:

After:

Description

Perhaps we can either put this under the Downloading or give it it's own name. Not sure if this is common use case enough to pull it in or change it, but I feel like it could be more accurate.

This is use case is mostly relevant to those who download torrents in different folders and move afterwards.

diff --git a/src/models/torrent.js b/src/models/torrent.js
index 6799900..9586286 100644
--- a/src/models/torrent.js
+++ b/src/models/torrent.js
@@ -47,8 +47,9 @@ export default class Torrent {
         case 'checkingDL':
         case 'checkingUP':
         case 'checkingResumeData':
-        case 'moving':
             return 'Checking'
+        case 'moving':
+            return 'Moving'
         case 'unknown':
         case 'missingFiles':
             return 'Fail'

diff --git a/src/models/torrent.js b/src/models/torrent.js
index 6799900..767a212 100644
--- a/src/models/torrent.js
+++ b/src/models/torrent.js
@@ -29,6 +29,7 @@ export default class Torrent {
         switch (state) {
         case 'forceDL':
         case 'downloading':
+        case 'moving':
             return 'Downloading'
         case 'metaDL':
             return 'Metadata'
@@ -47,7 +48,6 @@ export default class Torrent {
         case 'checkingDL':
         case 'checkingUP':
         case 'checkingResumeData':
-        case 'moving':
             return 'Checking'
         case 'unknown':
         case 'missingFiles':

I can make a PR if you think this is fine.

Thanks!

How to use it in windows？

I love VueTorrent and everything has been great but it'd be nice if we could set priority to each file like in the app and also editing the tracker's list because I find myself using those two frequently. Thanks!

Text on sidebar charts is unreadable when night mode turned on - it is all white on a white background. I suppose that was a planned behaviour but the tooltips weren't themed.

I was going to fix this myself and contribute some work, but I wanted this here to keep track.

Hi there! I was checking out some alternative WebUI themes for qBittorrent, and I found VueTorrent. It's gorgeous and easily the most beautiful of the WebUIs out there, but it is lacking in one notable area - priority support. While you can sort by priority in the menu, you are unable to alter or view the number of a torrent.

Are there any plans to add modifying / viewing the priority of individual torrents to VueTorrent?

Thank you!

Downloadspeed shows as NaN on the graph while nothing downloading.
I noticed you tried to fix this before, but on V0.2.0 downloadspeed on the graph still shows NaN when no downloads are active (only seeding entries).

Also the header off the mouse-over pop-up shows a number (from 1 to 15), without explanation. Maybe you want to invert this (15 minus current value) and add ' seconds ago'.

Just want to say huge thanks for making this. This is AWESOME! 🚀

Is your feature request related to a problem? Please describe.
Unable to sort by Added On.

Describe the solution you'd like
I would like to have the ability to sort by Added On, and ideally set this as a default.

Additional context
My typical use-case for a WebUI is to check on the status of my most recently added torrent(s) (whether added by the WebUI or automatically via sonarr, radarr, etc). I have been unable to find a way to accomplish this. That's the one thing holding back from using any of the handful of good looking WebUi I've seen.

Thanks!

Current Behavior

It's only possible to add one magnet link at a time.

Proposal

Option to add magnet links in bulk similar to qBiTorrent desktop.

Example:
Torrent with multiple files where we don't want to download all of them.
Right now, one has to scroll down and click one at the time, it would be way quicker if we could navigate with down/up arrows and use the spacebar to select/deselect.

Being able to hold shift to select from one file to another one would also be great.

Thanks,

On mobile if I long press an entry on the dashboard, the context menu opens. If I do this on an entry at the bottom of the screen, the last three options (reannounce/delete /delete with files) are cut off.

Description

It seems like all torrents are invalid when adding. I switched back to use the old UI and it worked (just to make sure qBittorrent wasn't goofing up, I had to roll back to 4.2.x for something else).

First of all I really love your project, its the first time I've seen such a amazing WEBUI ! ;)

The possibility of creating a torrent ? It would be great if you could add that.

Ty.

Same as #21 : While seeding an entry shows as failed.

Edit: I noticed the status only shows 'fail' while actively uploading. While seeding but idle the status shows 'done'

Hi,

I would first like to thank you for doing such a great and simplistic WEBUI. I see a lot of people appreciate it as well and with good reason.

I wanted to ask/request for future releases, if it is possible, to add an item counter for dashboard? Would be great to have a way to display number of items in view (thinking about filtering/searching here as well) and maybe selected/total items when selection is applied to one or more items? That would be great.

Thanks.

Available categories on the TAGS & CATEGORIES tab are cropped (if you have a lot of them).

I'm on a MacBook

when hosting the ui on a domain path/folder... the redirect url becomes the folowing:

domain.com/login?redirect=%2Fqbittorrent%2F

it should be something like this

domain.com/qbittorrent/login?redirect

the nginx config that was used:

location /qbittorrent {
  return 301 /qbittorrent/;
}

location /qbittorrent/ {
  include /etc/nginx/snippets/proxy.conf;
  auth_basic "Password Required";
  auth_basic_user_file /etc/htpasswd.d/htpasswd.$remote_user;
  proxy_set_header        X-Forwarded-Host        $server_name:$server_port;
  proxy_hide_header       Referer;
  proxy_hide_header       Origin;
  proxy_set_header        Referer                 '';
  proxy_set_header        Origin                  '';
  add_header              X-Frame-Options         "SAMEORIGIN";
  rewrite ^/qbittorrent/(.*) /$1 break;
  proxy_pass  http://$remote_user.qbittorrent;
}

I hope you don't mind me posting ideas on how to improve this project.
This one especially might be tricky and subject to personal preferences.

Would it be possible to show different labels on a dashboard entry depending on the download status (like percentage downloaded)?

If so, I would love for an entry still in download (no matter the status) to see:

• Torrent title
• Size
• Done (MB/GB and/or percentage)
• ETA
• Status
• Category
• Download
• Seeds

And for entries that are fully downloaded (not matter the status):

• Torrent title
• Size
• Ratio
• Status
• Category
• Upload
• Peers

Hope you like the idea...

This is more a feature request than an issue, but would it be possible to implement torrent search (that searches sites) ?

Currently, you have to right-click and select view info.
Proposed change is to make it a default click behavior.

I was searching for alternate WebUI's for qBittorrent and found this, so I installed it. At first it worked, with a few minor problems, but it worked. Then I tried to access it with my phone and got "Unacceptable file type, only regular file is allowed.". Next time I refreshed the page on my PC I got the error there too. Since then I wasn't able to get it to work (yes I've seen #10).

So my assumption is that the newest version of VueTorrent doesn't like older version of qBittorrent (I'm on Debian 10, qBittorrent 4.1.5)?

First of all I want to let you know I love the looks of the WebUI you made! My compliments!

I have a suggestion, in case you take them:
Could you please add the category to the view?

I use categories a lot, so a webUI without the category is'n very helpfull to me.
For example: some of my media managers change the category on an imported download to imported. This way I know it's save to remove manually after the upload ratio is reached.

So just a column showing the category on the main view would do.
Thanks. :)

While I was trying to sort the torrents by Done (percentage of total filesize downloaded) which is visible on the main dashboard I noticed there's no such option in the sort select list.
However, there is an option named 'Progress', which I believe is the same, but with a different name.

I think it's better if you choose either one of them for both the main dashboard and the sort select list.

Haven't checked for the other select options/labels.

If you click an entry, an overlay shows to mark it as selected. However, in dark mode, the overlay makes the background of the entry the same color as the labels on it. So it's no longer possible to see the labels of the entry, which makes it harder to view the state.

As the title suggests, it would be easier to filter torrents by default and give the user the option to set it in configs.

• Filter by Date added.
• Filter by Name
• Filter by Size

Hi WDaan,

First of all, thx for that great interface for qbittorrent, best looking one I've seen.
I miss 2 features from the original interface.
Is it possible to add the the equivalent of the 2 columns "uploaded" and "session upload" in the vuetorrent dashboard options ?

Also, the option speed in titlebar is a good feature to have if it's possible.

Thanks for all your work.

The input field "type to sort..." actually filters instead of sorts the entries.

Hello, I cannot delete multiple files (without disk file removal).

A javascript error occured in console on the deletebutton click.

Web browser Firefox 84.0.1 (64 bits)
OS Windows 10 familial 19041.685
VueTorrent 0.4.7

Seems like the t is undefined refers to something in the above functions

qbit.js

  deleteTorrents(hashes, deleteFiles) {
    if (!hashes.length) return
    
    return this.torrentAction('delete', hashes, { deleteFiles })
  }

ConfirmDeleteModal.vue

deleteWithoutFiles() {
      qbit.deleteTorrents(this.selected_torrents, false)
      this.close()
    }

how to enable dark mode by default?

As mentioned in [#29]

The sidebar cannot be hidden after entering it - only reloading a page helps (hides it). Clicking anywhere doesn't help either.

If you right-click on an entry, a context menu is opened.
If you right-click on another entry, a new context menu for this entry is opened, but the previous one doesn't close.
You can repeat this for all entries and you'll end up with a context menu for every entry.

Hi! I made an AUR package for Arch users. Maybe the package could be mentioned in the README?

:）

It'd be nice to have the version printed somewhere. Can't really suggest where, but perhaps somewhere!

The href link for apple-touch-icon is incorrect in the release branch.

Free space is shown only for a system drive. It doesn't mean that I have torrents on system drive, thus this stat is completely irrevelant in my case.

In the default web UI, in the torrent info box, there is the "Comment" field which is often a URL to the tracker (this is determined by the tracker, but where it is implemented, it is very convenient):

Sadly, this field is not visible in VueTorrent. Is it possible to add it to the client? Thank you very much!

This interface is amazing, I just miss RSS :)

I get Unacceptable file type, only regular file is allowed, when I log out and try to log in again after setting VueTorrent as the alternate UI.
After disabling alternate UI, loging in, and setting the alternate UI it works again, until I log out or restart the server.

My config:

WebUI\AlternativeUIEnabled=true
WebUI\RootFolder=/usr/local/etc/VueTorrent/

The permissions:

$ ls -la VueTorrent/
total 20
drwxr-xr-x 4 root root 4096 Dec 17 12:35 .
drwxr-xr-x 4 root root 4096 Dec 17 12:35 ..
drwxr-xr-x 8 root root 4096 Dec 17 12:35 .git
drwxr-xr-x 5 root root 4096 Dec 17 12:35 public
-rw-r--r-- 1 root root  213 Dec 17 12:35 README.md

$ ls -la VueTorrent/public/
total 132
drwxr-xr-x 5 root root  4096 Dec 17 12:35 .
drwxr-xr-x 4 root root  4096 Dec 17 12:35 ..
drwxr-xr-x 2 root root  4096 Dec 17 12:35 css
-rwxr-xr-x 1 root root 93062 Dec 17 12:35 favicon.ico
drwxr-xr-x 3 root root  4096 Dec 17 12:35 img
-rwxr-xr-x 1 root root  1834 Dec 17 12:35 index.html
drwxr-xr-x 2 root root  4096 Dec 17 12:35 js
-rwxr-xr-x 1 root root   553 Dec 17 12:35 manifest.json
-rwxr-xr-x 1 root root   675 Dec 17 12:35 precache-manifest.bc11c95ce01a885d2eaa64042466e3a7.js
-rwxr-xr-x 1 root root    24 Dec 17 12:35 robots.txt
-rwxr-xr-x 1 root root  1064 Dec 17 12:35 service-worker.js

qb version:

$ qbittorrent-nox -v
qBittorrent v4.1.5

hello,
i use qbittorent on UnRaid docker version.
your theme works on this ?
how please ?
thank you.