blitzwing/btorrent
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added tracker stats, cleaned commans

Browse source
This commit is contained in:
Diego Rodríguez 2016-03-11 04:57:25 -03:00
parent cfee0391de
commit e6686057c8
4 changed files with 72 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
200.jade
View file

@ -1,49 +1,52 @@
doctype html doctype html
html(ng-app='BTorrent', lang='en') html(ng-app="BTorrent" lang="en")
head head
base(href='') base(href="")
meta(charset='UTF-8') meta(charset="UTF-8")
title βTorrent: Browser WebTorrent Client title βTorrent: Browser WebTorrent Client
meta(name='description', content='βTorrent is the first fully-featured 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="keywords" content="βTorrent, btorrent, client, webtorrent, browser, torrent, stream, bittorrent, torrenting, sharing, filesharing")
meta(name='author', content='Diego Rodríguez Baquero - DiegoRBaquero') meta(name="author" content="Diego Rodríguez Baquero - DiegoRBaquero")
meta(name='viewport', content='width=device-width, initial-scale=1') 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') 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/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/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="https://cdn.jsdelivr.net/angular.ui-grid/3.1/ui-grid.min.css")
link(rel='stylesheet', href='style.css') link(rel="stylesheet" href="style.css")
body(ng-controller='BTorrentCtrl', ng-cloak='') body(ng-controller="BTorrentCtrl" ng-cloak="")
header header
h1 h1
| βTorrent | βTorrent
span.version v0.14 span.version v0.14
div.views(ng-show='$root.client.torrents.length == 0') div.views(ng-show="$root.client.torrents.length == 0")
a(ng-href='/#') Full 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") #viewer(ng-style="$root.viewerStyle")
#view(ng-view) #view(ng-view)
footer 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 i.fa.fa-github
| Suggest a feature / Report a bug | Suggest a feature / Report a bug
i.fa.fa-comment i.fa.fa-comment
br br
| βTorrent is an Open-Source project by b βTorrent is an Open-Source project by
a(href='http://diegorbaquero.com') DiegoRBaquero a(href="http://diegorbaquero.com" target="_blank") DiegoRBaquero
br
b
a(href="https://tracker.btorrent.xyz/stats" target="_blank") βTorrent's Tracker Stats
br br
| Powered by | Powered by
a(href='https://github.com/feross/webtorrent') WebTorrent a(href="https://github.com/feross/webtorrent" target="_blank") WebTorrent
br br
small Hosted by 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") .spinner(ng-show="client.processing")
i.fa.fa-spinner.fa-spin.spinner-icon i.fa.fa-spinner.fa-spin.spinner-icon
script(src='app.js') script(src="app.js")

36
views/download.jade
View file

@ -1,19 +1,19 @@
.container .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 .row
form.no-margin(ng-submit='addMagnet()') form.no-margin(ng-submit="addMagnet()")
label Enter magnet, hash or http(s) .torrent 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%') 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}') //button(ng-click="addMagnet()" ng-disabled="!torrentInput.length || $root.disabled" ng-class="{"button-primary": torrentInput.length}")
i.fa.fa-download i.fa.fa-download
| Download | Download
.row .row
label or... 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 i.fa.fa-folder-open
| Open torrent file | Open torrent file
.div(ng-if="selectedTorrent", style="text-align: center") .div(ng-if="selectedTorrent" style="text-align: center")
.four.columns(style='overflow: auto') .four.columns(style="overflow: auto")
h4 Information h4 Information
table.u-full-width table.u-full-width
tbody tbody
@ -44,26 +44,26 @@
th Size th Size
th Priority th Priority
tbody tbody
tr.files(ng-repeat='file in $root.selectedTorrent.files') tr.files(ng-repeat="file in $root.selectedTorrent.files")
td(ng-hide='file.done') {{file.name}} td(ng-hide="file.done") {{file.name}}
td(ng-show='file.done') td(ng-show="file.done")
a(ng-href='{{file.url}}', download='{{file.name}}', target='_self', ng-show='file.done') {{file.name}} a(ng-href="{{file.url}}" download="{{file.name}}" target="_self" ng-show="file.done") {{file.name}}
td {{file.length | pbytes}} td {{file.length | pbytes}}
td td
select.no-margin(name='{{file.name}}Priority', ng-model='file.priority', ng-init='file.priority = "0"', ng-change='$root.changePriority(file)') 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="1") High Priority
option(value='0' selected='') Low Priority option(value="0" selected="") Low Priority
option(value='-1') Don't download option(value="-1") Don't download
h5 ↑ Click a file to download it h5 ↑ Click a file to download it
.four.columns .four.columns
h4 Share h4 Share
ul(style="text-align: justify") ul(style="text-align: justify")
li li
a(ng-href='#{{$root.selectedTorrent.infoHash}}', target='_blank') βTorrent a(ng-href="#{{$root.selectedTorrent.infoHash}}" target="_blank") βTorrent
li li
a(ng-href='{{$root.selectedTorrent.magnetURI}}', target='_blank') Magnet URI a(ng-href="{{$root.selectedTorrent.magnetURI}}" target="_blank") Magnet URI
li 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 li
strong Hash: strong Hash:
| {{$root.selectedTorrent.infoHash}} | {{$root.selectedTorrent.infoHash}}

