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.
92 lines
3.2 KiB
HTML
92 lines
3.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">
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-100 tablet-50 desktop-25">
|
|
<div class="card">
|
|
<div class="card-content card-content-padding">
|
|
<div class="money-input-box">
|
|
<div class="currency">$</div>
|
|
<input type="tel" min="0.00" max="999.99" placeholder="0.00" id="amount-box" class="money-input" />
|
|
</div>
|
|
</div>
|
|
<div class="card-footer display-block padding-vertical">
|
|
<div class="button button-large button-fill button-round button-raised" id="showcodebtn">
|
|
<i class="fas fa-qrcode"></i> Show Code
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="popup text-align-center" id="payment-popup">
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="title">Pay $<span id="pay-amount"></span></div>
|
|
|
|
<div class="right">
|
|
<a href="#" class="link icon-only popup-close">
|
|
<i class="material-icons">close</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<image id="qrcode" src="" />
|
|
</div>
|
|
|
|
<div class="popup text-align-center" id="paid-popup">
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="title">Thanks!</div>
|
|
|
|
<div class="right">
|
|
<a href="#" class="link icon-only popup-close">
|
|
<i class="material-icons">close</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<div class="row justify-content-center">
|
|
<div class="col-100 tablet-75">
|
|
<div class="card bg-color-green">
|
|
<div class="card-content card-content-padding text-align-center text-color-white color-theme-white">
|
|
<img style="max-height: 150px;" src="img/bigcheck.svg" alt="Checkmark"/>
|
|
|
|
<h2>Transaction complete!</h2>
|
|
<h3>Total: $<span id="paid-amount"></span></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/home.js"></script>
|
|
|
|
</div> |