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

Added progress bar to the metadata on the overview (#844)

Browse Source 
* Added progress bar to Torrent metadata on the overview.

* Added progress bar to Torrent metadata on the overview.

* Made progress bar smaller

As proposed by dcposh.
This commit is contained in:
PurgingPanda
2016-09-02 01:43:28 +04:00
committed by DC
parent db650caf18
commit d806fd502f
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/pages/TorrentListPage.js
View File

@@ -93,6 +93,7 @@ module.exports = class TorrentList extends React.Component {
} else if (torrentSummary.status !== 'paused' && prog) { } else if (torrentSummary.status !== 'paused' && prog) {
elements.push( elements.push(
<div key='progress-info' className='ellipsis'> <div key='progress-info' className='ellipsis'>
{renderProgressBar()}
{renderPercentProgress()} {renderPercentProgress()}
{renderTotalProgress()} {renderTotalProgress()}
{renderPeers()} {renderPeers()}
@@ -105,6 +106,11 @@ module.exports = class TorrentList extends React.Component {
return (<div key='metadata' className='metadata'>{elements}</div>) return (<div key='metadata' className='metadata'>{elements}</div>)
function renderProgressBar () {
var progress = Math.floor(100 * prog.progress)
return (<progress value={progress} max='100'>{progress}%</progress>)
}
function renderPercentProgress () { function renderPercentProgress () {
var progress = Math.floor(100 * prog.progress) var progress = Math.floor(100 * prog.progress)
return (<span key='percent-progress'>{progress}%</span>) return (<span key='percent-progress'>{progress}%</span>)

5
static/main.css
View File

@@ -455,6 +455,11 @@ i:not(.disabled):hover { /* Show they're clickable without pointer: cursor */
line-height: 1.5em; line-height: 1.5em;
} }
progress {
width: 60px;
margin-right: 8px;
}
/* /*
* TORRENT LIST: ERRORS * TORRENT LIST: ERRORS
*/ */