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

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

  <body>
    
  <!-- MENU SUPERIOR INIT --> 
  <nav class="userMenu">
    <ul>
        <li class="userMenu-home"><a href="home.html">Home</a></li>
        <li class="userMenu-network current"><a href="network.html">Network</a></li>
        <li class="userMenu-profile"><a href="profile-edit.html">Profile</a></li>
        <li class="userMenu-config">
          <a class="userMenu-config-dropdown" href="#">
            <div class="config-menu dialog-modal">
              <div class="mini-profile-info">
                <div class="mini-profile-photo"><img src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/></div>
                <a href="#" class="mini-profile-name">Fulano da Silva</a>
                <span class="mini-profile-view">View</span>
              </div>
              <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="network.html">Network config</a>
              <a class="dropdown-menu-item" href="login.html">Change user</a>
              <a class="direct-messages" href="#">Direct Messages</a>
           </div>
          </a>
        </li>
        <li class="userMenu-connections">
          <a href="#">
            <span class="messages-qtd" style="display:none;">12</span>
          </a>
        </li>
        <li class="userMenu-messages">
          <a href="#">
            <span class="messages-qtd" style="display:none;">12</span>
          </a>
        </li>
        <li class="userMenu-search">
          <input type="text" class="userMenu-search-field" placeholder="search"/>
        </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>
        </ul>
          
        <h3> Detailed information </h3>
        <ul>
          <li class="connections">
              <label>Connections: </label>
              <span class="connection-count">1</span>
          </li>
          <li>
              <label>Known peers: </label>
              <span class="known-peers">6</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>
        </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>
      </div>

    </div>

  </div>

  </body>
</html>