40
views/full.jade
View file

@ -1,42 +1,42 @@
.container .container
.row .row
.four.columns .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 .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 i.fa.fa-download
| Download | Download
.three.columns .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 i.fa.fa-folder-open
| Open torrent file | Open torrent file
.three.columns.u-pull-right .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 i.fa.fa-upload
| Seed files | 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") .row(ng-if="selectedTorrent")
.six.columns(style='overflow: auto') .six.columns(style="overflow: auto")
h5 {{$root.selectedTorrent.name}} 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 i.fa.fa-pause
| 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 i.fa.fa-play
| Resume | 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 i.fa.fa-times
| Remove | Remove
h6 Share h6 Share
ul ul
li li
a(ng-href='#{{$root.selectedTorrent.infoHash}}', target='_blank') βTorrent a(ng-href="#{{$root.selectedTorrent.infoHash}}" target="_blank") βTorrent
li li
a(ng-href='{{$root.selectedTorrent.magnetURI}}', target='_blank') Magnet URI a(ng-href="{{$root.selectedTorrent.magnetURI}}" target="_blank") Magnet URI
li 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 li
strong Hash: strong Hash:
| {{$root.selectedTorrent.infoHash}} | {{$root.selectedTorrent.infoHash}}
@ -49,16 +49,16 @@
th Size th Size
th Priority th Priority
tbody tbody
tr.files(ng-repeat='file in $root.selectedTorrent.files') tr.files(ng-repeat="file in $root.selectedTorrent.files")
td(ng-hide='file.done') {{file.name}} td(ng-hide="file.done") {{file.name}}
td(ng-show='file.done') td(ng-show="file.done")
a(ng-href='{{file.url}}', download='{{file.name}}', target='_self', ng-show='file.done') {{file.name}} a(ng-href="{{file.url}}" download="{{file.name}}" target="_self" ng-show="file.done") {{file.name}}
td {{file.length | pbytes}} td {{file.length | pbytes}}
td td
select.no-margin(name='{{file.name}}Priority', ng-model='file.priority', ng-init='file.priority = "0"', ng-change='$root.changePriority(file)') 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="1") High Priority
option(value='0' selected='') Low Priority option(value="0" selected="") Low Priority
option(value='-1') Don't download option(value="-1") Don't download
.center .center
strong Client Stats: strong Client Stats:
| ↓ {{$root.client.downloadSpeed | pbytes}}/s · | ↓ {{$root.client.downloadSpeed | pbytes}}/s ·

12
views/view.jade
View file

@ -1,16 +1,16 @@
.container .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 .row
form.no-margin(ng-submit='addMagnet()') form.no-margin(ng-submit="addMagnet()")
label Enter magnet, hash or http(s) .torrent 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%') 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}') //button(ng-click="addMagnet()" ng-disabled="!torrentInput.length || $root.disabled" ng-class="{"button-primary": torrentInput.length}")
i.fa.fa-download i.fa.fa-download
| Download | Download
.row .row
label or... 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 i.fa.fa-folder-open
| Open torrent file | 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}} | 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}}