Fix Snackbar

qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js

@@ -40,9 +40,7 @@ class TradePortal extends LitElement {
             isLoadingHistoricTrades: { type: Boolean },
             isLoadingOpenTrades: { type: Boolean },
             isLoadingMyOpenOrders: { type: Boolean },
-            theme: { type: String, reflect: true },
+            theme: { type: String, reflect: true }
-            amountString: { type: String },
-            priceString: { type: String }
         }
     }
 
@@ -454,9 +452,6 @@ class TradePortal extends LitElement {
         this.listedCoins.set("LITECOIN", litecoin)
         this.listedCoins.set("DOGECOIN", dogecoin)
 
-        this.amountString = this.renderAmountText()
-        this.priceString = this.renderPriceText()
-
         workers.set("QORTAL", {
             tradesConnectedWorker: null,
             handleStuckTradesConnectedWorker: null
@@ -688,7 +683,7 @@ class TradePortal extends LitElement {
 									required readOnly
 									label="${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})"
 									placeholder="0.0000"
-									type="text"
+									type="number"
 									auto-validate="false"
 									outlined value="${this.initialAmount}"
 								>
@@ -893,11 +888,13 @@ class TradePortal extends LitElement {
         this._openOrdersGrid = this.shadowRoot.getElementById('openOrdersGrid')
 
         this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) {
-            root.innerHTML = '<vaadin-grid-sorter path="price" direction="asc">Price (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')</vaadin-grid-sorter>'
+            const priceString = get("tradepage.tchange9")
+            root.innerHTML = '<vaadin-grid-sorter path="price" direction="asc">' + priceString + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')</vaadin-grid-sorter>'
         }
 
         this._openOrdersGrid.querySelector('#qortAmountColumn').headerRenderer = function (root) {
-            root.innerHTML = '<vaadin-grid-sorter path="qortAmount">Amount (QORT)</vaadin-grid-sorter>'
+            const amountString = get("tradepage.tchange8")
+            root.innerHTML = '<vaadin-grid-sorter path="qortAmount">' + amountString + ' (QORT)</vaadin-grid-sorter>'
         }
 
         this._myOrdersGrid = this.shadowRoot.getElementById('myOrdersGrid')
@@ -991,14 +988,6 @@ class TradePortal extends LitElement {
         }
     }
 
-    renderAmountText() {
-        return html`${translate("tradepage.tchange8")}`
-    }
-
-    renderPriceText() {
-        return html`${translate("tradepage.tchange9")}`
-    }
-
     updateWalletBalance() {
         let _url = ``
         let _body = null
@@ -1023,7 +1012,8 @@ class TradePortal extends LitElement {
         })
             .then((res) => {
                 if (isNaN(Number(res))) {
-                    parentEpml.request('showSnackBar', `${translate("tradepage.tchange30")}`)
+                    let snack1string = get("tradepage.tchange30")
+                    parentEpml.request('showSnackBar', `${snack1tring}`)
                 } else {
                     this.listedCoins.get(this.selectedCoin).balance = (Number(res) / 1e8).toFixed(8)
                 }
@@ -1711,18 +1701,21 @@ class TradePortal extends LitElement {
             } else if (response === false) {
                 this.isSellLoading = false
                 this.sellBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange20")}`)
+                let snack2string = get("tradepage.tchange20")
+                parentEpml.request('showSnackBar', `${snack2tring}`)
             } else {
                 this.isSellLoading = false
                 this.sellBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange21")}: ${response.message}`)
+                let snack3string = get("tradepage.tchange21")
+                parentEpml.request('showSnackBar', `${snack3tring}: ${response.message}`)
             }
         }
 
         if (this.round(parseFloat(fundingQortAmount) + parseFloat(0.002)) > parseFloat(this.listedCoins.get("QORTAL").balance)) {
             this.isSellLoading = false
             this.sellBtnDisable = false
-            parentEpml.request('showSnackBar', `${translate("tradepage.tchange22")}`)
+            let snack4string = get("tradepage.tchange22")
+            parentEpml.request('showSnackBar', `${snack4tring}`)
             return false
         } else {
             const res = await makeRequest()
@@ -1764,15 +1757,18 @@ class TradePortal extends LitElement {
                 this.shadowRoot.getElementById('buyPriceInput').value = this.initialAmount
                 this.shadowRoot.getElementById('buyTotalInput').value = this.initialAmount
                 this.shadowRoot.getElementById('qortalAtAddress').value = ''
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange23")}`)
+                let snack5string = get("tradepage.tchange23")
+                parentEpml.request('showSnackBar', `${snack5tring}`)
             } else if (response === false) {
                 this.isBuyLoading = false
                 this.buyBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange24")}`)
+                let snack6string = get("tradepage.tchange24")
+                parentEpml.request('showSnackBar', `${snack6tring}`)
             } else {
                 this.isBuyLoading = false
                 this.buyBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange25")}: ${response.message}`)
+                let snack7string = get("tradepage.tchange25")
+                parentEpml.request('showSnackBar', `${snack7tring}: ${response.message}`)
             }
         }
 
@@ -1798,15 +1794,18 @@ class TradePortal extends LitElement {
             if (response === true) {
                 button.remove()
                 this.cancelBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange26")}`)
+                let snack8string = get("tradepage.tchange26")
+                parentEpml.request('showSnackBar', `${snack8tring}`)
             } else if (response === false) {
                 button.innerHTML = 'CANCEL'
                 this.cancelBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange27")}`)
+                let snack9string = get("tradepage.tchange27")
+                parentEpml.request('showSnackBar', `${snack9tring}`)
             } else {
                 button.innerHTML = 'CANCEL'
                 this.cancelBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange28")}: ${response.message}`)
+                let snack10string = get("tradepage.tchange28")
+                parentEpml.request('showSnackBar', `${snack10string}: ${response.message}`)
             }
         }
 
@@ -1852,13 +1851,16 @@ class TradePortal extends LitElement {
         const manageResponse = (response) => {
             if (response === true) {
                 this.cancelStuckOfferBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange26")}`)
+                let snack11string = get("tradepage.tchange26")
+                parentEpml.request('showSnackBar', `${snack11string}`)
             } else if (response === false) {
                 this.cancelStuckOfferBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange27")}`)
+                let snack12string = get("tradepage.tchange27")
+                parentEpml.request('showSnackBar', `${snack12string}`)
             } else {
                 this.cancelStuckOfferBtnDisable = false
-                parentEpml.request('showSnackBar', `${translate("tradepage.tchange28")}: ${response.message}`)
+                let snack13string = get("tradepage.tchange28")
+                parentEpml.request('showSnackBar', `${snack13string}: ${response.message}`)
             }
         }