HTML5 app for giving and receiving charity. https://helpinghelena.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

142 lines
6.0 KiB

<!-- 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-header card-opened-fade-out" style="z-index: 9999999; background-color: rgba(255,255,255,0.5);">
<div>Nearby</div>
<div>
<span class="link icon-only card-prevent-open" onclick="recenterMapToUserPosition()" style="margin-top: 0.1em; cursor: pointer;">
<i class="material-icons" style="font-size: 16pt;">my_location</i>
</span>
</div>
</div>
<div class="card-content text-align-center" style="min-height: 16.58em;">
<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" onclick="recenterMapToUserPosition()">
<i class="material-icons">my_location</i>
</a>
<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>