lotus/curiosrc/web/static/index.html

156 lines
4.2 KiB
HTML
Raw Normal View History

2023-12-12 05:16:57 +00:00
<html>
<head>
<title>Curio Cluster Overview</title>
<script src="https://unpkg.com/htmx.org@1.9.5" integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO" crossorigin="anonymous"></script>
2023-12-12 14:07:38 +00:00
<script type="module" src="chain-connectivity.js"></script>
<link rel="stylesheet" href="main.css">
2024-01-12 15:16:35 +00:00
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'>
2023-12-12 05:16:57 +00:00
<style>
.deadline-box {
display: grid;
grid-template-columns: repeat(16, auto);
grid-template-rows: repeat(3, auto);
grid-gap: 1px;
}
.deadline-entry {
width: 10px;
height: 10px;
background-color: grey;
margin: 1px;
}
.deadline-entry-cur {
border-bottom: 3px solid deepskyblue;
height: 7px;
}
.deadline-proven {
background-color: green;
}
.deadline-partially-faulty {
background-color: yellow;
}
.deadline-faulty {
background-color: red;
}
2024-04-02 16:15:50 +00:00
.logo {
display: inline-block;
}
2023-12-12 05:16:57 +00:00
</style>
</head>
<body>
<div class="app-head">
2024-04-02 16:15:50 +00:00
<div class="logo">
<img src="favicon.svg" alt="Curio Logo" style="height: 64px; margin: 8px;">
</div>
<div class="head-left">
<h1>Curio Cluster</h1>
</div>
<div class="head-right">
version [todo]
2023-12-12 05:16:57 +00:00
</div>
</div>
<hr/>
<div class="page">
<div class="info-block">
<h2>Chain Connectivity</h2>
<chain-connectivity></chain-connectivity>
2023-12-12 05:16:57 +00:00
</div>
<hr>
<div class="info-block">
2024-01-12 15:16:35 +00:00
<h2>Cluster Machines</h2>
2023-12-12 05:16:57 +00:00
<table>
<thead>
<tr>
2024-01-12 15:16:35 +00:00
<th>Host</th>
<th>ID</th>
<th>Last Contact</th>
<th>Tasks (24h)</th>
</tr>
</thead>
2024-01-12 15:16:35 +00:00
<tbody hx-get="/hapi/simpleinfo/machines" hx-trigger="load,every 5s">
</tbody>
</table>
</div>
<hr>
<div class="info-block">
<h2><a href="/pipeline_porep.html">PoRep Pipeline</a></h2>
<table>
<thead>
<tr>
2024-01-12 15:16:35 +00:00
<th>Address</th>
<th>SDR</th>
<th>Trees</th>
<th>Precommit Msg</th>
<th>Wait Seed</th>
<th>PoRep</th>
<th>Commit Msg</th>
<th>Done</th>
<th>Failed</th>
</tr>
</thead>
<tbody hx-get="/hapi/simpleinfo/pipeline-porep" hx-trigger="load,every 5s">
</tbody>
</table>
</div>
<hr>
<div class="info-block">
<h2>Actor Summary</h2>
<table>
<thead>
<tr>
<th>Address</th>
<th>Config Layers</th>
2024-01-12 15:16:35 +00:00
<th>QaP</th>
<th>Deadlines</th>
<th>Balance</th>
<th>Available</th>
<th>Worker</th>
<th>Wins</th>
</tr>
</thead>
2024-01-12 15:16:35 +00:00
<tbody hx-get="/hapi/simpleinfo/actorsummary" hx-trigger="load,every 5s">
</tbody>
</table>
</div>
<hr>
<div class="info-block">
<h2>Recently Finished Tasks</h2>
<table>
<thead>
<tr>
<th>Name</th>
<th>ID</th>
<th>Executor</th>
<th>Posted</th>
<th>Start</th>
2024-01-12 15:16:35 +00:00
<th>Queued</th>
<th>Took</th>
<th>Outcome</th>
<th>Message</th>
</tr>
2023-12-12 05:16:57 +00:00
</thead>
2024-01-12 13:09:12 +00:00
<tbody hx-get="/hapi/simpleinfo/taskhistory" hx-trigger="load, every 2s">
2023-12-12 05:16:57 +00:00
</tbody>
</table>
</div>
<hr>
<div class="info-block">
<h2>Cluster Tasks</h2>
<table>
<thead>
<tr>
2024-01-12 18:43:48 +00:00
<th style="min-width: 128px">Task</th>
<th>ID</th>
<th>Posted</th>
<th>Owner</th>
</tr>
</thead>
2024-01-12 13:09:12 +00:00
<tbody hx-get="/hapi/simpleinfo/tasks" hx-trigger="load,every 1s">
</tbody>
</table>
2023-12-12 05:16:57 +00:00
</div>
</div>
2023-12-12 05:16:57 +00:00
</body>
</html>