kalugin66/webtorrent-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve torrent metadata display

Browse Source
This commit is contained in:
Nate Goldman
2016-03-05 10:50:53 -08:00
parent 67cb0505af
commit 90a1094073
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
renderer/index.css
View File

@@ -266,7 +266,7 @@ body.drag::before {
bottom: 20px;
}
.torrent .status :not(:last-child)::after {
.torrent span:not(:last-child)::after {
content: ' — ';
}

8
renderer/views/torrent-list.js
View File

@@ -49,16 +49,18 @@ function renderTorrent (state, dispatch, torrent) {
// Renders the torrent name and download progress
function renderTorrentMetadata (torrent) {
var progress = Math.floor(100 * torrent.progress)
return hx`
<div class="metadata">
<div class="name ellipsis">${torrent.name || 'Loading torrent...'}</div>
<div class="status">
<span class="progress">${Math.floor(100 * torrent.progress)}%</span>
<span class="progress">${progress}%</span>
<span>${prettyBytes((torrent.length / 100) * progress)} / ${prettyBytes(torrent.length)}</span>
</div>
${getFilesLength()}
<span>${getPeers()}</span>
<span>${prettyBytes(torrent.downloadSpeed)}/s</span>
<span>${prettyBytes(torrent.uploadSpeed)}/s</span>
<span>↓ ${prettyBytes(torrent.downloadSpeed)}/s</span>
<span>↑ ${prettyBytes(torrent.uploadSpeed)}/s</span>
</div>
`