You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
3.3 KiB
HTML
72 lines
3.3 KiB
HTML
<!-- 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> |