<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
< div class = "page" data-name = "crypto" >
< div class = "navbar" >
< div class = "navbar-bg" > < / div >
< div class = "navbar-inner" >
< div class = "left" >
< a class = "link hapticbtn" href = "/home" >
< i class = "icon icon-back" > < / i >
< span class = "if-not-md" > Back< / span >
< / a >
< / div >
< div class = "title" > Wallet< / div >
< / div >
< / div >
< div class = "page-content" >
< div class = "row justify-content-center" >
< div class = "col-100 medium-90 xlarge-75 margin-horizontal" >
< div class = "card" >
< div class = "card-header" > Check Wallet Balance< / div >
< div class = "card-content card-content-padding" >
Check the current balance of your physical crypto wallet. Just press the button and point your camera at the Public Address code, or type in the address manually.
< / div >
< div class = "card-content card-content-padding" >
< div class = "button hapticbtn button-fill" onclick = "scanWalletQrCode(displayWalletBalance)" > < i class = "fa-solid fa-qrcode" > < / i > Scan Wallet< / div >
< / div >
< div class = "card-content card-content-padding" >
< div class = "list margin-bottom-half" >
< ul >
< li class = "item-content item-input" >
< div class = "item-inner" >
< div class = "item-input-wrap" >
< input type = "text" id = "walletPubKeyManualEntry" placeholder = "1X68a3n1..." / >
< span class = "input-clear-button" > < / span >
< / div >
< / div >
< / li >
< / ul >
< / div >
< div class = "button button-outline hapticbtn" onclick = "displayWalletBalance($('#walletPubKeyManualEntry').val())" > < i class = "fa-solid fa-magnifying-glass-dollar" > < / i > Check Manually< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "popup" id = "walletBalancePopup" >
< div class = "block text-align-center" >
< h3 > Wallet Balance< / h3 >
< / div >
< div class = "card-content-padding text-align-center" >
< img id = "walletBalanceLogo" style = "max-height: 25vh; max-width: 25vw; height: 5em;" src = "" / >
< p > This < span id = "walletCurrency" > ...< / span > wallet contains< / p >
< h2 > < span id = "walletBalanceAmount" > ...< / span > < / h2 >
< p > currently worth< / p >
< h2 > < span id = "walletFiatAmount" > ...< / span > < / h2 >
< / div >
< div class = "card-content-padding" >
< div class = "button popup-close hapticbtn" > Okay< / div >
< / div >
< div class = "card-content-padding text-color-gray text-align-center" id = "walletBalanceAttribution" >
< / div >
< / div >
< / div >