Download initital view open to beta

This commit is contained in:
Diego Rodríguez 2016-02-16 14:06:08 -03:00
parent 7d7b329a7d
commit e0e79c47f5
3 changed files with 67 additions and 45 deletions

View file

@ -1,38 +1,42 @@
doctype html
html(ng-app='BTorrent', lang='en')
head
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.76,momentjs@2.11,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.12.2
#view(ng-view)
footer
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
br
| Powered by
a(href='https://github.com/feross/webtorrent') WebTorrent
br
small Need WebRTC + Web Seeding for your WebTorrent powered site? Contact
a(href='http://diegorbaquero.com') me
.spinner(ng-show="client.processing")
i.fa.fa-spinner.fa-spin.spinner-icon
script(src='app.js')
head
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.76,momentjs@2.11,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.12.2
div.views
a(ng-href='/#') Full
| |
a(ng-href='/download') Download
#view(ng-view)
footer
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
br
| Powered by
a(href='https://github.com/feross/webtorrent') WebTorrent
br
small Need WebRTC + Web Seeding for your WebTorrent powered site? Contact
a(href='http://diegorbaquero.com') me
.spinner(ng-show="client.processing")
i.fa.fa-spinner.fa-spin.spinner-icon
script(src='app.js')

View file

@ -30,6 +30,9 @@ footer
color: #ccc
font-size: 0.3em
.views
margin-top: -20px
.download-button
margin-left: 10px

View file

@ -13,13 +13,27 @@
i.fa.fa-folder-open
| Open torrent file
.div(ng-if="selectedTorrent", style="text-align: center")
.row(style='overflow: auto')
h3 {{$root.selectedTorrent.name}}
h4 {{$root.selectedTorrent.length | pbytes}}
h4 {{$root.selectedTorrent.progress | progress}}
h4 {{$root.selectedTorrent.downloadSpeed | pbytes:1}} {{$root.selectedTorrent.timeRemaining | humanTime}}
.row
h5 Files
.four.columns(style='overflow: auto')
h4 Information
table.u-full-width
tbody
tr
td Name
td {{$root.selectedTorrent.name}}
tr
td Size
td {{$root.selectedTorrent.length | pbytes}}
tr
td Completed
td {{$root.selectedTorrent.progress | progress}} ({{$root.selectedTorrent.downloaded | pbytes}})
tr
td ↓ Speed
td {{$root.selectedTorrent.downloadSpeed | pbytes:1}}
tr
td ETA
td {{$root.selectedTorrent.timeRemaining | humanTime}}
.four.columns
h4 Files
table(style="margin: auto")
thead
tr
@ -37,8 +51,9 @@
option(value='1') High Priority
option(value='0' selected='') Low Priority
option(value='-1') Don't download
.row
h5 Share
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