Added tracker stats, cleaned commans
This commit is contained in:
Diego Rodríguez
parent
cfee0391de
commit
e6686057c8
4 changed files with 72 additions and 69 deletions
53
200.jade
53
200.jade
|
|
@ -1,49 +1,52 @@
|
|||
doctype html
|
||||
html(ng-app='BTorrent', lang='en')
|
||||
html(ng-app="BTorrent" lang="en")
|
||||
head
|
||||
base(href='')
|
||||
meta(charset='UTF-8')
|
||||
base(href="")
|
||||
meta(charset="UTF-8")
|
||||
title βTorrent: Browser WebTorrent Client
|
||||
meta(name='description', content='βTorrent is the first fully-featured Browser WebTorrent Client')
|
||||
meta(name='keywords', content='βTorrent, btorrent, client, webtorrent, browser, torrent, stream, bittorrent, torrenting, sharing, filesharing')
|
||||
meta(name='author', content='Diego Rodríguez Baquero - DiegoRBaquero')
|
||||
meta(name='viewport', content='width=device-width, initial-scale=1')
|
||||
script(src='https://cdn.jsdelivr.net/g/webtorrent@0,momentjs@2,angularjs@1.4(angular.min.js+angular-route.min.js+angular-sanitize.min.js),angular.ui-grid@3.1,angular.ng-notify@0.7,angular.file-upload@12')
|
||||
link(rel='stylesheet', href='https://cdn.jsdelivr.net/g/normalize@3.0,skeleton@2.0,angular.ng-notify@0.7(ng-notify.min.css)')
|
||||
link(rel='stylesheet', href='https://cdn.jsdelivr.net/fontawesome/4.5/css/font-awesome.min.css')
|
||||
link(rel='stylesheet', href='https://cdn.jsdelivr.net/angular.ui-grid/3.1/ui-grid.min.css')
|
||||
link(rel='stylesheet', href='style.css')
|
||||
body(ng-controller='BTorrentCtrl', ng-cloak='')
|
||||
meta(name="description" content="βTorrent is the first fully-featured Browser WebTorrent Client")
|
||||
meta(name="keywords" content="βTorrent, btorrent, client, webtorrent, browser, torrent, stream, bittorrent, torrenting, sharing, filesharing")
|
||||
meta(name="author" content="Diego Rodríguez Baquero - DiegoRBaquero")
|
||||
meta(name="viewport" content="width=device-width, initial-scale=1")
|
||||
script(src="https://cdn.jsdelivr.net/g/webtorrent@0,momentjs@2,angularjs@1.4(angular.min.js+angular-route.min.js+angular-sanitize.min.js),angular.ui-grid@3.1,angular.ng-notify@0.7,angular.file-upload@12")
|
||||
link(rel="stylesheet" href="https://cdn.jsdelivr.net/g/normalize@3.0,skeleton@2.0,angular.ng-notify@0.7(ng-notify.min.css)")
|
||||
link(rel="stylesheet" href="https://cdn.jsdelivr.net/fontawesome/4.5/css/font-awesome.min.css")
|
||||
link(rel="stylesheet" href="https://cdn.jsdelivr.net/angular.ui-grid/3.1/ui-grid.min.css")
|
||||
link(rel="stylesheet" href="style.css")
|
||||
body(ng-controller="BTorrentCtrl" ng-cloak="")
|
||||
header
|
||||
h1
|
||||
| βTorrent
|
||||
span.version v0.14
|
||||
div.views(ng-show='$root.client.torrents.length == 0')
|
||||
a(ng-href='/#') Full
|
||||
div.views(ng-show="$root.client.torrents.length == 0")
|
||||
a(ng-href="/#") Full
|
||||
| |
|
||||
a(ng-href='/download') Single Download
|
||||
a(ng-href="/download") Single Download
|
||||
| |
|
||||
a(ng-href='/view') Stream / View
|
||||
a(ng-href="/view") Stream / View
|
||||
#viewer(ng-style="$root.viewerStyle")
|
||||
#view(ng-view)
|
||||
footer
|
||||
a.button(href="https://github.com/DiegoRBaquero/BTorrent/issues", target="_blank")
|
||||
a.button(href="https://github.com/DiegoRBaquero/BTorrent/issues" target="_blank")
|
||||
i.fa.fa-github
|
||||
| Suggest a feature / Report a bug
|
||||
i.fa.fa-comment
|
||||
br
|
||||
| βTorrent is an Open-Source project by
|
||||
a(href='http://diegorbaquero.com') DiegoRBaquero
|
||||
b βTorrent is an Open-Source project by
|
||||
a(href="http://diegorbaquero.com" target="_blank") DiegoRBaquero
|
||||
br
|
||||
b
|
||||
a(href="https://tracker.btorrent.xyz/stats" target="_blank") βTorrent's Tracker Stats
|
||||
br
|
||||
| Powered by
|
||||
a(href='https://github.com/feross/webtorrent') WebTorrent
|
||||
a(href="https://github.com/feross/webtorrent" target="_blank") WebTorrent
|
||||
br
|
||||
small Hosted by
|
||||
a(href='https://m.do.co/c/0b25a910e6e4') Digital Ocean
|
||||
a(href="https://m.do.co/c/0b25a910e6e4" target="_blank") Digital Ocean
|
||||
| |
|
||||
a(href="http://www.vultr.com/?ref=6823526") Vultr
|
||||
a(href="http://www.vultr.com/?ref=6823526" target="_blank") Vultr
|
||||
| |
|
||||
a(href="https://www.linode.com/?r=6d9b41c957019d7fe6d54d159635e5475048e319") Linode
|
||||
a(href="https://www.linode.com/?r=6d9b41c957019d7fe6d54d159635e5475048e319" target="_blank") Linode
|
||||
.spinner(ng-show="client.processing")
|
||||
i.fa.fa-spinner.fa-spin.spinner-icon
|
||||
script(src='app.js')
|
||||
script(src="app.js")
|
||||
|
|
@ -1,19 +1,19 @@
|
|||
.container
|
||||
div(ng-hide='$root.client.torrents.length != 0', style='vertical-align: middle; text-align: center')
|
||||
div(ng-hide="$root.client.torrents.length != 0" style="vertical-align: middle; text-align: center")
|
||||
.row
|
||||
form.no-margin(ng-submit='addMagnet()')
|
||||
form.no-margin(ng-submit="addMagnet()")
|
||||
label Enter magnet, hash or http(s) .torrent
|
||||
input(type='text', placeholder='magnet, hash or http(s) .torrent', ng-model='torrentInput', ng-disabled='$root.disabled', style='width: 50%')
|
||||
//button(ng-click='addMagnet()', ng-disabled='!torrentInput.length || $root.disabled', ng-class='{"button-primary": torrentInput.length}')
|
||||
input(type="text" placeholder="magnet, hash or http(s) .torrent" ng-model="torrentInput" ng-disabled="$root.disabled" style="width: 50%")
|
||||
//button(ng-click="addMagnet()" ng-disabled="!torrentInput.length || $root.disabled" ng-class="{"button-primary": torrentInput.length}")
|
||||
i.fa.fa-download
|
||||
| Download
|
||||
.row
|
||||
label or...
|
||||
button(type='file', ngf-select='$root.openTorrentFile($file)', ng-disabled='$root.disabled', ng-class='{"button-primary": !$root.disabled}')
|
||||
button(type="file" ngf-select="$root.openTorrentFile($file)" ng-disabled="$root.disabled" ng-class="{'button-primary': !$root.disabled}")
|
||||
i.fa.fa-folder-open
|
||||
| Open torrent file
|
||||
.div(ng-if="selectedTorrent", style="text-align: center")
|
||||
.four.columns(style='overflow: auto')
|
||||
.div(ng-if="selectedTorrent" style="text-align: center")
|
||||
.four.columns(style="overflow: auto")
|
||||
h4 Information
|
||||
table.u-full-width
|
||||
tbody
|
||||
|
|
@ -44,26 +44,26 @@
|
|||
th Size
|
||||
th Priority
|
||||
tbody
|
||||
tr.files(ng-repeat='file in $root.selectedTorrent.files')
|
||||
td(ng-hide='file.done') {{file.name}}
|
||||
td(ng-show='file.done')
|
||||
a(ng-href='{{file.url}}', download='{{file.name}}', target='_self', ng-show='file.done') {{file.name}}
|
||||
tr.files(ng-repeat="file in $root.selectedTorrent.files")
|
||||
td(ng-hide="file.done") {{file.name}}
|
||||
td(ng-show="file.done")
|
||||
a(ng-href="{{file.url}}" download="{{file.name}}" target="_self" ng-show="file.done") {{file.name}}
|
||||
td {{file.length | pbytes}}
|
||||
td
|
||||
select.no-margin(name='{{file.name}}Priority', ng-model='file.priority', ng-init='file.priority = "0"', ng-change='$root.changePriority(file)')
|
||||
option(value='1') High Priority
|
||||
option(value='0' selected='') Low Priority
|
||||
option(value='-1') Don't download
|
||||
select.no-margin(name="{{file.name}}Priority" ng-model="file.priority" ng-init="file.priority = '0'" ng-change="$root.changePriority(file)")
|
||||
option(value="1") High Priority
|
||||
option(value="0" selected="") Low Priority
|
||||
option(value="-1") Don't download
|
||||
h5 ↑ Click a file to download it
|
||||
.four.columns
|
||||
h4 Share
|
||||
ul(style="text-align: justify")
|
||||
li
|
||||
a(ng-href='#{{$root.selectedTorrent.infoHash}}', target='_blank') βTorrent
|
||||
a(ng-href="#{{$root.selectedTorrent.infoHash}}" target="_blank") βTorrent
|
||||
li
|
||||
a(ng-href='{{$root.selectedTorrent.magnetURI}}', target='_blank') Magnet URI
|
||||
a(ng-href="{{$root.selectedTorrent.magnetURI}}" target="_blank") Magnet URI
|
||||
li
|
||||
a(ng-href='{{$root.selectedTorrent.safeTorrentFileURL}}', target='_self', download='{{$root.selectedTorrent.fileName}}') .torrent
|
||||
a(ng-href="{{$root.selectedTorrent.safeTorrentFileURL}}" target="_self" download="{{$root.selectedTorrent.fileName}}") .torrent
|
||||
li
|
||||
strong Hash:
|
||||
| {{$root.selectedTorrent.infoHash}}
|
||||
|
|
@ -1,42 +1,42 @@
|
|||
.container
|
||||
.row
|
||||
.four.columns
|
||||
input.u-full-width(type='text', placeholder='magnet, hash or http(s) .torrent', ng-model='torrentInput', ng-disabled='$root.disabled')
|
||||
input.u-full-width(type="text" placeholder="magnet, hash or http(s) .torrent" ng-model="torrentInput" ng-disabled="$root.disabled")
|
||||
.two.columns.download-button
|
||||
button(ng-click='addMagnet()', ng-disabled='!torrentInput.length || $root.disabled', ng-class='{"button-primary": torrentInput.length}')
|
||||
button(ng-click="addMagnet()" ng-disabled="!torrentInput.length || $root.disabled" ng-class="{'button-primary': torrentInput.length}")
|
||||
i.fa.fa-download
|
||||
| Download
|
||||
.three.columns
|
||||
button(type='file', ngf-select='$root.openTorrentFile($file)', ng-disabled='$root.disabled', ng-class='{"button-primary": !$root.disabled}')
|
||||
button(type="file" ngf-select="$root.openTorrentFile($file)" ng-disabled="$root.disabled" ng-class="{'button-primary': !$root.disabled}")
|
||||
i.fa.fa-folder-open
|
||||
| Open torrent file
|
||||
.three.columns.u-pull-right
|
||||
button.u-pull-right(ngf-select='$root.seedFiles($files)', multiple='', ng-disabled='$root.disabled', ng-class='{"button-primary": !$root.disabled}')
|
||||
button.u-pull-right(ngf-select="$root.seedFiles($files)" multiple="" ng-disabled="$root.disabled" ng-class="{'button-primary': !$root.disabled}")
|
||||
i.fa.fa-upload
|
||||
| Seed files
|
||||
.row.grid(ui-grid='gridOptions', ui-grid-resize-columns, ui-grid-selection)
|
||||
.row.grid(ui-grid="gridOptions" ui-grid-resize-columns, ui-grid-selection)
|
||||
.row(ng-if="selectedTorrent")
|
||||
.six.columns(style='overflow: auto')
|
||||
.six.columns(style="overflow: auto")
|
||||
h5 {{$root.selectedTorrent.name}}
|
||||
button(ng-if='!$root.selectedTorrent.swarm.paused', ng-click='$root.selectedTorrent.pause()')
|
||||
button(ng-if="!$root.selectedTorrent.swarm.paused" ng-click="$root.selectedTorrent.pause()")
|
||||
i.fa.fa-pause
|
||||
| Pause
|
||||
|
|
||||
button(ng-if='$root.selectedTorrent.swarm.paused', ng-click='$root.selectedTorrent.resume()')
|
||||
button(ng-if="$root.selectedTorrent.swarm.paused" ng-click="$root.selectedTorrent.resume()")
|
||||
i.fa.fa-play
|
||||
| Resume
|
||||
|
|
||||
button.button-danger(ng-click='$root.selectedTorrent.destroy($root.destroyedTorrent)')
|
||||
button.button-danger(ng-click="$root.selectedTorrent.destroy($root.destroyedTorrent)")
|
||||
i.fa.fa-times
|
||||
| Remove
|
||||
h6 Share
|
||||
ul
|
||||
li
|
||||
a(ng-href='#{{$root.selectedTorrent.infoHash}}', target='_blank') βTorrent
|
||||
a(ng-href="#{{$root.selectedTorrent.infoHash}}" target="_blank") βTorrent
|
||||
li
|
||||
a(ng-href='{{$root.selectedTorrent.magnetURI}}', target='_blank') Magnet URI
|
||||
a(ng-href="{{$root.selectedTorrent.magnetURI}}" target="_blank") Magnet URI
|
||||
li
|
||||
a(ng-href='{{$root.selectedTorrent.safeTorrentFileURL}}', target='_self', download='{{$root.selectedTorrent.fileName}}') .torrent
|
||||
a(ng-href="{{$root.selectedTorrent.safeTorrentFileURL}}" target="_self" download="{{$root.selectedTorrent.fileName}}") .torrent
|
||||
li
|
||||
strong Hash:
|
||||
| {{$root.selectedTorrent.infoHash}}
|
||||
|
|
@ -49,16 +49,16 @@
|
|||
th Size
|
||||
th Priority
|
||||
tbody
|
||||
tr.files(ng-repeat='file in $root.selectedTorrent.files')
|
||||
td(ng-hide='file.done') {{file.name}}
|
||||
td(ng-show='file.done')
|
||||
a(ng-href='{{file.url}}', download='{{file.name}}', target='_self', ng-show='file.done') {{file.name}}
|
||||
tr.files(ng-repeat="file in $root.selectedTorrent.files")
|
||||
td(ng-hide="file.done") {{file.name}}
|
||||
td(ng-show="file.done")
|
||||
a(ng-href="{{file.url}}" download="{{file.name}}" target="_self" ng-show="file.done") {{file.name}}
|
||||
td {{file.length | pbytes}}
|
||||
td
|
||||
select.no-margin(name='{{file.name}}Priority', ng-model='file.priority', ng-init='file.priority = "0"', ng-change='$root.changePriority(file)')
|
||||
option(value='1') High Priority
|
||||
option(value='0' selected='') Low Priority
|
||||
option(value='-1') Don't download
|
||||
select.no-margin(name="{{file.name}}Priority" ng-model="file.priority" ng-init="file.priority = '0'" ng-change="$root.changePriority(file)")
|
||||
option(value="1") High Priority
|
||||
option(value="0" selected="") Low Priority
|
||||
option(value="-1") Don't download
|
||||
.center
|
||||
strong Client Stats:
|
||||
| ↓ {{$root.client.downloadSpeed | pbytes}}/s ·
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
.container
|
||||
div(ng-hide='$root.client.torrents.length != 0', style='vertical-align: middle; text-align: center')
|
||||
div(ng-hide="$root.client.torrents.length != 0" style="vertical-align: middle; text-align: center")
|
||||
.row
|
||||
form.no-margin(ng-submit='addMagnet()')
|
||||
form.no-margin(ng-submit="addMagnet()")
|
||||
label Enter magnet, hash or http(s) .torrent
|
||||
input(type='text', placeholder='magnet, hash or http(s) .torrent', ng-model='torrentInput', ng-disabled='$root.disabled', style='width: 50%')
|
||||
//button(ng-click='addMagnet()', ng-disabled='!torrentInput.length || $root.disabled', ng-class='{"button-primary": torrentInput.length}')
|
||||
input(type="text" placeholder="magnet, hash or http(s) .torrent" ng-model="torrentInput" ng-disabled="$root.disabled" style="width: 50%")
|
||||
//button(ng-click="addMagnet()" ng-disabled="!torrentInput.length || $root.disabled" ng-class="{"button-primary": torrentInput.length}")
|
||||
i.fa.fa-download
|
||||
| Download
|
||||
.row
|
||||
label or...
|
||||
button(type='file', ngf-select='$root.openTorrentFile($file)', ng-disabled='$root.disabled', ng-class='{"button-primary": !$root.disabled}')
|
||||
button(type="file" ngf-select="$root.openTorrentFile($file)" ng-disabled="$root.disabled" ng-class="{'button-primary': !$root.disabled}")
|
||||
i.fa.fa-folder-open
|
||||
| Open torrent file
|
||||
.div(ng-if="selectedTorrent", style="text-align: center")
|
||||
.div(ng-if="selectedTorrent" style="text-align: center")
|
||||
| Downloaded {{$root.selectedTorrent.downloaded | pbytes}}/{{$root.selectedTorrent.length | pbytes}} ({{$root.selectedTorrent.progress | progress}}) at {{$root.selectedTorrent.downloadSpeed | pbytes:1}} from {{$root.selectedTorrent.numPeers}} peers. ETA: {{$root.selectedTorrent.timeRemaining | humanTime}}
|
||||
Loading…
Reference in a new issue