Fixes somethign

ferrolho · Sep 18, 2016 · b877cde · b877cde
1 parent a538216
commit b877cde
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 5 deletions.
diff --git a/_sass/player.scss b/_sass/player.scss
@@ -24,12 +24,20 @@
 	}
 }
 
-.show-seed {
+#status code {
+	color: $blue;
+}
+
+body.is-seed .show-seed {
+	display: inline;
+}
+
+body.is-seed .show-leech {
 	display: none;
 }
 
-#status code {
-	color: $blue;
+.show-seed {
+	display: none;
 }
 
 .is-seed #hero {

diff --git a/index.html b/index.html
@@ -25,6 +25,7 @@ <h2>Stream torrents directly from your browser</h2>
 		<div>
 			<span class="show-leech">Downloading </span>
 			<span class="show-seed">Seeding </span>
+			<code id="streamedFileName"></code>
 			<span class="show-leech"> from </span>
 			<span class="show-seed"> to </span>
 			<code id="numPeers">0 peers</code>

diff --git a/js/bundle.js b/js/bundle.js
@@ -23,6 +23,7 @@ var prettyBytes = require('pretty-bytes')
 // HTML elements
 var $body = $('body')
 var $progressBar = $('#progressBar')
+var $streamedFileName = $('#streamedFileName')
 var $numPeers = $('#numPeers')
 var $downloaded = $('#downloaded')
 var $total = $('#total')
@@ -95,6 +96,8 @@ function onTorrent(torrent) {
 			largestFile = torrent.files[i]
 	}
 
+	$streamedFileName.html(largestFile.name)
+
 	// Stream the file in the browser
 	largestFile.appendTo('#output')
 
@@ -136,7 +139,7 @@ function onTorrent(torrent) {
 	}
 
 	function onDone () {
-		$body.className += ' is-seed'
+		$body.addClass('is-seed')
 		onProgress()
 	}
 }

diff --git a/js/webtorrent.js b/js/webtorrent.js
@@ -4,6 +4,7 @@ var prettyBytes = require('pretty-bytes')
 // HTML elements
 var $body = $('body')
 var $progressBar = $('#progressBar')
+var $streamedFileName = $('#streamedFileName')
 var $numPeers = $('#numPeers')
 var $downloaded = $('#downloaded')
 var $total = $('#total')
@@ -76,6 +77,8 @@ function onTorrent(torrent) {
 			largestFile = torrent.files[i]
 	}
 
+	$streamedFileName.html(largestFile.name)
+
 	// Stream the file in the browser
 	largestFile.appendTo('#output')
 
@@ -117,7 +120,7 @@ function onTorrent(torrent) {
 	}
 
 	function onDone () {
-		$body.className += ' is-seed'
+		$body.addClass('is-seed')
 		onProgress()
 	}
 }
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "url": "https://github.com/ferrolho/magnet-player/issues"
   },
   "dependencies": {
+    "clipboard": "^1.5.12",
     "moment": "^2.15.0",
     "pretty-bytes": "^4.0.2"
   },