<?xml version="1.0" encoding="UTF-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->


<!DOCTYPE html [
<!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> %htmlDTD;
<!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd"> %globalDTD;
<!ENTITY % brandDTD SYSTEM "chrome://branding/locale/brand.dtd"> %brandDTD;
<!ENTITY % networkingDTD SYSTEM "chrome://global/locale/aboutNetworking.dtd"> %networkingDTD;
]>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>&aboutNetworking.title;</title>
        <link rel="stylesheet" href="chrome://mozapps/skin/aboutNetworking.css" type="text/css" />
        <script type="application/javascript;version=1.7" src="chrome://global/content/aboutNetworking.js" />
    </head>
    <body id="body">
        <div id="warning_message" class="warningBackground" hidden="true">
            <div class="container">
                <h1 class="title">&aboutNetworking.warning;</h1>
                <div class="toggle-container-with-text">
                    <input id="warncheck" type="checkbox" checked="yes" />
                    <label for="warncheck">&aboutNetworking.showNextTime;</label>
                </div>
                <div>
                    <button id="confpref" class="primary">&aboutNetworking.ok;</button>
                </div>
            </div>
        </div>
        <div id="categories">
            <div class="category" selected="true" value="http">
                <span class="category-name">&aboutNetworking.HTTP;</span>
            </div>
            <div class="category" value="sockets">
                <span class="category-name">&aboutNetworking.sockets;</span>
            </div>
            <div class="category" value="dns">
                <span class="category-name">&aboutNetworking.dns;</span>
            </div>
            <div class="category" value="websockets">
                <span class="category-name">&aboutNetworking.websockets;</span>
            </div>
            <hr></hr>
            <div class="category" value="dnslookuptool">
                <span class="category-name">&aboutNetworking.dnsLookup;</span>
            </div>
            <div class="category" value="logging">
                <span class="category-name">&aboutNetworking.logging;</span>
            </div>
        </div>
        <div class="main-content">
            <div class="header">
                <div id="sectionTitle" class="header-name">
                    &aboutNetworking.HTTP;
                </div>
                <div id="refreshDiv" class="toggle-container-with-text">
                    <button id="refreshButton">&aboutNetworking.refresh;</button>
                    <input id="autorefcheck" type="checkbox" name="Autorefresh" />
                    <label for="autorefcheck">&aboutNetworking.autoRefresh;</label>
                </div>
            </div>

          <div id="http" class="tab active">
              <table>
                  <thead>
                      <tr>
                          <th>&aboutNetworking.hostname;</th>
                          <th>&aboutNetworking.port;</th>
                          <th>&aboutNetworking.spdy;</th>
                          <th>&aboutNetworking.ssl;</th>
                          <th>&aboutNetworking.active;</th>
                          <th>&aboutNetworking.idle;</th>
                      </tr>
                  </thead>
                  <tbody id="http_content" />
              </table>
          </div>

          <div id="sockets" class="tab" hidden="true">
              <table>
                  <thead>
                      <tr>
                          <th>&aboutNetworking.host;</th>
                          <th>&aboutNetworking.port;</th>
                          <th>&aboutNetworking.tcp;</th>
                          <th>&aboutNetworking.active;</th>
                          <th>&aboutNetworking.sent;</th>
                          <th>&aboutNetworking.received;</th>
                      </tr>
                  </thead>
                  <tbody id="sockets_content" />
              </table>
          </div>

          <div id="dns" class="tab" hidden="true">
              <table>
                  <thead>
                      <tr>
                          <th>&aboutNetworking.hostname;</th>
                          <th>&aboutNetworking.family;</th>
                          <th>&aboutNetworking.addresses;</th>
                          <th>&aboutNetworking.expires;</th>
                      </tr>
                  </thead>
                  <tbody id="dns_content" />
              </table>
          </div>

          <div id="websockets" class="tab" hidden="true">
              <table>
                  <thead>
                      <tr>
                          <th>&aboutNetworking.hostname;</th>
                          <th>&aboutNetworking.ssl;</th>
                          <th>&aboutNetworking.messagesSent;</th>
                          <th>&aboutNetworking.messagesReceived;</th>
                          <th>&aboutNetworking.bytesSent;</th>
                          <th>&aboutNetworking.bytesReceived;</th>
                      </tr>
                  </thead>
                  <tbody id="websockets_content" />
              </table>
          </div>

          <div id="dnslookuptool" class="tab" hidden="true">
              &aboutNetworking.dnsDomain;: <input type="text" name="host" id="host"></input>
              <button id="dnsLookupButton">&aboutNetworking.dnsLookupButton;</button>
              <hr/>
              <table>
                  <thead>
                      <tr>
                          <th>&aboutNetworking.dnsLookupTableColumn;</th>
                      </tr>
                  </thead>
                  <tbody id="dnslookuptool_content" />
              </table>
          </div>

          <div id="logging" class="tab" hidden="true">
            <div>
              &aboutNetworking.logTutorial;
            </div>
            <br/>
            <div>
              <button id="start-logging-button"> &aboutNetworking.startLogging; </button>
              <button id="stop-logging-button"> &aboutNetworking.stopLogging; </button>
            </div>
            <br/>
            <br/>
            <div>
              &aboutNetworking.currentLogFile; <div id="current-log-file"></div><br/>
              <input type="text" name="log-file" id="log-file"></input>
              <button id="set-log-file-button"> &aboutNetworking.setLogFile; </button>
            </div>
            <div>
              &aboutNetworking.currentLogModules; <div id="current-log-modules"></div><br/>
              <input type="text" name="log-modules" id="log-modules" value="timestamp,sync,nsHttp:5,nsSocketTransport:5,nsStreamPump:5,nsHostResolver:5"></input>
              <button id="set-log-modules-button"> &aboutNetworking.setLogModules; </button>
            </div>
          </div>

        </div>
    </body>
</html>