<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>Network status</title>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/jQueryPlugins.js"></script>
    <script src="js/jquery.json-2.4.js"></script>
    <script src="js/jquery.jsonrpcclient.js"></script>
    <script src="js/jquery.storageapi.js"></script>
    <script src="js/mobile_abstract.js"></script>
    <script src="js/twister_io.js"></script>
    <script src="js/twister_user.js"></script>
    <script src="js/twister_formatpost.js"></script>
    <script src="js/twister_following.js"></script>
    <script src="js/twister_newmsgs.js"></script>
    <script src="js/polyglot.min.js"></script>
    <script src="js/interface_localization.js"></script>
    <script src="js/twister_network.js"></script>
    <script src="js/interface_common.js"></script>
    <script src="js/calm.js"></script>

    <script>
        $(document).ready(function()
        {
           initInterfaceNetwork();
        });
    </script>

    <link rel="icon" type="image/png" href="img/twister_mini.png" />
  </head>

  <body>
    
  <!-- MENU SUPERIOR INIT --> 
  <nav class="userMenu">
    <ul>
        <li class="userMenu-home"><a href="home.html"></a></li>
        <li class="userMenu-network current"><a href="network.html">Network</a></li>
        <li class="userMenu-config">
          <a class="userMenu-config-dropdown" href="#">
            <div class="config-menu dialog-modal">
              <a class="dropdown-menu-item" href="options.html">Options</a>
              <a class="dropdown-menu-item" href="network.html">Network config</a>
              <a class="dropdown-menu-item" href="profile-edit.html">Setup account</a>
              <a class="dropdown-menu-item" href="following.html">Following users</a>
              <a class="dropdown-menu-item" href="login.html">Change user</a>
           </div>
          </a>
        </li>
    </ul>
  </nav>
  <!-- MENU SUPERIOR END -->

  <div class="wrapper">

    <div class="network singleBlock">
      <h2> Network status </h2>

      <div class="module">
        <h3> General information</h3>
        <ul>
          <li>
              <span class="network-status highlight connection-status">Updating status...</span>
          </li>
          <li>
            <label>Client Version: </label>
            <span class="version">00.00.00.00</label>
          </li>
          <li>
            <label>Terminate Daemon:</label>
            <button class="terminate-daemon">Exit</button>
          </li>
        </ul>
          
        <h3> Detailed information </h3>
        <ul>
          <li class="connections">
              <label>Connections: </label>
              <span class="connection-count">0</span>
          </li>
          <li>
              <label>Known peers: </label>
              <span class="known-peers">0</span>
          </li>
          <li>
              <label>Active DHT nodes: </label>
              <span class="dht-nodes">0</span>
          </li>
          <li>
              <label>Force connection to peer:</label>
              <input class="new-peer-addr" type="textbox" placeholder="peer address" size="20"/>
              <button class="add-peer disabled" disable="true">Add peer</button>
          </li>
          <li>
              <label>DNS to obtain list of peers:</label>
              <input class="new-dns-addr" type="textbox" placeholder="dns address" size="20"/>
              <button class="add-dns disabled" disable="true">Add DNS</button>
          </li>
        </ul>

        <h3> Block chain information </h3>
        <ul>
          <li>
              <label>Number of blocks in block chain:</label>
              <span class="blocks">2813</span>
          </li>
          <li>
              <label>Time of the last block:</label>
              <span class="last-block-time">Fri Nov 08 2013 08:32:48 </span>
          </li>
          <li>
            <label> Mining difficulty: </label>
            <span class="mining-difficulty">0.0</span>
          </li>
        </ul>

      </div>

      <h2>Configure block generation</h2>

      <div class="module">
        <h3> Generate blocks (send promoted messages)</h3>
        <ul>
          <li>
              <label> Block generation </label>
              <select class="genblock">
                  <option value="disable">Disable</option>
                  <option value="enable">Enable</option>
              </select>
          </li>
          <li>
              <label> Number of CPUs to use </label>
              <input class="genproclimit" type="textbox" value="1" size="3"/>
          </li>
          <li>
              <label> Post to promote: </label>
              <textarea class="spam-msg" placeholder="Type message here"></textarea>
          </li>
          <li>
              <label> Send post with username </label>
              <select class="local-usernames spam-user">
                  <option value="nobody">nobody</option>
              </select>
              <div class="character-limit">
                <span class="post-area-remaining">140</span>
                <button class="update-spam-msg enabled">Update</button>
              </div>
          </li>
        </ul>
        
        <h3> Block generation status</h3>
        <ul>
          <li>
            <label> Current hash rate: </label>
            <span class="mining-hashrate">0</span>
          </li>
        </ul>
      </div>

    </div>

  </div>

  </body>
</html>