Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-11 17:55:51 +00:00
Code Issues Projects Releases Wiki Activity

New wallet page

Browse Source
This commit is contained in:
AlphaX-Projects 2022-08-26 15:10:56 +02:00 committed by GitHub
parent c007d7f853
commit 17291445ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 158 additions and 175 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

333
qortal-ui-plugins/plugins/core/wallet/wallet-app.src.js
View File

@ -18,6 +18,7 @@ import '@material/mwc-dialog'
import '@material/mwc-formfield' import '@material/mwc-formfield'
import '@material/mwc-icon' import '@material/mwc-icon'
import '@material/mwc-icon-button' import '@material/mwc-icon-button'
import '@material/mwc-tab-bar'
import '@material/mwc-textfield' import '@material/mwc-textfield'
import '@polymer/paper-progress/paper-progress.js' import '@polymer/paper-progress/paper-progress.js'
import '@polymer/paper-slider/paper-slider.js' import '@polymer/paper-slider/paper-slider.js'
@ -60,19 +61,18 @@ class MultiWallet extends LitElement {
arrrAmount: { type: Number }, arrrAmount: { type: Number },
arrrMemo: { type: String }, arrrMemo: { type: String },
errorMessage: { type: String }, errorMessage: { type: String },
arrrWalletAddress: { type: String },
successMessage: { type: String }, successMessage: { type: String },
sendMoneyLoading: { type: Boolean }, sendMoneyLoading: { type: Boolean },
btnDisable: { type: Boolean }, btnDisable: { type: Boolean },
isValidAmount: { type: Boolean }, isValidAmount: { type: Boolean },
balance: { type: Number }, balance: { type: Number },
balanceString: { type: String },
btcFeePerByte: { type: Number }, btcFeePerByte: { type: Number },
ltcFeePerByte: { type: Number }, ltcFeePerByte: { type: Number },
dogeFeePerByte: { type: Number }, dogeFeePerByte: { type: Number },
dgbFeePerByte: { type: Number }, dgbFeePerByte: { type: Number },
rvnFeePerByte: { type: Number }, rvnFeePerByte: { type: Number },
balanceString: { type: String },
arrrWalletAddress: { type: String },
exportErrorMessage: { type: String },
qortBook: { type: Array }, qortBook: { type: Array },
btcBook: { type: Array }, btcBook: { type: Array },
ltcBook: { type: Array }, ltcBook: { type: Array },
@ -159,6 +159,21 @@ class MultiWallet extends LitElement {
cursor: default; 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.blue {
--paper-slider-knob-color: var(--paper-light-blue-500); --paper-slider-knob-color: var(--paper-light-blue-500);
--paper-slider-active-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; font-family: 'Roboto Mono', monospace;
} }
.sans {
font-family: 'Open Sans', sans-serif;
}
.weight-100 { .weight-100 {
font-weight: 100; font-weight: 100;
} }
@ -273,25 +292,37 @@ class MultiWallet extends LitElement {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
h2 { h2 {
margin: 0; margin: 0;
color: var(--black);
font-weight: 400; font-weight: 400;
font: 24px/24px 'Open Sans', sans-serif; font: 24px/24px 'Open Sans', sans-serif;
} }
h3 { h3 {
margin: 0 0 5px; margin: 0 0 5px;
color: var(--black);
font-weight: 600; font-weight: 600;
font-size: 18px; font-size: 18px;
line-height: 18px; line-height: 18px;
} }
@media (min-width: 765px) { .hrstyle {
.wrapper { color: var(--border);
display: grid; border-radius: 80%;
grid-template-columns: 0.5fr 3.5fr; margin-bottom: 1rem;
} }
.header-title {
font-size: 32px;
color: var(--black);
font-weight: 600;
text-align: center;
margin-top: 1rem;
}
.fullWidth {
width: 100%;
} }
.wrapper { .wrapper {
@ -405,19 +436,6 @@ class MultiWallet extends LitElement {
display: inline-block; 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 { .active {
background: var(--menuactive); background: var(--menuactive);
} }
@ -432,27 +450,6 @@ class MultiWallet extends LitElement {
filter: grayscale(100%); 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 { .qort .currency-image {
background-image: url('/img/qort.png'); background-image: url('/img/qort.png');
} }
@ -572,9 +569,6 @@ class MultiWallet extends LitElement {
.cards { .cards {
margin-top: 25px; margin-top: 25px;
} }
.currency-box:nth-of-type(2) {
margin-right: 0;
}
} }
.checkboxLabel:hover{ .checkboxLabel:hover{
@ -591,16 +585,6 @@ class MultiWallet extends LitElement {
.cards { .cards {
margin-top: 25px; 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) { @media (max-width: 530px) {
@ -610,16 +594,6 @@ class MultiWallet extends LitElement {
.cards { .cards {
text-align: center; 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 { .wallet-balance {
font-size: 22px; font-size: 22px;
} }
@ -652,11 +626,8 @@ class MultiWallet extends LitElement {
this.isTextMenuOpen = false this.isTextMenuOpen = false
this.loading = true this.loading = true
this.selectWallet = this.selectWallet.bind(this)
this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'; this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light';
this.exportErrorMessage = ''
this.qortBook = [] this.qortBook = []
this.btcBook = [] this.btcBook = []
this.ltcBook = [] this.ltcBook = []
@ -767,40 +738,38 @@ class MultiWallet extends LitElement {
render() { render() {
return html` return html`
<div class="wrapper"> <div class="wrapper">
<div class="wallet"> <div class="header-title sans">
<div style="font-size: 20px; color: var(--black); padding: 16px; border-bottom: 1px solid var(--border);">${translate("walletpage.wchange22")}</div> ${translate("walletpage.wchange22")}
<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> </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"> <div class="transactions-wrapper">
<h2 class="wallet-header"> <h2 class="wallet-header">
${translate("walletpage.wchange2")} ${translate("walletpage.wchange2")}
@ -1205,7 +1174,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="sendQortDialog"> <mwc-dialog id="sendQortDialog" scrimClickAction="" escapeKeyAction="">
<div class="send-coin-dialog"> <div class="send-coin-dialog">
<div style="text-align: center;"> <div style="text-align: center;">
<img src="/img/qort.png" width="32" height="32"> <img src="/img/qort.png" width="32" height="32">
@ -1271,7 +1240,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="sendBtcDialog"> <mwc-dialog id="sendBtcDialog" scrimClickAction="" escapeKeyAction="">
<div class="send-coin-dialog"> <div class="send-coin-dialog">
<div style="text-align: center;"> <div style="text-align: center;">
<img src="/img/btc.png" width="32" height="32"> <img src="/img/btc.png" width="32" height="32">
@ -1348,7 +1317,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="sendLtcDialog"> <mwc-dialog id="sendLtcDialog" scrimClickAction="" escapeKeyAction="">
<div class="send-coin-dialog"> <div class="send-coin-dialog">
<div style="text-align: center;"> <div style="text-align: center;">
<img src="/img/ltc.png" width="32" height="32"> <img src="/img/ltc.png" width="32" height="32">
@ -1425,7 +1394,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="sendDogeDialog"> <mwc-dialog id="sendDogeDialog" scrimClickAction="" escapeKeyAction="">
<div class="send-coin-dialog"> <div class="send-coin-dialog">
<div style="text-align: center;"> <div style="text-align: center;">
<img src="/img/doge.png" width="32" height="32"> <img src="/img/doge.png" width="32" height="32">
@ -1504,7 +1473,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="sendDgbDialog"> <mwc-dialog id="sendDgbDialog" scrimClickAction="" escapeKeyAction="">
<div class="send-coin-dialog"> <div class="send-coin-dialog">
<div style="text-align: center;"> <div style="text-align: center;">
<img src="/img/dgb.png" width="32" height="32"> <img src="/img/dgb.png" width="32" height="32">
@ -1583,7 +1552,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="sendRvnDialog"> <mwc-dialog id="sendRvnDialog" scrimClickAction="" escapeKeyAction="">
<div class="send-coin-dialog"> <div class="send-coin-dialog">
<div style="text-align: center;"> <div style="text-align: center;">
<img src="/img/rvn.png" width="32" height="32"> <img src="/img/rvn.png" width="32" height="32">
@ -1662,7 +1631,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="sendArrrDialog"> <mwc-dialog id="sendArrrDialog" scrimClickAction="" escapeKeyAction="">
<div class="send-coin-dialog"> <div class="send-coin-dialog">
<div style="text-align: center;"> <div style="text-align: center;">
<img src="/img/arrr.png" width="32" height="32"> <img src="/img/arrr.png" width="32" height="32">
@ -1974,7 +1943,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="addQortAddressDialog"> <mwc-dialog id="addQortAddressDialog" scrimClickAction="" escapeKeyAction="">
<div style="text-align:center"> <div style="text-align:center">
<img src="/img/qort.png" width="32" height="32"> <img src="/img/qort.png" width="32" height="32">
<h1>Qortal ${translate("walletpage.wchange47")}</h1><br /> <h1>Qortal ${translate("walletpage.wchange47")}</h1><br />
@ -2023,7 +1992,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="addBtcAddressDialog"> <mwc-dialog id="addBtcAddressDialog" scrimClickAction="" escapeKeyAction="">
<div style="text-align:center"> <div style="text-align:center">
<img src="/img/btc.png" width="32" height="32"> <img src="/img/btc.png" width="32" height="32">
<h1>Bitcoin ${translate("walletpage.wchange47")}</h1><br /> <h1>Bitcoin ${translate("walletpage.wchange47")}</h1><br />
@ -2072,7 +2041,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="addLtcAddressDialog"> <mwc-dialog id="addLtcAddressDialog" scrimClickAction="" escapeKeyAction="">
<div style="text-align:center"> <div style="text-align:center">
<img src="/img/ltc.png" width="32" height="32"> <img src="/img/ltc.png" width="32" height="32">
<h1>Litecoin ${translate("walletpage.wchange47")}</h1><br /> <h1>Litecoin ${translate("walletpage.wchange47")}</h1><br />
@ -2121,7 +2090,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="addDogeAddressDialog"> <mwc-dialog id="addDogeAddressDialog" scrimClickAction="" escapeKeyAction="">
<div style="text-align:center"> <div style="text-align:center">
<img src="/img/doge.png" width="32" height="32"> <img src="/img/doge.png" width="32" height="32">
<h1>Dogecoin ${translate("walletpage.wchange47")}</h1><br /> <h1>Dogecoin ${translate("walletpage.wchange47")}</h1><br />
@ -2170,7 +2139,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="addDgbAddressDialog"> <mwc-dialog id="addDgbAddressDialog" scrimClickAction="" escapeKeyAction="">
<div style="text-align:center"> <div style="text-align:center">
<img src="/img/dgb.png" width="32" height="32"> <img src="/img/dgb.png" width="32" height="32">
<h1>Digibyte ${translate("walletpage.wchange47")}</h1><br /> <h1>Digibyte ${translate("walletpage.wchange47")}</h1><br />
@ -2219,7 +2188,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="addRvnAddressDialog"> <mwc-dialog id="addRvnAddressDialog" scrimClickAction="" escapeKeyAction="">
<div style="text-align:center"> <div style="text-align:center">
<img src="/img/rvn.png" width="32" height="32"> <img src="/img/rvn.png" width="32" height="32">
<h1>Ravencoin ${translate("walletpage.wchange47")}</h1><br /> <h1>Ravencoin ${translate("walletpage.wchange47")}</h1><br />
@ -2268,7 +2237,7 @@ class MultiWallet extends LitElement {
</mwc-button> </mwc-button>
</mwc-dialog> </mwc-dialog>
<mwc-dialog id="addArrrAddressDialog"> <mwc-dialog id="addArrrAddressDialog" scrimClickAction="" escapeKeyAction="">
<div style="text-align:center"> <div style="text-align:center">
<img src="/img/arrr.png" width="32" height="32"> <img src="/img/arrr.png" width="32" height="32">
<h1>Pirate Chain ${translate("walletpage.wchange47")}</h1><br /> <h1>Pirate Chain ${translate("walletpage.wchange47")}</h1><br />
@ -2479,13 +2448,8 @@ class MultiWallet extends LitElement {
this.rvnAddressbook() this.rvnAddressbook()
this.arrrAddressbook() this.arrrAddressbook()
this.currencyBoxes = this.shadowRoot.querySelectorAll('.currency-box')
this.transactionsDOM = this.shadowRoot.getElementById('transactionsDOM') this.transactionsDOM = this.shadowRoot.getElementById('transactionsDOM')
this.currencyBoxes.forEach((currencyBox) => {
currencyBox.addEventListener('click', this.selectWallet)
})
this.showWallet() this.showWallet()
window.addEventListener('contextmenu', (event) => { 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() { qortAddressbook() {
if (localStorage.getItem("addressbookQort") === null) { if (localStorage.getItem("addressbookQort") === null) {
localStorage.setItem("addressbookQort", "") localStorage.setItem("addressbookQort", "")
@ -3588,42 +3587,71 @@ class MultiWallet extends LitElement {
closeQortDialog() { closeQortDialog() {
this.shadowRoot.querySelector('#sendQortDialog').close() this.shadowRoot.querySelector('#sendQortDialog').close()
this.shadowRoot.getElementById('amountInput').value = ''
this.shadowRoot.getElementById('recipient').value = ''
this.recipient = ''
this.amount = 0
this.successMessage = '' this.successMessage = ''
this.errorMessage = '' this.errorMessage = ''
} }
closeBtcDialog() { closeBtcDialog() {
this.shadowRoot.querySelector('#sendBtcDialog').close() this.shadowRoot.querySelector('#sendBtcDialog').close()
this.shadowRoot.getElementById('btcAmountInput').value = 0
this.shadowRoot.getElementById('btcRecipient').value = ''
this.btcRecipient = ''
this.btcAmount = 0
this.successMessage = '' this.successMessage = ''
this.errorMessage = '' this.errorMessage = ''
} }
closeLtcDialog() { closeLtcDialog() {
this.shadowRoot.querySelector('#sendLtcDialog').close() this.shadowRoot.querySelector('#sendLtcDialog').close()
this.shadowRoot.getElementById('ltcAmountInput').value = 0
this.shadowRoot.getElementById('ltcRecipient').value = ''
this.ltcRecipient = ''
this.ltcAmount = 0
this.successMessage = '' this.successMessage = ''
this.errorMessage = '' this.errorMessage = ''
} }
closeDogeDialog() { closeDogeDialog() {
this.shadowRoot.querySelector('#sendDogeDialog').close() this.shadowRoot.querySelector('#sendDogeDialog').close()
this.shadowRoot.getElementById('dogeAmountInput').value = 0
this.shadowRoot.getElementById('dogeRecipient').value = ''
this.dogeRecipient = ''
this.dogeAmount = 0
this.successMessage = '' this.successMessage = ''
this.errorMessage = '' this.errorMessage = ''
} }
closeDgbDialog() { closeDgbDialog() {
this.shadowRoot.querySelector('#sendDgbDialog').close() this.shadowRoot.querySelector('#sendDgbDialog').close()
this.shadowRoot.getElementById('dgbAmountInput').value = 0
this.shadowRoot.getElementById('dgbRecipient').value = ''
this.dgbRecipient = ''
this.dgbAmount = 0
this.successMessage = '' this.successMessage = ''
this.errorMessage = '' this.errorMessage = ''
} }
closeRvnDialog() { closeRvnDialog() {
this.shadowRoot.querySelector('#sendRvnDialog').close() this.shadowRoot.querySelector('#sendRvnDialog').close()
this.shadowRoot.getElementById('rvnAmountInput').value = 0
this.shadowRoot.getElementById('rvRecipient').value = ''
this.rvnRecipient = ''
this.rvnAmount = 0
this.successMessage = '' this.successMessage = ''
this.errorMessage = '' this.errorMessage = ''
} }
closeArrrDialog() { closeArrrDialog() {
this.shadowRoot.querySelector('#sendArrrDialog').close() 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.successMessage = ''
this.errorMessage = '' this.errorMessage = ''
} }
@ -3779,21 +3807,6 @@ class MultiWallet extends LitElement {
return html`${translate("walletpage.wchange8")}` 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) { _checkAmount(e) {
const targetAmount = e.target.value const targetAmount = e.target.value
const target = e.target const target = e.target
@ -4695,7 +4708,7 @@ class MultiWallet extends LitElement {
return render(html``, root) return render(html``, root)
} }
const confirmed = data.item.confirmations >= requiredConfirmations const confirmed = data.item.confirmations >= requiredConfirmations
const unconfirmed = data.item.confirmations == 0 const unconfirmed = data.item.confirmations == 0
if (confirmed) { if (confirmed) {
render(html`<mwc-icon title="${data.item.confirmations} ${translate("walletpage.wchange42")}" style="color: #00C851">check</mwc-icon>`, root) render(html`<mwc-icon title="${data.item.confirmations} ${translate("walletpage.wchange42")}" style="color: #00C851">check</mwc-icon>`, root)
} else if (unconfirmed) { } else if (unconfirmed) {
@ -4708,20 +4721,22 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange35")}" header="${translate("walletpage.wchange35")}"
.renderer=${(root, column, data) => { .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) 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>
<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 <vaadin-grid-column
auto-width 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")}" header="${translate("walletpage.wchange14")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const time = new Date(data.item.timestamp) const time = new Date(data.item.timestamp)
@ -4748,7 +4763,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange35")}" header="${translate("walletpage.wchange35")}"
.renderer=${(root, column, data) => { .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) 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>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange9")}" header="${translate("walletpage.wchange9")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.inputs[0].address}`, root) render(html`${data.item.inputs[0].address}`, root)
@ -4766,7 +4779,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange10")}" header="${translate("walletpage.wchange10")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.outputs[0].address}`, root) 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.wchange16")}" path="txHash"></vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange37")}" header="${translate("walletpage.wchange37")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
@ -4786,7 +4797,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange14")}" header="${translate("walletpage.wchange14")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const time = new Date(data.item.timestamp) const time = new Date(data.item.timestamp)
@ -4813,7 +4823,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange35")}" header="${translate("walletpage.wchange35")}"
.renderer=${(root, column, data) => { .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) 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>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange9")}" header="${translate("walletpage.wchange9")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.inputs[0].address}`, root) render(html`${data.item.inputs[0].address}`, root)
@ -4831,7 +4839,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange10")}" header="${translate("walletpage.wchange10")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.outputs[0].address}`, root) 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.wchange16")}" path="txHash"></vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange37")}" header="${translate("walletpage.wchange37")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
@ -4851,7 +4857,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange14")}" header="${translate("walletpage.wchange14")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const time = new Date(data.item.timestamp) const time = new Date(data.item.timestamp)
@ -4878,7 +4883,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange35")}" header="${translate("walletpage.wchange35")}"
.renderer=${(root, column, data) => { .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) 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>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange9")}" header="${translate("walletpage.wchange9")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.inputs[0].address}`, root) render(html`${data.item.inputs[0].address}`, root)
@ -4896,7 +4899,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange10")}" header="${translate("walletpage.wchange10")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.outputs[0].address}`, root) 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.wchange16")}" path="txHash"></vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange37")}" header="${translate("walletpage.wchange37")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
@ -4916,7 +4917,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange14")}" header="${translate("walletpage.wchange14")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const time = new Date(data.item.timestamp) const time = new Date(data.item.timestamp)
@ -4943,7 +4943,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange35")}" header="${translate("walletpage.wchange35")}"
.renderer=${(root, column, data) => { .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) 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>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange9")}" header="${translate("walletpage.wchange9")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.inputs[0].address}`, root) render(html`${data.item.inputs[0].address}`, root)
@ -4961,7 +4959,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange10")}" header="${translate("walletpage.wchange10")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.outputs[0].address}`, root) 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.wchange16")}" path="txHash"></vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange37")}" header="${translate("walletpage.wchange37")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
@ -4981,7 +4977,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange14")}" header="${translate("walletpage.wchange14")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const time = new Date(data.item.timestamp) const time = new Date(data.item.timestamp)
@ -5008,7 +5003,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange35")}" header="${translate("walletpage.wchange35")}"
.renderer=${(root, column, data) => { .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) 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>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange9")}" header="${translate("walletpage.wchange9")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.inputs[0].address}`, root) render(html`${data.item.inputs[0].address}`, root)
@ -5026,7 +5019,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange10")}" header="${translate("walletpage.wchange10")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.outputs[0].address}`, root) 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.wchange16")}" path="txHash"></vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange37")}" header="${translate("walletpage.wchange37")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
@ -5046,7 +5037,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange14")}" header="${translate("walletpage.wchange14")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const time = new Date(data.item.timestamp) const time = new Date(data.item.timestamp)
@ -5073,7 +5063,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange35")}" header="${translate("walletpage.wchange35")}"
.renderer=${(root, column, data) => { .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) 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>
<!--<vaadin-grid-column <!--<vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange9")}" header="${translate("walletpage.wchange9")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.inputs[0].address}`, root) render(html`${data.item.inputs[0].address}`, root)
@ -5091,7 +5079,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange10")}" header="${translate("walletpage.wchange10")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.outputs[0].address}`, root) 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.wchange16")}" path="txHash"></vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange37")}" header="${translate("walletpage.wchange37")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8)
@ -5111,7 +5097,6 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable
header="${translate("walletpage.wchange14")}" header="${translate("walletpage.wchange14")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
const time = new Date(data.item.timestamp) const time = new Date(data.item.timestamp)
@ -5121,8 +5106,7 @@ class MultiWallet extends LitElement {
</vaadin-grid-column> </vaadin-grid-column>
<vaadin-grid-column <vaadin-grid-column
auto-width auto-width
resizable header="${translate("walletpage.wchange57")}"
header="${translate("walletpage.wchange50")}"
.renderer=${(root, column, data) => { .renderer=${(root, column, data) => {
render(html`${data.item.memo}`, root) render(html`${data.item.memo}`, root)
}} }}
@ -5347,7 +5331,6 @@ class MultiWallet extends LitElement {
}) })
} }
isEmptyArray(arr) { isEmptyArray(arr) {
if (!arr) { if (!arr) {
return true return true