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; bottom: 20px;
} }
.torrent .status :not(:last-child)::after { .torrent span:not(:last-child)::after {
content: ' — '; 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 // Renders the torrent name and download progress
function renderTorrentMetadata (torrent) { function renderTorrentMetadata (torrent) {
var progress = Math.floor(100 * torrent.progress)
return hx` return hx`
<div class="metadata"> <div class="metadata">
<div class="name ellipsis">${torrent.name || 'Loading torrent...'}</div> <div class="name ellipsis">${torrent.name || 'Loading torrent...'}</div>
<div class="status"> <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> </div>
${getFilesLength()} ${getFilesLength()}
<span>${getPeers()}</span> <span>${getPeers()}</span>
<span>${prettyBytes(torrent.downloadSpeed)}/s</span> <span>↓ ${prettyBytes(torrent.downloadSpeed)}/s</span>
<span>${prettyBytes(torrent.uploadSpeed)}/s</span> <span>↑ ${prettyBytes(torrent.uploadSpeed)}/s</span>
</div> </div>
` `