1a789d3acb
* cfg edit 1 * jsonschema deps * feat: lp mig - first few steps * lp mig: default tasks * code comments * docs * lp-mig-progress * shared * comments and todos * fix: curio: rename lotus-provider to curio (#11645) * rename provider to curio * install gotext * fix lint errors, mod tidy * fix typo * fix API_INFO and add gotext to circleCI * add back gotext * add gotext after remerge * lp: channels doc * finish easy-migration TODOs * out generate * merging and more renames * avoid make-all * minor doc stuff * cu: make gen * make gen fix * make gen * tryfix * go mod tidy * minor ez migration fixes * ez setup - ui cleanups * better error message * guided setup colors * better path to saveconfigtolayer * loadconfigwithupgrades fix * readMiner oops * guided - homedir * err if miner is running * prompt error should exit * process already running, miner_id sectors in migration * dont prompt for language a second time * check miner stopped * unlock repo * render and sql oops * curio easyMig - some fixes * easyMigration runs successfully * lint * part 2 of last * message * merge addtl * fixing guided setup for myself * warn-on-no-post * EditorLoads * cleanups and styles * create info * fix tests * make gen * sector early bird * sectors v2 * sector termination v1 * terminate2 * mjs * minor things * flag bad sectors * fix errors * add dealweight and deals * change column width * ui looking better * cleanups * fix pipeline page * comments * curioweb: Add missing sector info file * curioweb: fix hapi root template --------- Co-authored-by: LexLuthr <88259624+LexLuthr@users.noreply.github.com> Co-authored-by: LexLuthr <lexluthr@protocol.ai> Co-authored-by: LexLuthr <lexluthr@curiostorage.org> Co-authored-by: Łukasz Magiera <magik6k@gmail.com>
60 lines
2.0 KiB
JavaScript
60 lines
2.0 KiB
JavaScript
import { LitElement, html, css } from 'https://cdn.jsdelivr.net/gh/lit/dist@3/all/lit-all.min.js';
|
|
window.customElements.define('chain-connectivity', class MyElement extends LitElement {
|
|
constructor() {
|
|
super();
|
|
this.data = [];
|
|
this.loadData();
|
|
}
|
|
loadData() {
|
|
const eventSource = new EventSource('/api/debug/chain-state-sse');
|
|
eventSource.onmessage = (event) => {
|
|
this.data = JSON.parse(event.data);
|
|
super.requestUpdate();
|
|
};
|
|
eventSource.onerror = (error) => {
|
|
console.error('Error:', error);
|
|
loadData();
|
|
};
|
|
};
|
|
|
|
static get styles() {
|
|
return [css`
|
|
:host {
|
|
box-sizing: border-box; /* Don't forgert this to include padding/border inside width calculation */
|
|
}
|
|
.success {
|
|
color: green;
|
|
}
|
|
.warning {
|
|
color: yellow;
|
|
}
|
|
.error {
|
|
color: red;
|
|
}
|
|
`];
|
|
}
|
|
render = () => html`
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="/ux/main.css">
|
|
<table class="table table-dark">
|
|
<thead>
|
|
<tr>
|
|
<th>RPC Address</th>
|
|
<th>Reachability</th>
|
|
<th>Sync Status</th>
|
|
<th>Version</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
${this.data.map(item => html`
|
|
<tr>
|
|
<td>${item.Address}</td>
|
|
<td>${item.Reachable ? html`<span class="alert alert-success">ok</span>` : html`<span class="alert altert-danger">FAIL</span>`}</td>
|
|
<td>${item.SyncState === "ok" ? html`<span class="alert alert-success">ok</span>` : html`<span class="alert alert-warning">${item.SyncState}</span>`}</td>
|
|
<td>${item.Version}</td>
|
|
</tr>
|
|
`)}
|
|
</tbody>
|
|
</table>`
|
|
});
|