twister HTML + Javascript User Interface
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

167 lines
5.7 KiB

<!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="polyglot.min.js"></script>
<script src="interface_localization.js"></script>
<script src="twister_network.js"></script>
<script src="interface_common.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">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>
<li>
<label>Client Version: </label>
<span class="version">00.00.00.00</label>
</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>
</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>