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.
103 lines
3.7 KiB
HTML
103 lines
3.7 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-33">
|
|
<div class="row justify-content-center margin-horizontal">
|
|
<div class="col-100 tablet-75">
|
|
<div class="money-input-box margin-vertical">
|
|
<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="col-100">
|
|
<div class="row">
|
|
{{#each numpad}}
|
|
<div class="col-33">
|
|
<div class="button button-large button-raised numpad-button margin-vertical-half" data-value="{{this}}">
|
|
<span>{{this}}</span>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
|
|
<div class="button button-large button-fill button-round button-raised margin-top" 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> |