From 6ee263b8e380ad43f0e19625d26a19176aadb4a8 Mon Sep 17 00:00:00 2001 From: Feross Aboukhadijeh Date: Thu, 3 Mar 2016 16:48:13 -0800 Subject: [PATCH] style --- main/views/torrent-list.js | 111 +++++++++++++++++++------------------ 1 file changed, 57 insertions(+), 54 deletions(-) diff --git a/main/views/torrent-list.js b/main/views/torrent-list.js index 9d66e9c9..4b59db6e 100644 --- a/main/views/torrent-list.js +++ b/main/views/torrent-list.js @@ -4,61 +4,64 @@ var h = require('virtual-dom/h') var prettyBytes = require('pretty-bytes') function TorrentList (state, dispatch) { - var list = state.view.client.torrents.map(function (torrent) { - var style = {} - if (torrent.posterURL) { - style['background-image'] = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("' + torrent.posterURL + '")' - } - return h('.torrent', { - style: style - }, [ - h('.metadata', [ - h('.name.ellipsis', torrent.name || 'Loading torrent...'), - h('.status', [ - h('span.progress', Math.floor(100 * torrent.progress) + '%'), - (function () { - if (torrent.ready && torrent.files.length > 1) { - return h('span.files', torrent.files.length + ' files') - } - })(), - h('span', torrent.numPeers + ' ' + (torrent.numPeers === 1 ? 'peer' : 'peers')), - h('span', prettyBytes(torrent.downloadSpeed) + '/s'), - h('span', prettyBytes(torrent.uploadSpeed) + '/s') - ]) - ]), - h('i.btn.icon.play', { - className: !torrent.ready ? 'disabled' : '', - onclick: openPlayer - }, 'play_arrow'), - (function () { - if (state.view.chromecast) { - return h('i.btn.icon.chromecast', { - className: !torrent.ready ? 'disabled' : '', - onclick: openChromecast - }, 'cast') - } - })(), - (function () { - if (state.view.airplay) { - return h('i.btn.icon.airplay', { - className: !torrent.ready ? 'disabled' : '', - onclick: openAirplay - }, 'airplay') - } - })() - ]) + return h('.torrent-list', getList()) - function openPlayer () { - dispatch('openPlayer', torrent) - } + function getList () { + return state.view.client.torrents.map(function (torrent) { + var style = {} + if (torrent.posterURL) { + style['background-image'] = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("' + torrent.posterURL + '")' + } + return h('.torrent', { + style: style + }, [ + h('.metadata', [ + h('.name.ellipsis', torrent.name || 'Loading torrent...'), + h('.status', [ + h('span.progress', Math.floor(100 * torrent.progress) + '%'), + (function () { + if (torrent.ready && torrent.files.length > 1) { + return h('span.files', torrent.files.length + ' files') + } + })(), + h('span', torrent.numPeers + ' ' + (torrent.numPeers === 1 ? 'peer' : 'peers')), + h('span', prettyBytes(torrent.downloadSpeed) + '/s'), + h('span', prettyBytes(torrent.uploadSpeed) + '/s') + ]) + ]), + h('i.btn.icon.play', { + className: !torrent.ready ? 'disabled' : '', + onclick: openPlayer + }, 'play_arrow'), + (function () { + if (state.view.chromecast) { + return h('i.btn.icon.chromecast', { + className: !torrent.ready ? 'disabled' : '', + onclick: openChromecast + }, 'cast') + } + })(), + (function () { + if (state.view.airplay) { + return h('i.btn.icon.airplay', { + className: !torrent.ready ? 'disabled' : '', + onclick: openAirplay + }, 'airplay') + } + })() + ]) - function openChromecast () { - dispatch('openChromecast', torrent) - } + function openPlayer () { + dispatch('openPlayer', torrent) + } - function openAirplay () { - dispatch('openAirplay', torrent) - } - }) - return h('.torrent-list', list) + function openChromecast () { + dispatch('openChromecast', torrent) + } + + function openAirplay () { + dispatch('openAirplay', torrent) + } + }) + } }