toolkit/content/aboutNetworking.js

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 'use strict';
   6
   7 const Ci = Components.interfaces;
   8 const Cc = Components.classes;
   9 const Cu = Components.utils;
  10
  11 const gDashboard = Cc['@mozilla.org/network/dashboard;1'].
  12   getService(Ci.nsIDashboard);
  13 const gPrefs = Cc["@mozilla.org/preferences-service;1"].
  14   getService(Ci.nsIPrefService).getBranch("network.");
  15 const gRequestNetworkingData = {
  16   "http": gDashboard.requestHttpConnections,
  17   "sockets": gDashboard.requestSockets,
  18   "dns": gDashboard.requestDNSInfo,
  19   "websockets": gDashboard.requestWebsocketConnections
  20 };
  21 const gDashboardCallbacks = {
  22   "http": displayHttp,
  23   "sockets": displaySockets,
  24   "dns": displayDns,
  25   "websockets": displayWebsockets
  26 };
  27
  28 const REFRESH_INTERVAL_MS = 3000;
  29
  30 function col(element) {
  31   let col = document.createElement('td');
  32   let content = document.createTextNode(element);
  33   col.appendChild(content);
  34   return col;
  35 }
  36
  37 function displayHttp(data) {
  38   let cont = document.getElementById('http_content');
  39   let parent = cont.parentNode;
  40   let new_cont = document.createElement('tbody');
  41   new_cont.setAttribute('id', 'http_content');
  42
  43   for (let i = 0; i < data.connections.length; i++) {
  44     let row = document.createElement('tr');
  45     row.appendChild(col(data.connections[i].host));
  46     row.appendChild(col(data.connections[i].port));
  47     row.appendChild(col(data.connections[i].spdy));
  48     row.appendChild(col(data.connections[i].ssl));
  49     row.appendChild(col(data.connections[i].active.length));
  50     row.appendChild(col(data.connections[i].idle.length));
  51     new_cont.appendChild(row);
  52   }
  53
  54   parent.replaceChild(new_cont, cont);
  55 }
  56
  57 function displaySockets(data) {
  58   let cont = document.getElementById('sockets_content');
  59   let parent = cont.parentNode;
  60   let new_cont = document.createElement('tbody');
  61   new_cont.setAttribute('id', 'sockets_content');
  62
  63   for (let i = 0; i < data.sockets.length; i++) {
  64     let row = document.createElement('tr');
  65     row.appendChild(col(data.sockets[i].host));
  66     row.appendChild(col(data.sockets[i].port));
  67     row.appendChild(col(data.sockets[i].tcp));
  68     row.appendChild(col(data.sockets[i].active));
  69     row.appendChild(col(data.sockets[i].sent));
  70     row.appendChild(col(data.sockets[i].received));
  71     new_cont.appendChild(row);
  72   }
  73
  74   parent.replaceChild(new_cont, cont);
  75 }
  76
  77 function displayDns(data) {
  78   let cont = document.getElementById('dns_content');
  79   let parent = cont.parentNode;
  80   let new_cont = document.createElement('tbody');
  81   new_cont.setAttribute('id', 'dns_content');
  82
  83   for (let i = 0; i < data.entries.length; i++) {
  84     let row = document.createElement('tr');
  85     row.appendChild(col(data.entries[i].hostname));
  86     row.appendChild(col(data.entries[i].family));
  87     let column = document.createElement('td');
  88
  89     for (let j = 0; j < data.entries[i].hostaddr.length; j++) {
  90       column.appendChild(document.createTextNode(data.entries[i].hostaddr[j]));
  91       column.appendChild(document.createElement('br'));
  92     }
  93
  94     row.appendChild(column);
  95     row.appendChild(col(data.entries[i].expiration));
  96     new_cont.appendChild(row);
  97   }
  98
  99   parent.replaceChild(new_cont, cont);
 100 }
 101
 102 function displayWebsockets(data) {
 103   let cont = document.getElementById('websockets_content');
 104   let parent = cont.parentNode;
 105   let new_cont = document.createElement('tbody');
 106   new_cont.setAttribute('id', 'websockets_content');
 107
 108   for (let i = 0; i < data.websockets.length; i++) {
 109     let row = document.createElement('tr');
 110     row.appendChild(col(data.websockets[i].hostport));
 111     row.appendChild(col(data.websockets[i].encrypted));
 112     row.appendChild(col(data.websockets[i].msgsent));
 113     row.appendChild(col(data.websockets[i].msgreceived));
 114     row.appendChild(col(data.websockets[i].sentsize));
 115     row.appendChild(col(data.websockets[i].receivedsize));
 116     new_cont.appendChild(row);
 117   }
 118
 119   parent.replaceChild(new_cont, cont);
 120 }
 121
 122 function requestAllNetworkingData() {
 123   for (let id in gRequestNetworkingData)
 124     requestNetworkingDataForTab(id);
 125 }
 126
 127 function requestNetworkingDataForTab(id) {
 128   gRequestNetworkingData[id](gDashboardCallbacks[id]);
 129 }
 130
 131 function init() {
 132   gDashboard.enableLogging = true;
 133   if (gPrefs.getBoolPref("warnOnAboutNetworking")) {
 134     let div = document.getElementById("warning_message");
 135     div.classList.add("active");
 136     document.getElementById("confpref").addEventListener("click", confirm);
 137   }
 138
 139   requestAllNetworkingData();
 140
 141   let autoRefresh = document.getElementById("autorefcheck");
 142   if (autoRefresh.checked)
 143     setAutoRefreshInterval(autoRefresh);
 144
 145   autoRefresh.addEventListener("click", function() {
 146     let refrButton = document.getElementById("refreshButton");
 147     if (this.checked) {
 148       setAutoRefreshInterval(this);
 149       refrButton.disabled = "disabled";
 150     } else {
 151       clearInterval(this.interval);
 152       refrButton.disabled = null;
 153     }
 154   });
 155
 156   let refr = document.getElementById("refreshButton");
 157   refr.addEventListener("click", requestAllNetworkingData);
 158   if (document.getElementById("autorefcheck").checked)
 159     refr.disabled = "disabled";
 160
 161   // Event delegation on #menu element
 162   let menu = document.getElementById("menu");
 163   menu.addEventListener("click", function click(e) {
 164     if (e.target && e.target.parentNode == menu)
 165       show(e.target);
 166   });
 167 }
 168
 169 function confirm () {
 170   let div = document.getElementById("warning_message");
 171   div.classList.remove("active");
 172   let warnBox = document.getElementById("warncheck");
 173   gPrefs.setBoolPref("warnOnAboutNetworking", warnBox.checked);
 174 }
 175
 176 function show(button) {
 177   let current_tab = document.querySelector(".active");
 178   let content = document.getElementById(button.value);
 179   if (current_tab == content)
 180     return;
 181   current_tab.classList.remove("active");
 182   content.classList.add("active");
 183
 184   let current_button = document.querySelector(".selected");
 185   current_button.classList.remove("selected");
 186   button.classList.add("selected");
 187
 188   let autoRefresh = document.getElementById("autorefcheck");
 189   if (autoRefresh.checked) {
 190     clearInterval(autoRefresh.interval);
 191     setAutoRefreshInterval(autoRefresh);
 192   }
 193 }
 194
 195 function setAutoRefreshInterval(checkBox) {
 196   let active_tab = document.querySelector(".active");
 197   checkBox.interval = setInterval(function() {
 198     requestNetworkingDataForTab(active_tab.id);
 199   }, REFRESH_INTERVAL_MS);
 200 }
 201
 202 window.addEventListener("DOMContentLoaded", function load() {
 203   window.removeEventListener("DOMContentLoaded", load);
 204   init();
 205 });