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.
 
 
 
 

293 lines
11 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Network status</title>
<link id="stylecss" rel="stylesheet" href="css/style.css" type="text/css"/>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jQueryPlugins.js"></script>
<script src="js/jquery.jsonrpcclient.js"></script>
<script src="js/jquery.storageapi.js"></script>
<script src="js/options.js"></script>
<script src="js/franc.js"></script>
<script src="js/notify.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/twister_actions.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/twister-crypto-bundle.js"></script>
<link rel="shortcut icon" type="image/png" href="img/twisterarmy.png" />
</head>
<body>
<!-- MENU SUPERIOR INIT -->
<nav class="userMenu">
<ul>
<li class="userMenu-home"><a href="home.html"><span class="selectable_theme theme_original label">Home</span></a></li>
<li class="userMenu-network current selectable_theme theme_original theme_nin theme_nin_night"><a class="label" href="network.html">Network</a></li>
<li class="userMenu-config">
<a class="userMenu-config-dropdown">
<div class="config-menu dialog-modal">
<div class="mini-profile-info selectable_theme theme_original">
<div class="mini-profile-photo"><img src="img/genericPerson.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="options.html">Options</a>
<a class="dropdown-menu-item" href="/#/account">Setup account</a>
<a class="dropdown-menu-item updates-check-client">Check for client's updates</a>
<a class="dropdown-menu-item" href="https://github.com/twisterarmy/twister-html/issues" target="_blank">Feedback</a>
<a class="dropdown-menu-item" href="https://twisterarmy.github.io" target="_blank">Project Website</a>
</div>
</a>
</li>
<li class="userMenu-dhtindicator selectable_theme theme_calm"><a href="network.html"></a></li>
</ul>
</nav>
<!-- MENU SUPERIOR END -->
<div class="wrapper">
<div class="network singleBlock">
<h2 class="selectable_theme theme_original theme_calm">Network status</h2>
<div class="module">
<h2 class="selectable_theme theme_nin theme_nin_night">Network status</h2>
<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 class="not-using-proxy" style="display:none;">
<label>External IP: </label>
<span class="ext-ip"></span>
</li>
<li class="not-using-proxy" style="display:none;">
<label>External Port 1 (TCP): </label>
<span class="ext-port1"></span>
<a class="test-ext-port1" rel="nofollow noreferrer" target="_blank">
<button>Test open port (external site)</button>
</a>
</li>
<li class="not-using-proxy" style="display:none;">
<label>External Port 2 (TCP+UDP): </label>
<span class="ext-port2"></span>
<a class="test-ext-port2" rel="nofollow noreferrer" target="_blank">
<button>Test open port (external site)</button>
</a>
</li>
<li class="using-proxy" style="display:none;">
<label>Proxy: </label>
<span class="proxy"></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" disabled>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" disabled>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>
<h3>Traffic information</h3>
<ul>
<li>
<label>DHT Torrents:</label>
<span class="dht-torrents">0</span>
</li>
<li>
<label>Peers:</label>
<span class="num-peers">0</span>
</li>
<li>
<label>Peer List Size:</label>
<span class="peerlist-size">0</span>
</li>
<li>
<label>Active Requests:</label>
<span class="num-active-requests">0</span>
</li>
<li>
<label>Download:</label>
<span class="download-rate">0 b @ 0 b/s</span>
</li>
<li>
<label>Upload:</label>
<span class="upload-rate">0 b @ 0 b/s</span>
</li>
<li>
<label>DHT Download:</label>
<span class="dht-download-rate">0 b @ 0 b/s</span>
</li>
<li>
<label>DHT Upload:</label>
<span class="dht-upload-rate">0 b @ 0 b/s</span>
</li>
<li>
<label>IP Overhead Download:</label>
<span class="ip-overhead-download-rate">0 b @ 0 b/s</span>
</li>
<li>
<label>IP Overhead Upload:</label>
<span class="ip-overhead-upload-rate">0 b @ 0 b/s</span>
</li>
<li>
<label>Payload Download:</label>
<span class="payload-download-rate">0 b @ 0 b/s</span>
</li>
<li>
<label>Payload Upload:</label>
<span class="payload-upload-rate">0 b @ 0 b/s</span>
</li>
</ul>
</div>
<h2 class="selectable_theme theme_original theme_calm">Configure block generation</h2>
<div class="module">
<h2 class="selectable_theme theme_nin">Configure block generation</h2>
<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>
<div class="post-area">
<form class="post-area-new open">
<textarea class="spam-msg" placeholder="Type message here"></textarea>
<div class="post-area-extras">
<span class="post-area-remaining">140</span>
<button class="undo-unicode disabled" disabled>undo</button>
<button class="post-submit update-spam-msg disabled" disabled>Update</button>
</div>
</form>
</div>
</li>
<li>
<label> Send post with username </label>
<select class="local-usernames spam-user">
<option value="nobody">nobody</option>
</select>
</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>
<div id="templates" style="display:none;">
<div id="post-preview-template">
<div id="post-preview" class="post-text">
</div>
</div>
<div id="template-post-textarea-edit-bar">
<div class="post-textarea-edit-bar"></div>
</div>
<div id="template-shorten-uri">
<a class="shorten-uri">shorten URL</a>
</div>
<!-- template for user links in message (open profile modal) -->
<a id="msg-user-link-template" class="open-profile-modal"></a>
<!-- template for user links in message (open profile modal) -->
<a id="external-page-link-template" rel="nofollow noreferrer" target="_blank"></a>
<!-- template for user links in message (open profile modal) -->
<a id="hashtag-link-template" class="open-hashtag-modal"></a>
<div id="template-link-shortened">
<a class="link-shortened" rel="nofollow noreferrer" target="_blank"></a>
</div>
<div class="prompt-wrapper">
<div class="modal-header">
<h3></h3>
<span class="modal-close prompt-close">&times;</span>
</div>
<div class="modal-content"></div>
<div class="modal-blackout"></div>
</div>
<div id="confirm-popup-template">
<div class="message"></div>
<div class="modal-buttons">
<button class="confirm"></button>
<button class="cancel"></button>
</div>
</div>
</div>
<audio id="player"></audio>
<audio id="playerSec"></audio>
</body>
</html>