@@ -242,7 +232,7 @@ class ActorSummary extends LitElement {
Balance |
Available |
Worker |
-
Wins |
+
Wins 1d/7d/30d |
Expirations |
@@ -258,7 +248,7 @@ class ActorSummary extends LitElement {
${entry.ActorBalance} |
${entry.ActorAvailable} |
${entry.WorkerBalance} |
-
${this.renderWins(entry.Win1, entry.Win7, entry.Win30)} |
+
${entry.Win1}/${entry.Win7}/${entry.Win30} |
|
`)}
diff --git a/web/static/pages/market/deal-pipelines.mjs b/web/static/pages/market/deal-pipelines.mjs
new file mode 100644
index 000000000..b4c326ed1
--- /dev/null
+++ b/web/static/pages/market/deal-pipelines.mjs
@@ -0,0 +1,152 @@
+// deal-pipelines.mjs
+
+import { LitElement, html, css } from 'https://cdn.jsdelivr.net/gh/lit/dist@3/all/lit-all.min.js';
+import RPCCall from '/lib/jsonrpc.mjs';
+
+class DealPipelines extends LitElement {
+ static properties = {
+ deals: { type: Array },
+ limit: { type: Number },
+ offset: { type: Number },
+ totalCount: { type: Number },
+ };
+
+ constructor() {
+ super();
+ this.deals = [];
+ this.limit = 25;
+ this.offset = 0;
+ this.totalCount = 0;
+ this.loadData();
+ }
+
+ async loadData() {
+ try {
+ const params = [this.limit, this.offset];
+ const deals = await RPCCall('GetDealPipelines', params);
+ this.deals = deals;
+
+ // Optionally, get the total count of deals for pagination (if your API supports it)
+ // For this example, we'll assume we have a way to get the total count
+ // this.totalCount = await RPCCall('GetDealPipelinesCount', []);
+
+ // If total count is not available, we can infer whether there are more pages based on the number of deals fetched
+ this.requestUpdate();
+ } catch (error) {
+ console.error('Failed to load deal pipelines:', error);
+ }
+ }
+
+ nextPage() {
+ this.offset += this.limit;
+ this.loadData();
+ }
+
+ prevPage() {
+ if (this.offset >= this.limit) {
+ this.offset -= this.limit;
+ } else {
+ this.offset = 0;
+ }
+ this.loadData();
+ }
+
+ render() {
+ return html`
+
+
+
+
+
Deal Pipelines
+
+
+
+ | UUID |
+ SP ID |
+ Piece CID |
+ Piece Size |
+ Created At |
+ Status |
+
+
+
+
+ ${this.deals.map(
+ (deal) => html`
+
+ | ${deal.uuid} |
+ f0${deal.sp_id} |
+ ${deal.piece_cid} |
+ ${this.formatBytes(deal.piece_size)} |
+ ${new Date(deal.created_at).toLocaleString()} |
+ ${this.getDealStatus(deal)} |
+
+ `
+ )}
+
+
+
+
+ `;
+ }
+
+ formatBytes(bytes) {
+ const units = ['Bytes', 'KiB', 'MiB', 'GiB', 'TiB'];
+ let i = 0;
+ let size = bytes;
+ while (size >= 1024 && i < units.length - 1) {
+ size /= 1024;
+ i++;
+ }
+ if (i === 0) {
+ return `${size} ${units[i]}`;
+ } else {
+ return `${size.toFixed(2)} ${units[i]}`;
+ }
+ }
+
+ getDealStatus(deal) {
+ if (deal.complete) {
+ return 'Complete';
+ } else if (deal.sector) {
+ return 'Sealed';
+ } else if (deal.after_find_deal) {
+ return 'On Chain';
+ } else if (deal.after_psd) {
+ return 'Piece Added';
+ } else if (deal.after_commp) {
+ return 'CommP Calculated';
+ } else if (deal.started) {
+ return 'Started';
+ } else {
+ return 'Pending';
+ }
+ }
+
+ static styles = css`
+ .pagination-controls {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 1rem;
+ }
+ `;
+}
+
+customElements.define('deal-pipelines', DealPipelines);
\ No newline at end of file
diff --git a/web/static/pages/market/index.html b/web/static/pages/market/index.html
new file mode 100644
index 000000000..f8c887a30
--- /dev/null
+++ b/web/static/pages/market/index.html
@@ -0,0 +1,32 @@
+
+
+
+
Storage Marker
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/static/pages/market/market-asks.mjs b/web/static/pages/market/market-asks.mjs
new file mode 100644
index 000000000..d80385221
--- /dev/null
+++ b/web/static/pages/market/market-asks.mjs
@@ -0,0 +1,450 @@
+// market-asks.mjs
+
+import { LitElement, html, css } from 'https://cdn.jsdelivr.net/gh/lit/dist@3/all/lit-all.min.js';
+import RPCCall from '/lib/jsonrpc.mjs';
+
+class MarketAsks extends LitElement {
+ static properties = {
+ actorList: { type: Array },
+ spAsks: { type: Map },
+ updatingSpID: { type: Number },
+ newAsk: { type: Object },
+ sizeOptions: { type: Array },
+ };
+
+ constructor() {
+ super();
+ this.actorList = [];
+ this.spAsks = new Map();
+ this.updatingSpID = null;
+ this.newAsk = {};
+ this.sizeOptions = this.generateSizeOptions();
+ this.loadData();
+ }
+
+ // Generate size options from 64 GiB down to 128 bytes
+ generateSizeOptions() {
+ const sizes = [];
+ let sizeInBytes = 64 * 1024 ** 3; // Start with 64 GiB
+ const minSizeInBytes = 128; // Minimum size is 128 bytes
+
+ while (sizeInBytes >= minSizeInBytes) {
+ sizes.push({
+ value: sizeInBytes,
+ label: this.formatBytes(sizeInBytes),
+ });
+ sizeInBytes = sizeInBytes / 2; // Halve the size each time
+ }
+ return sizes;
+ }
+
+ // Format bytes into human-readable format
+ formatBytes(bytes) {
+ const units = ['Bytes', 'KiB', 'MiB', 'GiB', 'TiB'];
+ let i = 0;
+ let size = bytes;
+ while (size >= 1024 && i < units.length - 1) {
+ size /= 1024;
+ i++;
+ }
+ if (i === 0) {
+ return `${size} ${units[i]} (${bytes} bytes)`;
+ } else {
+ return `${size.toFixed(2)} ${units[i]} (${bytes} bytes)`;
+ }
+ }
+
+ async loadData() {
+ // Fetch actor list
+ const addresses = await RPCCall('ActorList', []);
+ // Map addresses to spIDs
+ const spIDs = addresses.map((addr) => parseInt(addr.substring(2)));
+ // Fetch storage asks for each spID
+ this.spAsks.clear();
+ await Promise.all(
+ spIDs.map(async (spID) => {
+ try {
+ const ask = await RPCCall('GetStorageAsk', [spID]);
+ this.spAsks.set(spID, ask);
+ } catch (error) {
+ // No ask for this spID
+ }
+ })
+ );
+ this.actorList = spIDs;
+ this.requestUpdate();
+ }
+
+ updateAsk(spID) {
+ // Open the update form
+ this.updatingSpID = spID;
+ const existingAsk = this.spAsks.get(spID) || {};
+ // Initialize newAsk with existing values or defaults
+ this.newAsk = {
+ SpID: spID,
+ Price: existingAsk.Price || '',
+ VerifiedPrice: existingAsk.VerifiedPrice || '',
+ MinSize: existingAsk.MinSize || 4 * 1024 ** 3, // Default to 4 GiB
+ MaxSize: existingAsk.MaxSize || 32 * 1024 ** 3, // Default to 32 GiB
+ PriceFIL: '1',
+ VerifiedPriceFIL: '0',
+ CreatedAt: '',
+ Expiry: '',
+ };
+
+ // If existing ask, convert AttoFIL/GiB/Epoch to FIL/TiB/Month
+ if (existingAsk.Price) {
+ this.newAsk.PriceFIL = this.attoFilToFilPerTiBPerMonth(existingAsk.Price);
+ }
+ if (existingAsk.VerifiedPrice) {
+ this.newAsk.VerifiedPriceFIL = this.attoFilToFilPerTiBPerMonth(existingAsk.VerifiedPrice);
+ }
+
+ this.requestUpdate();
+ }
+
+ async saveAsk() {
+ // Convert FIL/TiB/Month to AttoFIL/GiB/Epoch
+ const priceAtto = this.filToAttoFilPerGiBPerEpoch(parseFloat(this.newAsk.PriceFIL));
+ const verifiedPriceAtto = this.filToAttoFilPerGiBPerEpoch(parseFloat(this.newAsk.VerifiedPriceFIL));
+
+ // Set CreatedAt and Expiry
+ const now = Math.floor(Date.now() / 1000); // Unix timestamp in seconds
+ this.newAsk.CreatedAt = now;
+ // Set expiry to 365 days from now
+ this.newAsk.Expiry = now + 365 * 24 * 60 * 60; // 365 days in seconds
+
+ // Prepare the ask object to send to the server
+ const askToSend = {
+ SpID: this.newAsk.SpID,
+ Price: priceAtto,
+ VerifiedPrice: verifiedPriceAtto,
+ MinSize: parseInt(this.newAsk.MinSize),
+ MaxSize: parseInt(this.newAsk.MaxSize),
+ CreatedAt: this.newAsk.CreatedAt,
+ Expiry: this.newAsk.Expiry,
+ };
+
+ try {
+ await RPCCall('SetStorageAsk', [askToSend]);
+ // Reload data
+ await this.loadData();
+ // Close the form
+ this.updatingSpID = null;
+ } catch (error) {
+ console.error('Failed to set storage ask:', error);
+ }
+ }
+
+ // Conversion constants
+ get EPOCHS_IN_MONTH() {
+ return 86400;
+ }
+ get GIB_IN_TIB() {
+ return 1024;
+ }
+ get ATTOFIL_PER_FIL() {
+ return 1e18;
+ }
+
+ // Convert attoFIL/GiB/Epoch to FIL/TiB/Month
+ attoFilToFilPerTiBPerMonth(attoFilPerGiBPerEpoch) {
+ const filPerTiBPerMonth = (attoFilPerGiBPerEpoch * this.GIB_IN_TIB * this.EPOCHS_IN_MONTH) / this.ATTOFIL_PER_FIL;
+ return filPerTiBPerMonth.toFixed(8); // Limit to 8 decimal places
+ }
+
+ // Convert FIL/TiB/Month to attoFIL/GiB/Epoch
+ filToAttoFilPerGiBPerEpoch(filPerTiBPerMonth) {
+ const attoFilPerGiBPerEpoch = (filPerTiBPerMonth * this.ATTOFIL_PER_FIL) / this.GIB_IN_TIB / this.EPOCHS_IN_MONTH;
+ return Math.round(attoFilPerGiBPerEpoch); // Round to nearest integer
+ }
+
+ render() {
+ return html`
+
+
+
+
+
Storage Asks
+
+
+
+ | SP ID |
+ Price (FIL/TiB/Month) |
+ Price (attoFIL/GiB/Epoch) |
+ Verified Price (FIL/TiB/Month) |
+ Verified Price (attoFIL/GiB/Epoch) |
+ Min Size |
+ Max Size |
+ Sequence |
+ Actions |
+
+
+
+ ${this.actorList.map((spID) => {
+ const ask = this.spAsks.get(spID);
+ return html`
+
+ | f0${spID} |
+ ${ask ? this.attoFilToFilPerTiBPerMonth(ask.Price) : '-'} |
+ ${ask ? ask.Price : '-'} |
+ ${ask ? this.attoFilToFilPerTiBPerMonth(ask.VerifiedPrice) : '-'} |
+ ${ask ? ask.VerifiedPrice : '-'} |
+ ${ask ? this.formatBytes(ask.MinSize) : '-'} |
+ ${ask ? this.formatBytes(ask.MaxSize) : '-'} |
+ ${ask ? ask.Sequence : '-'} |
+
+
+ |
+
+ `;
+ })}
+
+
+ ${this.updatingSpID !== null ? this.renderUpdateForm() : ''}
+
+ `;
+ }
+
+ renderUpdateForm() {
+ return html`
+
+
+ `;
+ }
+
+ handlePriceFILInput(e) {
+ const value = e.target.value;
+ this.newAsk.PriceFIL = value;
+ if (value) {
+ this.newAsk.Price = this.filToAttoFilPerGiBPerEpoch(parseFloat(value));
+ } else {
+ this.newAsk.Price = '';
+ }
+ this.requestUpdate(); // Ensure the component re-renders
+ }
+
+ handleVerifiedPriceFILInput(e) {
+ const value = e.target.value;
+ this.newAsk.VerifiedPriceFIL = value;
+ if (value) {
+ this.newAsk.VerifiedPrice = this.filToAttoFilPerGiBPerEpoch(parseFloat(value));
+ } else {
+ this.newAsk.VerifiedPrice = '';
+ }
+ this.requestUpdate(); // Ensure the component re-renders
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+ this.saveAsk();
+ }
+
+ static styles = css`
+ .modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ outline: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ backdrop-filter: blur(5px);
+ }
+
+ .modal-dialog {
+ max-width: 600px;
+ margin: 1.75rem auto;
+ }
+
+ .modal-content {
+ background-color: var(--color-form-field, #1d1d21);
+ border: 1px solid var(--color-form-default, #808080);
+ border-radius: 0.3rem;
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
+ color: var(--color-text-primary, #FFF);
+ }
+
+ .modal-header,
+ .modal-footer {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem;
+ border-bottom: 1px solid var(--color-form-default, #808080);
+ }
+
+ .modal-header {
+ border-bottom: none;
+ }
+
+ .modal-body {
+ position: relative;
+ padding: 1rem;
+ }
+
+ .form-label {
+ margin-bottom: 0.5rem;
+ color: var(--color-text-primary, #FFF);
+ }
+
+ .form-control,
+ .form-select {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ color: var(--color-text-primary, #FFF);
+ background-color: var(--color-form-group-1, #484848);
+ background-clip: padding-box;
+ border: 1px solid var(--color-form-default, #808080);
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+
+ .form-control:focus,
+ .form-select:focus {
+ color: var(--color-text-primary, #FFF);
+ background-color: var(--color-form-group-1, #484848);
+ border-color: var(--color-primary-light, #8BEFE0);
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(29, 200, 204, 0.25);
+ }
+
+ .form-text {
+ color: var(--color-text-primary, #FFF);
+ font-size: 0.875em;
+ }
+
+ .modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: var(--color-text-secondary, #171717);
+ opacity: 0.5;
+ }
+
+ /* Responsive adjustments */
+ @media (max-width: 576px) {
+ .modal-dialog {
+ max-width: 100%;
+ margin: 0;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ }
+
+ .modal-content {
+ height: auto;
+ border-radius: 0;
+ }
+ }
+ `;
+}
+
+customElements.define('market-asks', MarketAsks);
\ No newline at end of file
diff --git a/web/static/pages/node_info/index.html b/web/static/pages/node_info/index.html
index 228a1a218..9992c7c85 100644
--- a/web/static/pages/node_info/index.html
+++ b/web/static/pages/node_info/index.html
@@ -7,6 +7,7 @@
+
Node Info
@@ -19,6 +20,7 @@ Node Info
+