Add seeds tab to WebUI

src/webui/www/public/properties.html

@@ -2,6 +2,7 @@
      <ul id="propertiesTabs" class="tab-menu">
           <li id="PropGeneralLink" class="selected"><a>QBT_TR(General)QBT_TR</a></li>
           <li id="PropTrackersLink"><a>QBT_TR(Trackers)QBT_TR</a></li>
+          <li id="PropPeersLink"><a>QBT_TR(Peers)QBT_TR</a></li>
           <li id="PropWebSeedsLink"><a>QBT_TR(HTTP Sources)QBT_TR</a></li>
           <li id="PropFilesLink"><a>QBT_TR(Content)QBT_TR</a></li>
      </ul>

src/webui/www/public/properties_content.html

@@ -63,6 +63,11 @@
     </div>
 </div>
 
+<div id="prop_peers" class="invisible">
+    <div id="peers">
+    </div>
+</div>
+
 <div id="prop_webseeds" class="invisible">
     <div id="webseeds">
         <table class="torrentTable" cellpadding="0" cellspacing="0" style="width: 100%">

src/webui/www/public/scripts/client.js

@@ -512,6 +512,7 @@ window.addEvent('load', function () {
                 $('prop_trackers').addClass("invisible");
                 $('prop_webseeds').addClass("invisible");
                 $('prop_files').addClass("invisible");
+                $('prop_peers').addClass("invisible");
                 updatePropertiesPanel();
             });
 
@@ -520,6 +521,16 @@ window.addEvent('load', function () {
                 $('prop_general').addClass("invisible");
                 $('prop_webseeds').addClass("invisible");
                 $('prop_files').addClass("invisible");
+                $('prop_peers').addClass("invisible");
+                updatePropertiesPanel();
+            });
+
+            $('PropPeersLink').addEvent('click', function(e){
+                $('prop_peers').removeClass("invisible");
+                $('prop_trackers').addClass("invisible");
+                $('prop_general').addClass("invisible");
+                $('prop_webseeds').addClass("invisible");
+                $('prop_files').addClass("invisible");
                 updatePropertiesPanel();
             });
 
@@ -528,6 +539,7 @@ window.addEvent('load', function () {
                 $('prop_general').addClass("invisible");
                 $('prop_trackers').addClass("invisible");
                 $('prop_files').addClass("invisible");
+                $('prop_peers').addClass("invisible");
                 updatePropertiesPanel();
             });
 
@@ -536,6 +548,7 @@ window.addEvent('load', function () {
                 $('prop_general').addClass("invisible");
                 $('prop_trackers').addClass("invisible");
                 $('prop_webseeds').addClass("invisible");
+                $('prop_peers').addClass("invisible");
                 updatePropertiesPanel();
             });