From e0e79c47f587b95dee9ed67a9fea6e82ff6e25ab Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Diego=20Rodr=C3=ADguez?= Date: Tue, 16 Feb 2016 14:06:08 -0300 Subject: [PATCH] Download initital view open to beta --- 200.jade | 76 ++++++++++++++++++++++++--------------------- style.sass | 3 ++ views/download.jade | 33 ++++++++++++++------ 3 files changed, 67 insertions(+), 45 deletions(-) diff --git a/200.jade b/200.jade index c4c157e..ed08099 100644 --- a/200.jade +++ b/200.jade @@ -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') \ No newline at end of file + 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') \ No newline at end of file diff --git a/style.sass b/style.sass index 7f133d7..c6bdac3 100644 --- a/style.sass +++ b/style.sass @@ -30,6 +30,9 @@ footer color: #ccc font-size: 0.3em +.views + margin-top: -20px + .download-button margin-left: 10px diff --git a/views/download.jade b/views/download.jade index 82099d2..e864d62 100644 --- a/views/download.jade +++ b/views/download.jade @@ -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