67 lines
2.6 KiB
HTML
67 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Fable</title>
|
|
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
<body>
|
|
<h2>Status of each server</h2>
|
|
<table class="server-statuses">
|
|
</table>
|
|
<h2>Logs stored on each server</h2>
|
|
<table class="log-area">
|
|
</table>
|
|
<h2>Leader information</h2>
|
|
<div class="leader-area">
|
|
Leader information for server <b class="leader-state"></b>
|
|
<form>
|
|
<input type="number" class="leader-select" />
|
|
<button id="leader-select-button" class="leader-select-button" type="button">Display info for this leader</button>
|
|
</form>
|
|
<table class="leader-state-table">
|
|
</table>
|
|
</div>
|
|
<h2>Interaction</h2>
|
|
<h3>Servers</h3>
|
|
<form>
|
|
<input type="number" class="timeout-text" />
|
|
<button id="timeout-button" class="timeout-button" type="button">Inactivity timeout server</button>
|
|
</form>
|
|
<form>
|
|
<input type="number" class="heartbeat-text" />
|
|
<button class="heartbeat-button" type="button">Heartbeat server</button>
|
|
</form>
|
|
<h3>Clients</h3>
|
|
<table class="clients"></table>
|
|
<form>
|
|
<label for="client-server-selection">Server to send to</label>
|
|
<input type="number" id="client-server-selection" class="client-server-selection" />
|
|
<label for="client-data">Data to send</label>
|
|
<input type="number" id="client-data" class="client-data" />
|
|
<label for="client-id">Client to send from</label>
|
|
<input type="number" id="client-id" class="client-id" />
|
|
<label for="client-sequence">Sequence number for this client</label>
|
|
<input type="number" id="client-sequence" class="client-sequence" />
|
|
<button class="client-data-submit" type="button">Submit client data</button>
|
|
</form>
|
|
<form>
|
|
<label for="create-client-server">Server to send a client-create request</label>
|
|
<input type="number" id="create-client-server" class="create-client-server" />
|
|
<button class="client-create" type="button">Create client</button>
|
|
</form>
|
|
<h2>Messages in flight</h2>
|
|
<form>
|
|
<input type="checkbox" class="show-consumed" id="show-consumed" />
|
|
<label for="show-consumed">Show consumed messages</label>
|
|
</form>
|
|
<table class="button-area"></table>
|
|
<h2>Action history</h2>
|
|
<form>
|
|
<textarea class="action-history"></textarea>
|
|
</form>
|
|
<button class="reload-actions" type="button">Reload actions</button>
|
|
<script src="bundle.js"></script>
|
|
</body>
|
|
</html>
|