99 lines
2.5 KiB
JavaScript
99 lines
2.5 KiB
JavaScript
module.exports = App
|
|
|
|
var h = require('virtual-dom/h')
|
|
|
|
function App (state, handler) {
|
|
if (state.player === 'local') {
|
|
return h('.player', [
|
|
h('video', {
|
|
src: state.server.localURL,
|
|
autoplay: true,
|
|
controls: true
|
|
}),
|
|
h('a.close', {
|
|
onclick: closePlayer
|
|
}, 'Close')
|
|
])
|
|
} else {
|
|
var list = state.torrents.map(function (torrent) {
|
|
var style = {}
|
|
if (torrent.posterURL) {
|
|
style['background-image'] = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), 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('a.btn.play', {
|
|
className: !torrent.ready ? 'disabled' : '',
|
|
onclick: openPlayer
|
|
}, '▶'),
|
|
(function () {
|
|
if (state.chromecast) {
|
|
return h('a.btn.chromecast', {
|
|
className: !torrent.ready ? 'disabled' : '',
|
|
onclick: openChromecast
|
|
}, 'C')
|
|
}
|
|
})(),
|
|
(function () {
|
|
if (state.airplay) {
|
|
return h('a.btn.airplay', {
|
|
className: !torrent.ready ? 'disabled' : '',
|
|
onclick: openAirplay
|
|
}, 'A')
|
|
}
|
|
})()
|
|
])
|
|
|
|
function openPlayer () {
|
|
handler('openPlayer', torrent)
|
|
}
|
|
|
|
function openChromecast () {
|
|
handler('openChromecast', torrent)
|
|
}
|
|
|
|
function openAirplay () {
|
|
handler('openAirplay', torrent)
|
|
}
|
|
})
|
|
return h('.app', [
|
|
h('.header', [
|
|
h('.nav.left-nav', [
|
|
h('a.back.icon-left-open.disabled'),
|
|
h('a.forward.icon-right-open')
|
|
]),
|
|
h('.nav.right-nav', [
|
|
h('a.add.icon-plus')
|
|
])
|
|
]),
|
|
h('.torrent-list', list),
|
|
h('.add', [
|
|
h('button', {
|
|
onclick: onAddTorrent
|
|
}, 'Add New Torrent')
|
|
])
|
|
])
|
|
}
|
|
|
|
function onAddTorrent (e) {
|
|
var torrentId = 'magnet:?xt=urn:btih:6a9759bffd5c0af65319979fb7832189f4f3c35d&dn=sintel.mp4'
|
|
handler('addTorrent', torrentId)
|
|
}
|
|
|
|
function closePlayer () {
|
|
handler('closePlayer')
|
|
}
|
|
}
|