mirror of
https://github.com/Qortal/qortal-ui.git
synced 2025-02-11 09:45:52 +00:00
New wallet page
This commit is contained in:
parent
c007d7f853
commit
17291445ef
@ -18,6 +18,7 @@ import '@material/mwc-dialog'
|
||||
import '@material/mwc-formfield'
|
||||
import '@material/mwc-icon'
|
||||
import '@material/mwc-icon-button'
|
||||
import '@material/mwc-tab-bar'
|
||||
import '@material/mwc-textfield'
|
||||
import '@polymer/paper-progress/paper-progress.js'
|
||||
import '@polymer/paper-slider/paper-slider.js'
|
||||
@ -60,19 +61,18 @@ class MultiWallet extends LitElement {
|
||||
arrrAmount: { type: Number },
|
||||
arrrMemo: { type: String },
|
||||
errorMessage: { type: String },
|
||||
arrrWalletAddress: { type: String },
|
||||
successMessage: { type: String },
|
||||
sendMoneyLoading: { type: Boolean },
|
||||
btnDisable: { type: Boolean },
|
||||
isValidAmount: { type: Boolean },
|
||||
balance: { type: Number },
|
||||
balanceString: { type: String },
|
||||
btcFeePerByte: { type: Number },
|
||||
ltcFeePerByte: { type: Number },
|
||||
dogeFeePerByte: { type: Number },
|
||||
dgbFeePerByte: { type: Number },
|
||||
rvnFeePerByte: { type: Number },
|
||||
balanceString: { type: String },
|
||||
arrrWalletAddress: { type: String },
|
||||
exportErrorMessage: { type: String },
|
||||
qortBook: { type: Array },
|
||||
btcBook: { type: Array },
|
||||
ltcBook: { type: Array },
|
||||
@ -159,6 +159,21 @@ class MultiWallet extends LitElement {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#tabs-height {
|
||||
--mdc-tab-height: 50px;
|
||||
}
|
||||
|
||||
#tabs-1-content {
|
||||
height: 100%;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
mwc-tab-bar {
|
||||
--mdc-text-transform: none;
|
||||
--mdc-tab-color-default: var(--black);
|
||||
--mdc-tab-text-label-color-default: var(--black);
|
||||
}
|
||||
|
||||
paper-slider.blue {
|
||||
--paper-slider-knob-color: var(--paper-light-blue-500);
|
||||
--paper-slider-active-color: var(--paper-light-blue-500);
|
||||
@ -196,6 +211,10 @@ class MultiWallet extends LitElement {
|
||||
font-family: 'Roboto Mono', monospace;
|
||||
}
|
||||
|
||||
.sans {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
.weight-100 {
|
||||
font-weight: 100;
|
||||
}
|
||||
@ -273,25 +292,37 @@ class MultiWallet extends LitElement {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
color: var(--black);
|
||||
font-weight: 400;
|
||||
font: 24px/24px 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0 0 5px;
|
||||
color: var(--black);
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
@media (min-width: 765px) {
|
||||
.wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: 0.5fr 3.5fr;
|
||||
}
|
||||
.hrstyle {
|
||||
color: var(--border);
|
||||
border-radius: 80%;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
font-size: 32px;
|
||||
color: var(--black);
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.fullWidth {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
@ -405,19 +436,6 @@ class MultiWallet extends LitElement {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.currency-box {
|
||||
display: flex;
|
||||
background-color: var(--white);
|
||||
text-align: center;
|
||||
padding: 12px;
|
||||
cursor: pointer;
|
||||
transition: 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
.currency-box:not(:last-child) {
|
||||
border-bottom: var(--border);
|
||||
}
|
||||
|
||||
.active {
|
||||
background: var(--menuactive);
|
||||
}
|
||||
@ -432,27 +450,6 @@ class MultiWallet extends LitElement {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
|
||||
.currency-box.active .currency-image,
|
||||
.currency-box:hover .currency-image {
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.currency-box:hover {
|
||||
background: var(--menuhover);
|
||||
}
|
||||
|
||||
.currency-box.active,
|
||||
.currency-box:hover .currency-text {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.currency-text {
|
||||
margin: auto 0;
|
||||
margin-left: 8px;
|
||||
font-size: 20px;
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.qort .currency-image {
|
||||
background-image: url('/img/qort.png');
|
||||
}
|
||||
@ -572,9 +569,6 @@ class MultiWallet extends LitElement {
|
||||
.cards {
|
||||
margin-top: 25px;
|
||||
}
|
||||
.currency-box:nth-of-type(2) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.checkboxLabel:hover{
|
||||
@ -591,16 +585,6 @@ class MultiWallet extends LitElement {
|
||||
.cards {
|
||||
margin-top: 25px;
|
||||
}
|
||||
.currency-box {
|
||||
width: calc(50% - 25px);
|
||||
max-width: 260px;
|
||||
display: inline-block;
|
||||
margin-right: 25px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.currency-box:nth-of-type(2) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 530px) {
|
||||
@ -610,16 +594,6 @@ class MultiWallet extends LitElement {
|
||||
.cards {
|
||||
text-align: center;
|
||||
}
|
||||
.currency-box {
|
||||
width: calc(100% - 25px);
|
||||
max-width: 260px;
|
||||
}
|
||||
.currency-box:nth-of-type(2) {
|
||||
margin-right: 25px;
|
||||
}
|
||||
.currency-box:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.wallet-balance {
|
||||
font-size: 22px;
|
||||
}
|
||||
@ -652,11 +626,8 @@ class MultiWallet extends LitElement {
|
||||
this.isTextMenuOpen = false
|
||||
this.loading = true
|
||||
|
||||
this.selectWallet = this.selectWallet.bind(this)
|
||||
|
||||
this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light';
|
||||
|
||||
this.exportErrorMessage = ''
|
||||
this.qortBook = []
|
||||
this.btcBook = []
|
||||
this.ltcBook = []
|
||||
@ -767,40 +738,38 @@ class MultiWallet extends LitElement {
|
||||
render() {
|
||||
return html`
|
||||
<div class="wrapper">
|
||||
<div class="wallet">
|
||||
<div style="font-size: 20px; color: var(--black); padding: 16px; border-bottom: 1px solid var(--border);">${translate("walletpage.wchange22")}</div>
|
||||
<div class="cards">
|
||||
<div coin="qort" class="currency-box qort active">
|
||||
<div class="currency-image"></div>
|
||||
<div class="currency-text">Qort</div>
|
||||
</div>
|
||||
<div coin="btc" class="currency-box btc">
|
||||
<div class="currency-image"></div>
|
||||
<div class="currency-text">Bitcoin</div>
|
||||
</div>
|
||||
<div coin="ltc" class="currency-box ltc">
|
||||
<div class="currency-image"></div>
|
||||
<div class="currency-text">Litecoin</div>
|
||||
</div>
|
||||
<div coin="doge" class="currency-box doge">
|
||||
<div class="currency-image"></div>
|
||||
<div class="currency-text">Dogecoin</div>
|
||||
</div>
|
||||
<div coin="dgb" class="currency-box dgb">
|
||||
<div class="currency-image"></div>
|
||||
<div class="currency-text">Digibyte</div>
|
||||
</div>
|
||||
<div coin="rvn" class="currency-box rvn">
|
||||
<div class="currency-image"></div>
|
||||
<div class="currency-text">Ravencoin</div>
|
||||
</div>
|
||||
<div coin="arrr" class="currency-box arrr">
|
||||
<div class="currency-image"></div>
|
||||
<div class="currency-text">Pirate Chain</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-title sans">
|
||||
${translate("walletpage.wchange22")}
|
||||
</div>
|
||||
|
||||
<div class="fullWidth">
|
||||
<hr class="hrstyle">
|
||||
</div>
|
||||
|
||||
<mwc-tab-bar id="tabs-1" activeIndex="0">
|
||||
<mwc-tab label="Qortal" hasImageIcon minWidth @click="${(e) => this.tabWalletQort()}">
|
||||
<img slot="icon" width="24px" height="24px" src="/img/qort.png">
|
||||
</mwc-tab>
|
||||
<mwc-tab label="Bitcoin" hasImageIcon minWidth @click="${(e) => this.tabWalletBtc()}">
|
||||
<img slot="icon" width="24px" height="24px" src="/img/btc.png">
|
||||
</mwc-tab>
|
||||
<mwc-tab label="Litecoin" hasImageIcon minWidth @click="${(e) => this.tabWalletLtc()}">
|
||||
<img slot="icon" width="24px" height="24px" src="/img/ltc.png">
|
||||
</mwc-tab>
|
||||
<mwc-tab label="Dogecoin" hasImageIcon minWidth @click="${(e) => this.tabWalletDoge()}">
|
||||
<img slot="icon" width="24px" height="24px" src="/img/doge.png">
|
||||
</mwc-tab>
|
||||
<mwc-tab label="Digibyte" hasImageIcon minWidth @click="${(e) => this.tabWalletDgb()}">
|
||||
<img slot="icon" width="24px" height="24px" src="/img/dgb.png">
|
||||
</mwc-tab>
|
||||
<mwc-tab label="Ravencoin" hasImageIcon minWidth @click="${(e) => this.tabWalletRvn()}">
|
||||
<img slot="icon" width="24px" height="24px" src="/img/rvn.png">
|
||||
</mwc-tab>
|
||||
<mwc-tab label="Pirate Chain" hasImageIcon minWidth @click="${(e) => this.tabWalletArrr()}">
|
||||
<img slot="icon" width="24px" height="24px" src="/img/arrr.png">
|
||||
</mwc-tab>
|
||||
</mwc-tab-bar>
|
||||
|
||||
<div class="transactions-wrapper">
|
||||
<h2 class="wallet-header">
|
||||
${translate("walletpage.wchange2")}
|
||||
@ -1205,7 +1174,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="sendQortDialog">
|
||||
<mwc-dialog id="sendQortDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div class="send-coin-dialog">
|
||||
<div style="text-align: center;">
|
||||
<img src="/img/qort.png" width="32" height="32">
|
||||
@ -1271,7 +1240,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="sendBtcDialog">
|
||||
<mwc-dialog id="sendBtcDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div class="send-coin-dialog">
|
||||
<div style="text-align: center;">
|
||||
<img src="/img/btc.png" width="32" height="32">
|
||||
@ -1348,7 +1317,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="sendLtcDialog">
|
||||
<mwc-dialog id="sendLtcDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div class="send-coin-dialog">
|
||||
<div style="text-align: center;">
|
||||
<img src="/img/ltc.png" width="32" height="32">
|
||||
@ -1425,7 +1394,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="sendDogeDialog">
|
||||
<mwc-dialog id="sendDogeDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div class="send-coin-dialog">
|
||||
<div style="text-align: center;">
|
||||
<img src="/img/doge.png" width="32" height="32">
|
||||
@ -1504,7 +1473,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="sendDgbDialog">
|
||||
<mwc-dialog id="sendDgbDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div class="send-coin-dialog">
|
||||
<div style="text-align: center;">
|
||||
<img src="/img/dgb.png" width="32" height="32">
|
||||
@ -1583,7 +1552,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="sendRvnDialog">
|
||||
<mwc-dialog id="sendRvnDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div class="send-coin-dialog">
|
||||
<div style="text-align: center;">
|
||||
<img src="/img/rvn.png" width="32" height="32">
|
||||
@ -1662,7 +1631,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="sendArrrDialog">
|
||||
<mwc-dialog id="sendArrrDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div class="send-coin-dialog">
|
||||
<div style="text-align: center;">
|
||||
<img src="/img/arrr.png" width="32" height="32">
|
||||
@ -1974,7 +1943,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="addQortAddressDialog">
|
||||
<mwc-dialog id="addQortAddressDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div style="text-align:center">
|
||||
<img src="/img/qort.png" width="32" height="32">
|
||||
<h1>Qortal ${translate("walletpage.wchange47")}</h1><br />
|
||||
@ -2023,7 +1992,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="addBtcAddressDialog">
|
||||
<mwc-dialog id="addBtcAddressDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div style="text-align:center">
|
||||
<img src="/img/btc.png" width="32" height="32">
|
||||
<h1>Bitcoin ${translate("walletpage.wchange47")}</h1><br />
|
||||
@ -2072,7 +2041,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="addLtcAddressDialog">
|
||||
<mwc-dialog id="addLtcAddressDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div style="text-align:center">
|
||||
<img src="/img/ltc.png" width="32" height="32">
|
||||
<h1>Litecoin ${translate("walletpage.wchange47")}</h1><br />
|
||||
@ -2121,7 +2090,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="addDogeAddressDialog">
|
||||
<mwc-dialog id="addDogeAddressDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div style="text-align:center">
|
||||
<img src="/img/doge.png" width="32" height="32">
|
||||
<h1>Dogecoin ${translate("walletpage.wchange47")}</h1><br />
|
||||
@ -2170,7 +2139,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="addDgbAddressDialog">
|
||||
<mwc-dialog id="addDgbAddressDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div style="text-align:center">
|
||||
<img src="/img/dgb.png" width="32" height="32">
|
||||
<h1>Digibyte ${translate("walletpage.wchange47")}</h1><br />
|
||||
@ -2219,7 +2188,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="addRvnAddressDialog">
|
||||
<mwc-dialog id="addRvnAddressDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div style="text-align:center">
|
||||
<img src="/img/rvn.png" width="32" height="32">
|
||||
<h1>Ravencoin ${translate("walletpage.wchange47")}</h1><br />
|
||||
@ -2268,7 +2237,7 @@ class MultiWallet extends LitElement {
|
||||
</mwc-button>
|
||||
</mwc-dialog>
|
||||
|
||||
<mwc-dialog id="addArrrAddressDialog">
|
||||
<mwc-dialog id="addArrrAddressDialog" scrimClickAction="" escapeKeyAction="">
|
||||
<div style="text-align:center">
|
||||
<img src="/img/arrr.png" width="32" height="32">
|
||||
<h1>Pirate Chain ${translate("walletpage.wchange47")}</h1><br />
|
||||
@ -2479,13 +2448,8 @@ class MultiWallet extends LitElement {
|
||||
this.rvnAddressbook()
|
||||
this.arrrAddressbook()
|
||||
|
||||
this.currencyBoxes = this.shadowRoot.querySelectorAll('.currency-box')
|
||||
this.transactionsDOM = this.shadowRoot.getElementById('transactionsDOM')
|
||||
|
||||
this.currencyBoxes.forEach((currencyBox) => {
|
||||
currencyBox.addEventListener('click', this.selectWallet)
|
||||
})
|
||||
|
||||
this.showWallet()
|
||||
|
||||
window.addEventListener('contextmenu', (event) => {
|
||||
@ -2900,6 +2864,41 @@ class MultiWallet extends LitElement {
|
||||
}
|
||||
}
|
||||
|
||||
tabWalletQort() {
|
||||
this._selectedWallet = 'qort'
|
||||
this.showWallet()
|
||||
}
|
||||
|
||||
tabWalletBtc() {
|
||||
this._selectedWallet = 'btc'
|
||||
this.showWallet()
|
||||
}
|
||||
|
||||
tabWalletLtc() {
|
||||
this._selectedWallet = 'ltc'
|
||||
this.showWallet()
|
||||
}
|
||||
|
||||
tabWalletDoge() {
|
||||
this._selectedWallet = 'doge'
|
||||
this.showWallet()
|
||||
}
|
||||
|
||||
tabWalletDgb() {
|
||||
this._selectedWallet = 'dgb'
|
||||
this.showWallet()
|
||||
}
|
||||
|
||||
tabWalletRvn() {
|
||||
this._selectedWallet = 'rvn'
|
||||
this.showWallet()
|
||||
}
|
||||
|
||||
tabWalletArrr() {
|
||||
this._selectedWallet = 'arrr'
|
||||
this.showWallet()
|
||||
}
|
||||
|
||||
qortAddressbook() {
|
||||
if (localStorage.getItem("addressbookQort") === null) {
|
||||
localStorage.setItem("addressbookQort", "")
|
||||
@ -3588,42 +3587,71 @@ class MultiWallet extends LitElement {
|
||||
|
||||
closeQortDialog() {
|
||||
this.shadowRoot.querySelector('#sendQortDialog').close()
|
||||
this.shadowRoot.getElementById('amountInput').value = ''
|
||||
this.shadowRoot.getElementById('recipient').value = ''
|
||||
this.recipient = ''
|
||||
this.amount = 0
|
||||
this.successMessage = ''
|
||||
this.errorMessage = ''
|
||||
}
|
||||
|
||||
closeBtcDialog() {
|
||||
this.shadowRoot.querySelector('#sendBtcDialog').close()
|
||||
this.shadowRoot.getElementById('btcAmountInput').value = 0
|
||||
this.shadowRoot.getElementById('btcRecipient').value = ''
|
||||
this.btcRecipient = ''
|
||||
this.btcAmount = 0
|
||||
this.successMessage = ''
|
||||
this.errorMessage = ''
|
||||
}
|
||||
|
||||
closeLtcDialog() {
|
||||
this.shadowRoot.querySelector('#sendLtcDialog').close()
|
||||
this.shadowRoot.getElementById('ltcAmountInput').value = 0
|
||||
this.shadowRoot.getElementById('ltcRecipient').value = ''
|
||||
this.ltcRecipient = ''
|
||||
this.ltcAmount = 0
|
||||
this.successMessage = ''
|
||||
this.errorMessage = ''
|
||||
}
|
||||
|
||||
closeDogeDialog() {
|
||||
this.shadowRoot.querySelector('#sendDogeDialog').close()
|
||||
this.shadowRoot.getElementById('dogeAmountInput').value = 0
|
||||
this.shadowRoot.getElementById('dogeRecipient').value = ''
|
||||
this.dogeRecipient = ''
|
||||
this.dogeAmount = 0
|
||||
this.successMessage = ''
|
||||
this.errorMessage = ''
|
||||
}
|
||||
|
||||
closeDgbDialog() {
|
||||
this.shadowRoot.querySelector('#sendDgbDialog').close()
|
||||
this.shadowRoot.getElementById('dgbAmountInput').value = 0
|
||||
this.shadowRoot.getElementById('dgbRecipient').value = ''
|
||||
this.dgbRecipient = ''
|
||||
this.dgbAmount = 0
|
||||
this.successMessage = ''
|
||||
this.errorMessage = ''
|
||||
}
|
||||
|
||||
closeRvnDialog() {
|
||||
this.shadowRoot.querySelector('#sendRvnDialog').close()
|
||||
this.shadowRoot.getElementById('rvnAmountInput').value = 0
|
||||
this.shadowRoot.getElementById('rvRecipient').value = ''
|
||||
this.rvnRecipient = ''
|
||||
this.rvnAmount = 0
|
||||
this.successMessage = ''
|
||||
this.errorMessage = ''
|
||||
}
|
||||
|
||||
closeArrrDialog() {
|
||||
this.shadowRoot.querySelector('#sendArrrDialog').close()
|
||||
this.shadowRoot.getElementById('arrrRecipient').value = ''
|
||||
this.shadowRoot.getElementById('arrrMemo').value = ''
|
||||
this.arrrRecipient = ''
|
||||
this.arrrMemo=''
|
||||
this.arrrAmount = 0
|
||||
this.successMessage = ''
|
||||
this.errorMessage = ''
|
||||
}
|
||||
@ -3779,21 +3807,6 @@ class MultiWallet extends LitElement {
|
||||
return html`${translate("walletpage.wchange8")}`
|
||||
}
|
||||
|
||||
selectWallet(event) {
|
||||
event.preventDefault()
|
||||
|
||||
const target = event.currentTarget
|
||||
|
||||
this.currencyBoxes.forEach((currencyBox) => {
|
||||
if (currencyBox.classList.contains('active')) {
|
||||
currencyBox.classList.remove('active')
|
||||
}
|
||||
})
|
||||
target.classList.add('active')
|
||||
this._selectedWallet = target.attributes.coin.value
|
||||
this.showWallet()
|
||||
}
|
||||
|
||||
_checkAmount(e) {
|
||||
const targetAmount = e.target.value
|
||||
const target = e.target
|
||||
@ -4695,7 +4708,7 @@ class MultiWallet extends LitElement {
|
||||
return render(html``, root)
|
||||
}
|
||||
const confirmed = data.item.confirmations >= requiredConfirmations
|
||||
const unconfirmed = data.item.confirmations == 0
|
||||
const unconfirmed = data.item.confirmations == 0
|
||||
if (confirmed) {
|
||||
render(html`<mwc-icon title="${data.item.confirmations} ${translate("walletpage.wchange42")}" style="color: #00C851">check</mwc-icon>`, root)
|
||||
} else if (unconfirmed) {
|
||||
@ -4708,20 +4721,22 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange35")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html` ${data.item.type} ${data.item.creatorAddress === this.wallets.get('qort').wallet.address ? html`<span class="color-out">${translate("walletpage.wchange7")}</span>` : html`<span class="color-in">${translate("walletpage.wchange8")}</span>`} `, root)
|
||||
}}
|
||||
>
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange9")}" path="creatorAddress"></vaadin-grid-column>
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange10")}" path="recipient"></vaadin-grid-column>
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange36")}" path="fee"></vaadin-grid-column>
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange11")}" path="amount"></vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange9")}"
|
||||
path="creatorAddress"
|
||||
>
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column auto-width header="${translate("walletpage.wchange10")}" path="recipient"></vaadin-grid-column>
|
||||
<vaadin-grid-column auto-width header="${translate("walletpage.wchange36")}" path="fee"></vaadin-grid-column>
|
||||
<vaadin-grid-column auto-width header="${translate("walletpage.wchange11")}" path="amount"></vaadin-grid-column>
|
||||
<vaadin-grid-column auto-width
|
||||
header="${translate("walletpage.wchange14")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const time = new Date(data.item.timestamp)
|
||||
@ -4748,7 +4763,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange35")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`<span class="color-out">${translate("walletpage.wchange7")}</span>` : html`<span class="color-in">${translate("walletpage.wchange8")}</span>`} `, root)
|
||||
@ -4757,7 +4771,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange9")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.inputs[0].address}`, root)
|
||||
@ -4766,7 +4779,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange10")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.outputs[0].address}`, root)
|
||||
@ -4776,7 +4788,6 @@ class MultiWallet extends LitElement {
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange16")}" path="txHash"></vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange37")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
|
||||
@ -4786,7 +4797,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange14")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const time = new Date(data.item.timestamp)
|
||||
@ -4813,7 +4823,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange35")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`<span class="color-out">${translate("walletpage.wchange7")}</span>` : html`<span class="color-in">${translate("walletpage.wchange8")}</span>`} `, root)
|
||||
@ -4822,7 +4831,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange9")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.inputs[0].address}`, root)
|
||||
@ -4831,7 +4839,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange10")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.outputs[0].address}`, root)
|
||||
@ -4841,7 +4848,6 @@ class MultiWallet extends LitElement {
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange16")}" path="txHash"></vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange37")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
|
||||
@ -4851,7 +4857,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange14")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const time = new Date(data.item.timestamp)
|
||||
@ -4878,7 +4883,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange35")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`<span class="color-out">${translate("walletpage.wchange7")}</span>` : html`<span class="color-in">${translate("walletpage.wchange8")}</span>`} `, root)
|
||||
@ -4887,7 +4891,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange9")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.inputs[0].address}`, root)
|
||||
@ -4896,7 +4899,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange10")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.outputs[0].address}`, root)
|
||||
@ -4906,7 +4908,6 @@ class MultiWallet extends LitElement {
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange16")}" path="txHash"></vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange37")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
|
||||
@ -4916,7 +4917,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange14")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const time = new Date(data.item.timestamp)
|
||||
@ -4943,7 +4943,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange35")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`<span class="color-out">${translate("walletpage.wchange7")}</span>` : html`<span class="color-in">${translate("walletpage.wchange8")}</span>`} `, root)
|
||||
@ -4952,7 +4951,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange9")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.inputs[0].address}`, root)
|
||||
@ -4961,7 +4959,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange10")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.outputs[0].address}`, root)
|
||||
@ -4971,7 +4968,6 @@ class MultiWallet extends LitElement {
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange16")}" path="txHash"></vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange37")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
|
||||
@ -4981,7 +4977,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange14")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const time = new Date(data.item.timestamp)
|
||||
@ -5008,7 +5003,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange35")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`<span class="color-out">${translate("walletpage.wchange7")}</span>` : html`<span class="color-in">${translate("walletpage.wchange8")}</span>`} `, root)
|
||||
@ -5017,7 +5011,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange9")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.inputs[0].address}`, root)
|
||||
@ -5026,7 +5019,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange10")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.outputs[0].address}`, root)
|
||||
@ -5036,7 +5028,6 @@ class MultiWallet extends LitElement {
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange16")}" path="txHash"></vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange37")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
|
||||
@ -5046,7 +5037,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange14")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const time = new Date(data.item.timestamp)
|
||||
@ -5073,7 +5063,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange35")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html` ${translate("walletpage.wchange40")} ${data.item.totalAmount < 0 ? html`<span class="color-out">${translate("walletpage.wchange7")}</span>` : html`<span class="color-in">${translate("walletpage.wchange8")}</span>`} `, root)
|
||||
@ -5082,7 +5071,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<!--<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange9")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.inputs[0].address}`, root)
|
||||
@ -5091,7 +5079,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange10")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.outputs[0].address}`, root)
|
||||
@ -5101,7 +5088,6 @@ class MultiWallet extends LitElement {
|
||||
<vaadin-grid-column auto-width resizable header="${translate("walletpage.wchange16")}" path="txHash"></vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange37")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
|
||||
@ -5111,7 +5097,6 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange14")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
const time = new Date(data.item.timestamp)
|
||||
@ -5121,8 +5106,7 @@ class MultiWallet extends LitElement {
|
||||
</vaadin-grid-column>
|
||||
<vaadin-grid-column
|
||||
auto-width
|
||||
resizable
|
||||
header="${translate("walletpage.wchange50")}"
|
||||
header="${translate("walletpage.wchange57")}"
|
||||
.renderer=${(root, column, data) => {
|
||||
render(html`${data.item.memo}`, root)
|
||||
}}
|
||||
@ -5347,7 +5331,6 @@ class MultiWallet extends LitElement {
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
isEmptyArray(arr) {
|
||||
if (!arr) {
|
||||
return true
|
||||
|
Loading…
x
Reference in New Issue
Block a user