2024-04-19 15:08:21 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en" style="background:rgb(11, 22, 34)">
|
2023-12-12 05:16:57 +00:00
|
|
|
<head>
|
2024-03-15 21:38:13 +00:00
|
|
|
<title>Curio Cluster Overview</title>
|
2024-04-19 15:08:21 +00:00
|
|
|
<script src="https://unpkg.com/htmx.org@1.9.5"
|
|
|
|
|
integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO"
|
|
|
|
|
crossorigin="anonymous"></script>
|
2024-04-16 14:30:27 +00:00
|
|
|
<script type="module" src="chain-connectivity.mjs"></script>
|
2024-04-19 15:08:21 +00:00
|
|
|
<script type="module" src="/ux/curio-ux.mjs"></script>
|
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;
|
|
|
|
|
}
|
2024-04-19 15:08:21 +00:00
|
|
|
|
2023-12-12 05:16:57 +00:00
|
|
|
.deadline-partially-faulty {
|
|
|
|
|
background-color: yellow;
|
|
|
|
|
}
|
2024-04-19 15:08:21 +00:00
|
|
|
|
2023-12-12 05:16:57 +00:00
|
|
|
.deadline-faulty {
|
|
|
|
|
background-color: red;
|
|
|
|
|
}
|
2024-04-19 15:08:21 +00:00
|
|
|
|
2024-04-02 16:15:50 +00:00
|
|
|
.logo {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
2024-04-19 15:08:21 +00:00
|
|
|
|
|
|
|
|
.dash-tile {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
padding: 0.75rem;
|
|
|
|
|
background: #3f3f3f;
|
|
|
|
|
|
|
|
|
|
& b {
|
|
|
|
|
padding-bottom: 0.5rem;
|
|
|
|
|
color: deeppink;
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-12-12 05:16:57 +00:00
|
|
|
</style>
|
|
|
|
|
</head>
|
2024-04-19 15:08:21 +00:00
|
|
|
<body style="visibility:hidden">
|
|
|
|
|
<curio-ux>
|
|
|
|
|
<div class="page">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-auto" style="width: 50%">
|
|
|
|
|
<div class="info-block">
|
|
|
|
|
<h2>Chain Connectivity</h2>
|
|
|
|
|
<chain-connectivity></chain-connectivity>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-auto">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-auto" style="width: 50%">
|
|
|
|
|
<div class="info-block">
|
|
|
|
|
<h2>Cluster Machines</h2>
|
|
|
|
|
<table class="table table-dark">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Host</th>
|
|
|
|
|
<th>ID</th>
|
|
|
|
|
<th>Last Contact</th>
|
|
|
|
|
<th>Tasks (24h)</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody hx-get="/hapi/simpleinfo/machines" hx-trigger="load,every 5s">
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-auto">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-auto" style="width: 50%">
|
|
|
|
|
<div class="info-block">
|
|
|
|
|
<h2><a href="/pipeline_porep.html">PoRep Pipeline</a></h2>
|
|
|
|
|
<table class="table table-dark">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-auto">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-auto" style="width: 50%">
|
|
|
|
|
<div class="info-block">
|
|
|
|
|
<h2>Actor Summary</h2>
|
|
|
|
|
<table class="table table-dark">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Address</th>
|
|
|
|
|
<th>Config Layers Available</th>
|
|
|
|
|
<th>QaP</th>
|
|
|
|
|
<th>Deadlines</th>
|
|
|
|
|
<th>Balance</th>
|
|
|
|
|
<th>Available</th>
|
|
|
|
|
<th>Worker</th>
|
|
|
|
|
<th>Wins</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody hx-get="/hapi/simpleinfo/actorsummary" hx-trigger="load,every 5s">
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-auto">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-auto" style="width: 50%">
|
|
|
|
|
<div class="info-block">
|
|
|
|
|
<h2>Recently Finished Tasks</h2>
|
|
|
|
|
<table class="table table-dark">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Name</th>
|
|
|
|
|
<th>ID</th>
|
|
|
|
|
<th>Executor</th>
|
|
|
|
|
<th>Posted</th>
|
|
|
|
|
<th>Start</th>
|
|
|
|
|
<th>Queued</th>
|
|
|
|
|
<th>Took</th>
|
|
|
|
|
<th>Outcome</th>
|
|
|
|
|
<th>Message</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody hx-get="/hapi/simpleinfo/taskhistory" hx-trigger="load, every 2s">
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-auto">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-auto" style="width: 50%">
|
|
|
|
|
<div class="info-block">
|
|
|
|
|
<h2>Cluster Tasks</h2>
|
|
|
|
|
<table class="table table-dark">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th style="min-width: 128px">Task</th>
|
|
|
|
|
<th>ID</th>
|
|
|
|
|
<th>Posted</th>
|
|
|
|
|
<th>Owner</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody hx-get="/hapi/simpleinfo/tasks" hx-trigger="load,every 1s">
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-auto">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</curio-ux>
|
2023-12-12 05:16:57 +00:00
|
|
|
</body>
|
2024-04-19 15:08:21 +00:00
|
|
|
|
2023-12-12 05:16:57 +00:00
|
|
|
</html>
|
