add connected peers

Author: ameliagoodman

css/obBase.css

@@ -6400,3 +6400,13 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
 #ov1 .TODO.TODO.TODO.TODO.TODO {
   display: none; /* hide in production */
 }
+
+
+.js-connectedPeers {
+  line-height: 20px;
+  margin-top: 10px;
+  display: block;
+  color: #9999A0;
+  height: 200px;
+  overflow: scroll
+}

js/templates/settings.html

@@ -1260,6 +1260,35 @@ <h3 class="padding15 margin0 fontWeight500"><%= polyglot.t('Advanced') %></h3>
                 </div>
               </div>
 
+            </div>
+            <div class="flexRow">
+
+              <div class="flexCol-3  borderRight custCol-border">
+                <div class="fieldItem">
+                  <label>
+                     Connected Peers
+                  </label>
+                </div>
+              </div>
+
+              <div class="flexCol-9 borderRight0 custCol-border">
+                <div class="fieldItem flexRow">
+                  <div class="flexRow">
+                    <div class="flexCol-9">
+                      <span class="js-numConnectedPeers"></span>
+                    </div>
+                    <div class="positionTopRight paddingright5">
+                      <a id="showPeersButton" class="btn btn-txt js-showPeers custCol-secondary">
+                        Show Connected Peers
+                      </a>
+                    </div>
+                  </div>
+                  <div class="flexRow">
+                    <div style="white-space: pre;"><span class="js-connectedPeers"></span></div>
+                  </div>
+                </div>
+              </div>
+
             </div>
 
             <div class="flexRow">

js/views/settingsVw.js

@@ -47,6 +47,7 @@ module.exports = pageVw.extend({
     'click .js-saveModerator': 'saveModeratorClick',
     'click .js-cancelAdvanced': 'cancelView',
     'click .js-saveAdvanced': 'saveAdvancedClick',
+    'click .js-showPeers': 'showPeers',
     'click .js-testSMTP': 'testSMTPClick',
     'click .js-changeServerSettings': 'launchServerConfig',
     'change .js-settingsThemeSelection': 'themeClick',
@@ -134,6 +135,8 @@ module.exports = pageVw.extend({
     this.listenTo(app.router, 'cache-reattached', this.onCacheReattached);
 
     __.bindAll(this, 'validateDescription');
+
+
   },
 
   // disabling caching on settings for now -- too much
@@ -236,6 +239,22 @@ module.exports = pageVw.extend({
         placeholder_text_multiple: window.polyglot.t('chosenJS.placeHolderTextMultiple')
       });
 
+      var connectedPeers = ""
+      $.ajax({
+        url: self.serverUrl+ "routing_table",
+        success: function(data){
+          self.$el.find('span.js-numConnectedPeers').text(data.length);
+          data.forEach(function (peer) {
+            connectedPeers += (peer['ip'] + ":" + peer['port'] + "\n");
+          })
+          self.$el.find('span.js-connectedPeers').text(connectedPeers);
+          $('.js-connectedPeers').hide();
+        },
+        error: function(){
+          self.$el.find('.js-numConnectedPeers').text("Call to peers API failed.");
+        }
+      });
+
       self.avatarCropper = self.$('#settings-image-cropper');
 
       self.avatarCropper.cropit({
@@ -323,6 +342,10 @@ module.exports = pageVw.extend({
     return this;
   },
 
+  showPeers: function () {
+    $('.js-connectedPeers').toggle();
+  },
+
   validateDescription: function() {
     validateMediumEditor.checkVal(this.$('#about'));
   },