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.

132 rivejä
5.2 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 elevation-2" id="receive-card" style="margin-top: var(--f7-card-margin-vertical);" onclick="openReceiveCard()">
<div class="card-header card-opened-fade-out">
Receive Money
<div>
<span class="preloader" id="receive-loading"></span>
</div>
</div>
<div class="card-content text-align-center" style="min-height: 16.58em;">
<div class="navbar display-none">
<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 card-opened-fade-in" src="" />
<h3 id="qrcode-label" class="text-align-center padding-bottom card-opened-fade-in"></h3>
</div>
</div>
</div>
<div class="col-100 tablet-50 desktop-33">
<div class="card elevation-2" id="map-card" style="margin-top: var(--f7-card-margin-vertical);" onclick="openMapCard()">
<div class="card-header card-opened-fade-out">
Nearby
</div>
<div class="card-content text-align-center" style="min-height: 16.58em;">
<div class="navbar display-none">
<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>