From 65676b0413e56c6339cefde01da2da4805434bec Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Mon, 27 Nov 2023 16:52:22 +0100 Subject: [PATCH] Add notification to add peer --- .../node-management/node-management.src.js | 486 +++++++++--------- 1 file changed, 233 insertions(+), 253 deletions(-) diff --git a/plugins/plugins/core/node-management/node-management.src.js b/plugins/plugins/core/node-management/node-management.src.js index 1b2a5674..ccb61a4d 100644 --- a/plugins/plugins/core/node-management/node-management.src.js +++ b/plugins/plugins/core/node-management/node-management.src.js @@ -2,7 +2,7 @@ import {css, html, LitElement} from 'lit' import {render} from 'lit/html.js' import {Epml} from '../../../epml.js' import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate/index.js' +import {get, registerTranslateConfig, translate, use} from 'lit-translate' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@material/mwc-icon' import '@material/mwc-textfield' @@ -41,85 +41,85 @@ class NodeManagement extends LitElement { static get styles() { return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + * { + --mdc-theme-primary: rgb(3, 169, 244); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } - paper-spinner-lite { - height: 24px; - width: 24px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 2px; - } + paper-spinner-lite { + height: 24px; + width: 24px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 2px; + } - #node-management-page { - background: var(--white); - } + #node-management-page { + background: var(--white); + } - mwc-textfield { - width: 100%; - } + mwc-textfield { + width: 100%; + } - .red { - --mdc-theme-primary: #F44336; - } + .red { + --mdc-theme-primary: #F44336; + } - .red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } + .red-button { + --mdc-theme-primary: red; + --mdc-theme-on-primary: white; + } - mwc-button.red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } + mwc-button.red-button { + --mdc-theme-primary: red; + --mdc-theme-on-primary: white; + } - .node-card { - padding: 12px 24px; - background: var(--white); - border-radius: 2px; - box-shadow: 11; - } + .node-card { + padding: 12px 24px; + background: var(--white); + border-radius: 2px; + box-shadow: 11; + } - h2 { - margin: 0; - } + h2 { + margin: 0; + } - h2, - h3, - h4, - h5 { - color: var(--black); - font-weight: 400; - } + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } - .sblack { - color: var(--black); - } + .sblack { + color: var(--black); + } - [hidden] { - display: hidden !important; - visibility: none !important; - } + [hidden] { + display: hidden !important; + visibility: none !important; + } - .details { - display: flex; - font-size: 18px; - } - `; + .details { + display: flex; + font-size: 18px; + } + ` } constructor() { @@ -147,133 +147,99 @@ class NodeManagement extends LitElement { render() { return html` -
-
-

${translate("nodepage.nchange1")} ${this.nodeDomain}

- this.stopNode()}>dangerous ${translate("nodepage.nchange31")} - this.restartNode()}>360 ${translate("nodepage.nchange33")} -
${translate("nodepage.nchange2")} ${this.upTime} -

-
-
-

${translate("nodepage.nchange3")}

- this.shadowRoot.querySelector("#addMintingAccountDialog").show()} - > - add - ${translate("nodepage.nchange4")} - -
+
+
+

${translate("nodepage.nchange1")} ${this.nodeDomain}

+ this.stopNode()}>dangerous ${translate("nodepage.nchange31")} + this.restartNode()}>360 ${translate("nodepage.nchange33")} +
${translate("nodepage.nchange2")} ${this.upTime} +

+
+
+

${translate("nodepage.nchange3")}

+ this.shadowRoot.getElementById('addMintingAccountDialog').show()}> + add + ${translate("nodepage.nchange4")} + +
+ + + + { + render(html` + this.removeMintingAccount(data.item.publicKey)}> + create ${translate("nodepage.nchange12")} + + `, root) + }}> + + ${this.isEmptyArray(this.mintingAccounts) ? html`${translate("nodepage.nchange13")}` : ""} +

+
+
+

+ ${translate("nodepage.nchange14")} + (${this.peers.length}) +

+ this.shadowRoot.getElementById('addPeerDialog').show()}>add ${translate("nodepage.nchange15")} +
+ + + + + + { + render(html` + this.removePeer(data.item.address, data.index)}> + delete ${translate("nodepage.nchange12")} + + this.forceSyncPeer(data.item.address, data.index)}> +  ${translate("nodepage.nchange23")} + + `, root) + }}> + + ${this.isEmptyArray(this.peers) ? html`${translate("nodepage.nchange24")}` : ""} +

