Flood for Transmission - A lightweight yet beautiful UI

Discussion of the Web Interface for Transmission, formerly known as Clutch. This applies to all version of Transmission
Johman10
Posts: 8
Joined: Sun Dec 27, 2020 10:42 am

Flood for Transmission - A lightweight yet beautiful UI

Post by Johman10 »

I spend the last couple of months to build "Flood for Transmission". You can get it on Github. It only support modern browsers. It aims to be lightweight while being beautiful and feature complete.

To install you can follow the instructions on Github. Feel free to ask questions below.

Screenshots
More screenshots can be found here.

Image

Hope this is of value to anyone, do let me know if you experience any issues or if something is unclear.
Last edited by Johman10 on Tue Mar 16, 2021 7:42 am, edited 2 times in total.
Johman10
Posts: 8
Joined: Sun Dec 27, 2020 10:42 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by Johman10 »

Flood for Transmission now also has a dark mode. Check it out!

You can configure the dark mode to only apply based your browser, or force it to be enabled/disabled for maximum control.

Image
yopnono
Posts: 30
Joined: Fri Apr 09, 2010 10:38 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by yopnono »

Looks great.

However it fails if I try to add magnet torrent hash.
Also the link to screenshot is not correct
fuga
Posts: 26
Joined: Sun Feb 17, 2019 2:46 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by fuga »

Would very much like to try Flood. But I'm stuck.

Now tell Transmission where you put the new UI, on all environments this can by done by using an environment variable. ...
4. On Mac (untested) open the file ~/.zprofile in your favorite text editor and add export TRANSMISSION_WEB_HOME=/path/to/flood-for-transmission.

I don't have that file. Yes, I have invisibles set to be visible.

Any ideas?
yopnono
Posts: 30
Joined: Fri Apr 09, 2010 10:38 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by yopnono »

fuga wrote: Sun Mar 14, 2021 2:49 am Would very much like to try Flood. But I'm stuck.

Now tell Transmission where you put the new UI, on all environments this can by done by using an environment variable. ...
4. On Mac (untested) open the file ~/.zprofile in your favorite text editor and add export TRANSMISSION_WEB_HOME=/path/to/flood-for-transmission.

I don't have that file. Yes, I have invisibles set to be visible.

Any ideas?
Have you tried to create the file?
fuga
Posts: 26
Joined: Sun Feb 17, 2019 2:46 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by fuga »

Nope. The instructions say to add "export TRANSMISSION_WEB_HOME=/path/to/flood-for-transmission" using my favorite text editor. I inferred from that bit that there was something already there to add *to*. Late now. Will give it a whirl tomorrow.
Johman10
Posts: 8
Joined: Sun Dec 27, 2020 10:42 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by Johman10 »

@yopnono thanks for the input. :)
However it fails if I try to add magnet torrent hash.
Could you make sure that the same magnet torrent hash works in the default UI? I tried to use a magnet link and that worked just now. Maybe I'm misunderstanding what you are referring to though.
Also the link to screenshot is not correct
Good catch, that should be resolved now!

@fuga, I'm sorry the instructions didn't work for you. I tried to be as clear as possible, however I don't own a Mac, so I can't really test this. Please do try to create the file as yopnono suggested, and please let us know if it worked for you. Would be great to know if the instructions are right in the first place. :D
yopnono
Posts: 30
Joined: Fri Apr 09, 2010 10:38 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by yopnono »

The Info HASH of a torrent like this:
45b3d693cff285975f622acaeb75c5626acaff6f

This hash is for the kubuntu-16.04.6-desktop-amd64.iso
Johman10
Posts: 8
Joined: Sun Dec 27, 2020 10:42 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by Johman10 »

@yopnono, thanks for getting back to me!

I didn't know that was a way of adding a torrent. I will definitely look into this.

I created an issue here: https://github.com/johman10/flood-for-t ... /issues/86. Please follow that if you want automatic updates, but I will also get back here to let you know that it's fixed.
Johman10
Posts: 8
Joined: Sun Dec 27, 2020 10:42 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by Johman10 »

@yopnono, thanks again for your help.

I just shipped an update to support hashes as well when adding new torrents. You can follow the update instructions (https://github.com/johman10/flood-for-t ... n#updating) to update and make use of this new feature. :)
yopnono
Posts: 30
Joined: Fri Apr 09, 2010 10:38 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by yopnono »

Great it works using info hash.
However the path to your font files are wrong. Open ex: chrome in inspect mode and you will see for yourself. ( Ctrl+Shift+I )

VM52:1 POST http://localhost:9091/transmission/rpc 409 (Conflict)
(anonymous) @ VM52:1
setToken @ Transmission.js:57
rpcCall @ Transmission.js:69
getTorrents @ Transmission.js:125
gl @ torrents.js:144
(anonymous) @ torrents.js:163
VM52:1 POST http://localhost:9091/transmission/rpc 409 (Conflict)
(anonymous) @ VM52:1
setToken @ Transmission.js:57
rpcCall @ Transmission.js:69
getSession @ Transmission.js:99
Ml @ session.js:36
(anonymous) @ session.js:49
VM52:1 POST http://localhost:9091/transmission/rpc 409 (Conflict)
(anonymous) @ VM52:1
setToken @ Transmission.js:57
rpcCall @ Transmission.js:69
getSessionStats @ Transmission.js:109
zl @ sessionStats.js:16
(anonymous) @ sessionStats.js:29
fonts.css:1 GET http://localhost:9091/transmission/web/ ... ular.woff2 net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... alic.woff2 net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... -500.woff2 net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... -700.woff2 net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... gular.woff net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... talic.woff net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... o-500.woff net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... o-700.woff net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... egular.ttf net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... italic.ttf net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... to-500.ttf net::ERR_ABORTED 404 (Not Found)
fonts.css:1 GET http://localhost:9091/transmission/web/ ... to-700.ttf net::ERR_ABORTED 404 (Not Found)
Johman10
Posts: 8
Joined: Sun Dec 27, 2020 10:42 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by Johman10 »

@yopnono, wow, that slipped through. I have the fonts installed locally so it never really requested them and I didn't properly test it, clearly.

I have fixed that now as well. So feel free to download the latest release. :)

If anything else pops up, do let me know.
yopnono
Posts: 30
Joined: Fri Apr 09, 2010 10:38 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by yopnono »

Yep. Why may I ask, why have so many "fav" icon/img?
And also why not use the default transmission web interface path?

ex: for linux /usr/share/transmission/web instead of using an export path?
Johman10
Posts: 8
Joined: Sun Dec 27, 2020 10:42 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by Johman10 »

Yep. Why may I ask, why have so many "fav" icon/img?
This is because of the different places it can show up. There is an icon for when you add it to your home screen, as well as when you have it in your tab bar, but also when you add it as a bookmark or on a new tab screen as a shortcut. There are many scenario's where favicons can be used and hence why I define as many.
And also why not use the default transmission web interface path?
I guess as a person I don't like to overwrite the original code of a software that I use. By using env variables you will have an easy way back to the original and the env variable will persist when updates of transmission come out (I'm not sure if this would actually be a problem but I would guess it would be). However, you're free to do whatever you want and you can overwrite the original source with Flood for Transmission if you prefer that. :)
yopnono
Posts: 30
Joined: Fri Apr 09, 2010 10:38 am

Re: Flood for Transmission - A lightweight yet beautiful UI

Post by yopnono »

Also I think you can delete all.map file and just comment out them in the .js file. To save some space.
Post Reply