qortal.link/qortal-ui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add QRCode

Browse Source
This commit is contained in:
AlphaX-Projects 2022-05-26 19:01:20 +02:00
parent b49620efed
commit 0acf45dae6
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,7 +7,8 @@ registerTranslateConfig({
loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) loader: lang => fetch(`/language/${lang}.json`).then(res => res.json())
}) })
import '../components/ButtonIconCopy' import '../components/ButtonIconCopy.js'
import '../components/QortalQrcodeGenerator.js'
import '@material/mwc-button' import '@material/mwc-button'
import '@material/mwc-checkbox' import '@material/mwc-checkbox'
import '@material/mwc-dialog' import '@material/mwc-dialog'
@ -49,7 +50,7 @@ class MultiWallet extends LitElement {
dogeAmount: { type: Number }, dogeAmount: { type: Number },
dgbRecipient: { type: String }, dgbRecipient: { type: String },
dgbAmount: { type: Number }, dgbAmount: { type: Number },
rvnRecipient: { type: String }, rvnRecipient: { type: String },
rvnAmount: { type: Number }, rvnAmount: { type: Number },
errorMessage: { type: String }, errorMessage: { type: String },
successMessage: { type: String }, successMessage: { type: String },
@ -61,7 +62,7 @@ class MultiWallet extends LitElement {
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 } balanceString: { type: String }
} }
} }
@ -500,6 +501,11 @@ class MultiWallet extends LitElement {
margin-top: 15px; margin-top: 15px;
} }
.qrcode-pos {
margin-top: -180px;
margin-left: 425px;
}
@media (max-width: 863px) { @media (max-width: 863px) {
.wallet { .wallet {
width: 100%; width: 100%;
@ -599,7 +605,7 @@ class MultiWallet extends LitElement {
this.ltcRecipient = '' this.ltcRecipient = ''
this.dogeRecipient = '' this.dogeRecipient = ''
this.dgbRecipient = '' this.dgbRecipient = ''
this.rvnRecipient = '' this.rvnRecipient = ''
this.errorMessage = '' this.errorMessage = ''
this.successMessage = '' this.successMessage = ''
this.sendMoneyLoading = false this.sendMoneyLoading = false
@ -611,7 +617,7 @@ class MultiWallet extends LitElement {
this.ltcAmount = 0 this.ltcAmount = 0
this.dogeAmount = 0 this.dogeAmount = 0
this.dgbAmount = 0 this.dgbAmount = 0
this.rvnAmount = 0 this.rvnAmount = 0
this.btcFeePerByte = 100 this.btcFeePerByte = 100
this.btcSatMinFee = 20 this.btcSatMinFee = 20
this.btcSatMaxFee = 150 this.btcSatMaxFee = 150
@ -624,7 +630,7 @@ class MultiWallet extends LitElement {
this.dgbFeePerByte = 10 this.dgbFeePerByte = 10
this.dgbSatMinFee = 1 this.dgbSatMinFee = 1
this.dgbSatMaxFee = 100 this.dgbSatMaxFee = 100
this.rvnFeePerByte = 1125 this.rvnFeePerByte = 1125
this.rvnSatMinFee = 1000 this.rvnSatMinFee = 1000
this.rvnSatMaxFee = 10000 this.rvnSatMaxFee = 10000
@ -647,7 +653,7 @@ class MultiWallet extends LitElement {
this.wallets.get('ltc').wallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet this.wallets.get('ltc').wallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet
this.wallets.get('doge').wallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet this.wallets.get('doge').wallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet
this.wallets.get('dgb').wallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet this.wallets.get('dgb').wallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet
this.wallets.get('rvn').wallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet this.wallets.get('rvn').wallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet
this._selectedWallet = 'qort' this._selectedWallet = 'qort'
@ -699,7 +705,7 @@ class MultiWallet extends LitElement {
<div class="currency-image"></div> <div class="currency-image"></div>
<div class="currency-text">Digibyte</div> <div class="currency-text">Digibyte</div>
</div> </div>
<div coin="rvn" class="currency-box rvn"> <div coin="rvn" class="currency-box rvn">
<div class="currency-image"></div> <div class="currency-image"></div>
<div class="currency-text">Ravencoin</div> <div class="currency-text">Ravencoin</div>
</div> </div>
@ -721,13 +727,16 @@ class MultiWallet extends LitElement {
color="var(--copybutton)" color="var(--copybutton)"
offsetLeft="4px" offsetLeft="4px"
> >
</button-icon-copy> </button-icon-copy>
</div> </div>
<span class="wallet-balance"> <span class="wallet-balance">
${this.balanceString}<br><br> ${this.balanceString}<br><br>
${this.renderSendButton()} ${this.renderSendButton()}
</span> </span>
</h2> </h2>
<div class="qrcode-pos">
<qortal-qrcode-generator data="${this.getSelectedWalletAddress()}" mode="octet" format="html" auto></qortal-qrcode-generator>
</div>
<div id="transactions"> <div id="transactions">
${this.loading ? html`<paper-spinner-lite style="display: block; margin: 5px auto;" active></paper-spinner-lite>` : ''} ${this.loading ? html`<paper-spinner-lite style="display: block; margin: 5px auto;" active></paper-spinner-lite>` : ''}
<div id="transactionsDOM"></div> <div id="transactionsDOM"></div>