transmission/web
Derek Reiff e5b43991bc
Add readme with light setup instructions; minor UI tweaks (#5814)
* Add readme with light setup instructions; tweak ui

These are very minor changes that cover a few issues:

- WebUI Peer list too narrow #4209

On very small screens (for-phone-only), we modify width on some fields for less overlap. But we also truncate using `text-overflow: ellipsis` and `overflow-x: hidden`.

- properly style up/down speed icons

Moved SVG contents into index.html so we can make these style changes based on the `prefers-color-scheme` media query.

I also set a min-width, text-align: right on the download/upload label so they aren't shifting when going from 1 kB/s to 800 Mb/s.

- Add README for `web` directory

It made sense to add some super simple getting-started instructions for the directory.

- Limit input width in Add dialog of Web #5639

Add a width to the open-torrent file input, but also increase the modal dialog container size.

* Add bookmarklet for anonymizing screenshots

I see a lot of blurring going on in screenshots for issues and PRs, so this is a quick little bookmarklet trick to add lorem ipsum text to torrent-names.
2023-07-28 12:50:45 -05:00
..
assets Add readme with light setup instructions; minor UI tweaks (#5814) 2023-07-28 12:50:45 -05:00
public_html Add readme with light setup instructions; minor UI tweaks (#5814) 2023-07-28 12:50:45 -05:00
src build: bump web client dev-dependencies (#5789) 2023-07-14 19:26:48 -05:00
.eslintrc.js Refresh web interface across desktop and mobile (#3985) 2022-10-21 12:22:59 -05:00
.gitattributes feat: web client style (#2609) 2022-02-11 18:32:20 -06:00
.nvmrc [Web] Magnet link, Main window toolbar accessibility, ARM build fix, Dependencies update (#2586) 2022-02-09 10:28:48 -06:00
CMakeLists.txt ci: add option to disable installation of web assets (#4906) 2023-02-22 06:25:50 -06:00
README Add readme with light setup instructions; minor UI tweaks (#5814) 2023-07-28 12:50:45 -05:00
babel.config.js feat: web client refresh (#1476) 2020-10-23 20:04:25 -05:00
package-lock.json build: bump web client dev-dependencies (#5789) 2023-07-14 19:26:48 -05:00
package.json build: bump web client dev-dependencies (#5789) 2023-07-14 19:26:48 -05:00
prettier.config.js feat: web client refresh (#1476) 2020-10-23 20:04:25 -05:00
stylelint.config.js build: bump web client dev-dependencies (#5789) 2023-07-14 19:26:48 -05:00
webpack.config.js build: downgrade web deps (#4644) 2023-01-23 14:50:21 -06:00

README

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Transmission Web Client

A web interface is built into all Transmission flavors, enabling them to be controlled remotely.

## Developing locally

First, in this web directory, run `npm i` to install all dependencies. (Youll need to have node and npm installed, of course.)

Run `npm run dev` to compile the source javascript files into a bundle, then navigate to [localhost:9000](http://localhost:9000/).

Webpack will automatically compile on save, so you should see any changes reflected immediately.

## Anonymizing your data for screenshots

Use this bookmarklet to anonymize your torrent names before submitting a screenshot:

`javascript:void%20function(){const%20a=document.getElementsByClassName(%22torrent-name%22);for(const%20b%20of%20a)console.log(b),b.textContent=%22Lorem%20ipsum%20dolor%20sit%20amet.iso%22}();`

Youll typically have about 3 seconds before the next batch of RPC updates overwrite the text content of any currently-downloading files.