adding torrent info and dev info

index.html

@@ -76,7 +76,7 @@ <h6><%= hash %></h6>
             <i class="icon-arrow-down"></i> <span class="download_speed"><%= download_speed %></span>
             <i class="icon-arrow-up"></i> <span class="upload_speed"><%= upload_speed %></span>
         </div>
-
+        <div class="swarm">Swarm: <%= peers %> / <%= seeds %> Peers / Seeds</div>
         <div class="eta"><%= eta %></div>
         <div class="ratio">UL/DL Ratio: <%= ratio %></div>
         <div class="files">
@@ -184,6 +184,11 @@ <h2 class="torrent_name"><%= name %></h2>
                     btapp.live('torrent * file * properties streaming_url', function(url, file_props, file) {<br>
                     &nbsp;&nbsp;&nbsp;&nbsp;//create an html5 video/audio tag and play!<br>
                     });<br>
+                    <br>
+                    //lets add some content that will get detected by the code above.<br>
+                    btapp.on('add', function(add) {<br>
+                    &nbsp;&nbsp;&nbsp;&nbsp;add.torrent('http://apps.bittorrent.com/torrents/PrettyLights-Bittorrent.torrent');
+                    });<br>
                 </div>
             </div>
         </div>

javascripts/application.js

@@ -253,6 +253,8 @@ jQuery(function() {
             var ratio = '?';
             var upload_speed = '?';
             var download_speed = '?';
+            var seeds = '?';
+            var peers = '?';
 
             if(this.model.has('properties')) {
                 var properties = this.model.get('properties');
@@ -286,6 +288,14 @@ jQuery(function() {
                 if(properties.has('ratio')) {
                     ratio = properties.get('ratio') / 1000.0;
                 }
+
+                if(properties.has('peers_in_swarm')) {
+                    peers = properties.get('peers_in_swarm');                    
+                }
+
+                if(properties.has('seeds_in_swarm')) {
+                    seeds = properties.get('seeds_in_swarm');
+                }
             }
 
             if(this.model.has('file')) {
@@ -316,6 +326,8 @@ jQuery(function() {
                 eta: eta,
                 files: files,
                 ratio: ratio,
+                seeds: seeds,
+                peers: peers,
                 hash: this.model.id
             }));
 

stylesheets/application.css

@@ -5,6 +5,10 @@
 	min-height: 150px;
 }
 
+.container {
+	width: 750px !important;
+}
+
 html, body {
 	height: auto;
 	overflow-x: hidden;