2015-12-07 03:22:09 +00:00
<!DOCTYPE html>
< html ng-app = "bTorrent" lang = "en" >
< head >
< base href = "" >
< meta charset = "UTF-8" >
< title > βTorrent: Browser WebTorrent Client< / title >
< meta name = "description" content = "βTorrent: fully-featured Browser WebTorrent Client" >
< meta name = "keywords" content = "βTorrent, btorrent, client, webtorrent, browser, torrent, stream, bittorrent" >
< 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.63.2,momentjs@2.10,angularjs@1.4,angular.ui-grid@3.0" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/danialfarid-angular-file-upload/10.1.8/ng-file-upload.min.js" > < / script >
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/g/normalize@3.0,skeleton@2.0" >
< 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.0.7/ui-grid.min.css" >
< link rel = "stylesheet" href = "style.css" >
< / head >
< body ng-controller = "bTorrentCtrl" ng-cloak = "" >
< header >
2015-12-07 04:53:33 +00:00
< h1 > βTorrent< span class = "version" > v0.6.2< / span > < / h1 >
2015-12-07 03:22:09 +00:00
< / header >
< div class = "container" >
< div class = "row" >
< div class = "four columns" >
< input type = "text" placeholder = "magnet link or hash" ng-model = "torrentInput" class = "u-full-width" >
< / div >
< div class = "two columns download-button" >
< button ng-click = "addMagnet()" class = "button-primary" > < i class = "fa fa-download" > < / i > Download< / button >
< / div >
< div class = "three columns" >
<!-- button.button - primary(type='file', ngf - select='openTorrentFile($file)')
i.fa.fa-folder-open
| Open torrent file
-->
< / div >
< div class = "three columns u-pull-right" >
< button type = "file" ngf-select = "seedFile($file)" class = "u-pull-right button-primary" > < i class = "fa fa-upload" > < / i > Seed a file< / button >
< / div >
< / div >
< div ui-grid = "gridOptions" ui-grid-resize-columns ui-grid-selection class = "row grid" > < / div >
< div ng-if = "selectedTorrent" class = "row" >
< div class = "six columns" >
< h5 > {{selectedTorrent.name}}< / h5 >
< h6 > Share< / h6 >
< ul >
< li > < a ng-href = "#{{selectedTorrent.infoHash}}" target = "_blank" > βTorrent< / a > < / li >
< li > < a ng-href = "{{selectedTorrent.magnetURI}}" target = "_blank" > Magnet URI< / a > < / li >
< li > < a ng-href = "{{selectedTorrent.safeTorrentFileURL}}" target = "_self" download = "{{selectedTorrent.fileName}}" > .torrent< / a > < / li >
< li > < strong > Hash: < / strong > {{selectedTorrent.infoHash}} < / li >
< / ul >
< / div >
< div class = "six columns" >
< h5 > Files< / h5 >
< table class = "u-full-width" >
< thead >
< tr >
< th > Name< / th >
< th > Size< / th >
< / tr >
< / thead >
< tbody >
< tr ng-repeat = "file in selectedTorrent.files" class = "files" >
< td ng-hide = "file.done" > {{file.name}}< / td >
< td ng-show = "file.done" > < a ng-href = "{{file.url}}" download = "{{file.name}}" target = "_self" ng-show = "file.done" > {{file.name}}< / a > < / td >
< td > {{file.length | pbytes}}< / td >
< / tr >
< / tbody >
< / table >
< / div >
< / div >
< hr >
< / div >
< footer > < a href = "https://github.com/DiegoRBaquero/BTorrent/issues" target = "_blank" class = "button" > Suggest a new feature / Report a bug< i class = "fa comment" > < / i > < / a > < br > An Open-Source project by < a href = "http://diegorbaquero.com" > DiegoRBaquero< / a > < br > Powered by < a href = "https://webtorrent.io" > WebTorrent< / a >
< p > < / p >
< / footer >
< div ng-show = "client.processing" class = "spinner" > < i class = "fa fa-spinner fa-6 fa-spin spinner-icon" > < / i > < / div >
< script src = "app.js" > < / script >
< / body >
< / html >