+
+
- - -
${translate("nodepage.nchange5")}
-
- - -
- - ${this.addMintingAccountMessage}   - - - - ${translate("nodepage.nchange7")}   - - - -
- - ${translate("nodepage.nchange8")} - - - ${translate("general.close")} - - + +
${translate("nodepage.nchange16")}

+ +
+ + + +
+ + ${translate("nodepage.nchange8")} + + + ${translate("general.close")} + + - - - - { - render(html` this.removeMintingAccount(data.item.publicKey)}>create ${translate("nodepage.nchange12")}`, root) - }}> - - ${this.isEmptyArray(this.mintingAccounts) ? html`${translate("nodepage.nchange13")}` : ""} -
-
-
-
-

- ${translate("nodepage.nchange14")} - (${this.peers.length}) -

- this.shadowRoot.querySelector("#addPeerDialog").show()}>add ${translate("nodepage.nchange15")} -
- - -
${translate("nodepage.nchange16")}
-
- -
- ${this.addPeerMessage}   - - - - -
- - ${translate("nodepage.nchange8")} - - - ${translate("general.close")} - - - - - - - - - { - render(html` this.removePeer(data.item.address, data.index)}>delete ${translate("nodepage.nchange12")} this.forceSyncPeer(data.item.address, data.index)}> ${translate("nodepage.nchange23")}`, root) - }}> - - ${this.isEmptyArray(this.peers) ? html`${translate("nodepage.nchange24")}` : ""} -
-
-
-
- ` + +
${translate("nodepage.nchange5")}

+ +
+ + ${this.addMintingAccountMessage}  + + + ${translate("nodepage.nchange7")}   + + +
+ + ${translate("nodepage.nchange8")} + + + ${translate("general.close")} + + + ` } firstUpdated() { @@ -321,7 +287,9 @@ class NodeManagement extends LitElement { const getNodeUpTime = () => { this.upTime = "" - parentEpml.request("apiCall", { url: `/admin/uptime` }).then((res) => { + parentEpml.request("apiCall", { + url: `/admin/uptime` + }).then((res) => { this.upTime = convertMsToTime(res) }) setTimeout(getNodeUpTime, 60000) @@ -329,7 +297,9 @@ class NodeManagement extends LitElement { const updatePeers = () => { this.peers = [] - parentEpml.request("apiCall", { url: `/peers` }).then((res) => { + parentEpml.request("apiCall", { + url: `/peers` + }).then((res) => { this.peers = res }) setTimeout(updatePeers, 60000) @@ -361,7 +331,9 @@ class NodeManagement extends LitElement { }) }) parentEpml.imReady() + this.clearConsole() + setInterval(() => { this.clearConsole() }, 60000) @@ -405,16 +377,14 @@ class NodeManagement extends LitElement { } forceSyncPeer(peerAddress, rowIndex) { - parentEpml - .request("apiCall", { - url: `/admin/forcesync?apiKey=${this.getApiKey()}`, - method: "POST", - body: peerAddress, - }) - .then((res) => { - let err3string = get("nodepage.nchange25") - parentEpml.request('showSnackBar', `${err3string}` + peerAddress) - }) + parentEpml.request("apiCall", { + url: `/admin/forcesync?apiKey=${this.getApiKey()}`, + method: "POST", + body: peerAddress + }).then((res) => { + let snackString = get("nodepage.nchange25") + parentEpml.request('showSnackBar', `${snackString}` + peerAddress) + }) } removePeer(peerAddress, rowIndex) { @@ -422,11 +392,11 @@ class NodeManagement extends LitElement { .request("apiCall", { url: `/peers?apiKey=${this.getApiKey()}`, method: "DELETE", - body: peerAddress, + body: peerAddress }) .then((res) => { - let err4string = get("nodepage.nchange26") - parentEpml.request('showSnackBar', `${err4string}` + peerAddress) + let snackString = get("nodepage.nchange26") + parentEpml.request('showSnackBar', `${snackString}` + peerAddress) this.peers.splice(rowIndex, 1) }) } @@ -438,8 +408,8 @@ class NodeManagement extends LitElement { method: "GET" }) .then((res) => { - let err7string = get("nodepage.nchange32") - parentEpml.request('showSnackBar', `${err7string}`) + let snackString = get("nodepage.nchange32") + parentEpml.request('showSnackBar', `${snackString}`) }) } @@ -450,60 +420,70 @@ class NodeManagement extends LitElement { method: "GET" }) .then((res) => { - let err7string = get("nodepage.nchange34") - parentEpml.request('showSnackBar', `${err7string}`) + let snackString = get("nodepage.nchange34") + parentEpml.request('showSnackBar', `${snackString}`) }) } - onPageNavigation(pageUrl) { - parentEpml.request("setPageUrl", pageUrl) - } - - addPeer(e) { + async addPeer() { this.addPeerLoading = true - const addPeerAddress = this.shadowRoot.querySelector("#addPeerAddress").value - - parentEpml - .request("apiCall", { - url: `/peers?apiKey=${this.getApiKey()}`, - method: "POST", - body: addPeerAddress, - }) - .then((res) => { - this.addPeerMessage = res.message + const addPeerAddress = this.shadowRoot.getElementById('addPeerAddress').value + console.log("ADDRESS", addPeerAddress) + await parentEpml.request("apiCall", { + url: `/peers?apiKey=${this.getApiKey()}`, + method: "POST", + body: addPeerAddress + }).then((res) => { + console.log("RES", res) + if (res === true) { + let trueString = get("walletpage.wchange52") + parentEpml.request('showSnackBar', `${trueString}`) this.addPeerLoading = false - }) + this.shadowRoot.getElementById('addPeerAddress').value = '' + this.shadowRoot.getElementById('addPeerDialog').close() + } else if (res === false || res.error === 123) { + let falseString = get("tabmenu.tm41") + parentEpml.request('showSnackBar', `${falseString}`) + this.addPeerLoading = false + } + }) } - addMintingAccount(e) { + closeAddPeerDialog() { + this.addPeerLoading = false + this.shadowRoot.getElementById('addPeerAddress').value = '' + this.shadowRoot.getElementById('addPeerDialog').close() + } + + addMintingAccount() { this.addMintingAccountLoading = true this.addMintingAccountMessage = "Loading..." this.addMintingAccountKey = this.shadowRoot.querySelector("#addMintingAccountKey").value - parentEpml - .request("apiCall", { - url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, - method: "POST", - body: this.addMintingAccountKey, - }) - .then((res) => { - if (res === true) { - this.updateMintingAccounts() - this.addMintingAccountKey = "" - this.addMintingAccountMessage = this.renderErr1Text() - this.addMintingAccountLoading = false - } else { - this.addMintingAccountKey = "" - this.addMintingAccountMessage = this.renderErr2Text() // Corrected an error here thanks to crow (-_-) - this.addMintingAccountLoading = false - } - }) + parentEpml.request("apiCall", { + url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, + method: "POST", + body: this.addMintingAccountKey + }).then((res) => { + if (res === true) { + this.updateMintingAccounts() + this.addMintingAccountKey = "" + this.addMintingAccountMessage = this.renderErr1Text() + this.addMintingAccountLoading = false + } else { + this.addMintingAccountKey = "" + this.addMintingAccountMessage = this.renderErr2Text() // Corrected an error here thanks to crow (-_-) + this.addMintingAccountLoading = false + } + }) } updateMintingAccounts() { this.mintingAccounts = [] - parentEpml.request("apiCall", { url: `/admin/mintingaccounts` }).then((res) => { + parentEpml.request("apiCall", { + url: `/admin/mintingaccounts` + }).then((res) => { this.mintingAccounts = res }) } @@ -514,17 +494,17 @@ class NodeManagement extends LitElement { parentEpml.request("apiCall", { url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, method: "DELETE", - body: publicKey, + body: publicKey }).then((res) => { if (res === true) { this.updateMintingAccounts() this.removeMintingAccountLoading = false - let err5string = get("nodepage.nchange29") - parentEpml.request('showSnackBar', `${err5string}`) + let snackString = get("nodepage.nchange29") + parentEpml.request('showSnackBar', `${snackString}`) } else { this.removeMintingAccountLoading = false - let err6string = get("nodepage.nchange30") - parentEpml.request('showSnackBar', `${err6string}`) + let snackString = get("nodepage.nchange30") + parentEpml.request('showSnackBar', `${snackString}`) } }) }