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.
134 lines
5.3 KiB
HTML
134 lines
5.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="home">
|
|
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="title">Helping Helena</div>
|
|
|
|
<div class="right">
|
|
<a href="#" class="link icon-only" onclick="app.ptr.refresh()">
|
|
<i class="material-icons">refresh</i>
|
|
</a>
|
|
<a href="/settings" class="link icon-only">
|
|
<i class="material-icons">settings</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-content ptr-content" data-ptr-mousewheel="true" data-ptr-distance="20">
|
|
|
|
<div class="ptr-preloader">
|
|
<div class="preloader"></div>
|
|
<div class="ptr-arrow"></div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-100 tablet-50 desktop-33">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
Balance
|
|
<div>
|
|
<span class="preloader" id="balance-loading"></span>
|
|
<span class="text-color-red" id="balance-error-icon" style="display: none;"><i class="fas fa-exclamation-triangle"></i></span>
|
|
</div>
|
|
</div>
|
|
<div class="card-content card-content-padding text-align-center">
|
|
<div id="balance-error"></div>
|
|
<h3 class="display" id="balance-label">$<span id="balance-amount">0.00</span></h3>
|
|
</div>
|
|
<div class="card-footer">
|
|
<a href="#" class="link">
|
|
<i class="fas fa-credit-card fa-fw"></i> Add Funds
|
|
</a>
|
|
<a href="/sendmoney/0" class="link">
|
|
<i class="fas fa-arrow-up fa-fw"></i> Send Money
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-100 tablet-50 desktop-33">
|
|
<div class="card card-expandable card-expandable-animate-width elevation-2" id="receive-card" style="margin-top: var(--f7-card-margin-vertical);" onclick="openReceiveCard()">
|
|
|
|
<div class="card-content text-align-center" style="min-height: 16.58em;">
|
|
|
|
<div class="card-header card-opened-fade-out">
|
|
Receive Money
|
|
<div>
|
|
<span class="preloader" id="receive-loading"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="navbar card-opened-fade-in">
|
|
<div class="navbar-inner">
|
|
<div class="title">Receive Money</div>
|
|
|
|
<div class="right">
|
|
<a href="#" class="link icon-only card-close">
|
|
<i class="material-icons">close</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<image id="qrcode" class="text-align-center" src="" />
|
|
<h3 id="qrcode-label" class="text-align-center padding-bottom"></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-100 tablet-50 desktop-33">
|
|
<div class="card card-expandable elevation-2" id="map-card" style="margin-top: var(--f7-card-margin-vertical);" onclick="openMapCard()">
|
|
|
|
<div class="card-content text-align-center" style="min-height: 16.58em;">
|
|
|
|
<div class="card-header card-opened-fade-out" style="z-index: 9999999; background-color: rgba(255,255,255,0.5);">
|
|
Nearby
|
|
</div>
|
|
|
|
<div class="navbar card-opened-fade-in">
|
|
<div class="navbar-inner">
|
|
<div class="title">Nearby</div>
|
|
|
|
<div class="right">
|
|
<a href="#" class="link icon-only card-close">
|
|
<i class="material-icons">close</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="map"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Make sure the content won't be blocked by the floating button -->
|
|
<div id="bottomspacer" style="height: 80px;"></div>
|
|
|
|
</div>
|
|
|
|
<div class="fab fab-right-bottom">
|
|
<a href="/sendmoney/0">
|
|
<img src="img/money-send.svg" style="margin: 0.5em; filter: invert(1);" />
|
|
</a>
|
|
</div>
|
|
|
|
<script src="js/map.js"></script>
|
|
<script src="js/home.js"></script>
|
|
|
|
<script>
|
|
setTimeout(function () {
|
|
loadHomePage(function () {
|
|
|
|
});
|
|
}, 500);
|
|
</script>
|
|
|
|
</div> |