Add receipt viewer to account page
parent
25f28edd8e
commit
6aef803ba4
@ -0,0 +1,60 @@
|
|||||||
|
<!-- 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="receipts">
|
||||||
|
|
||||||
|
<div class="navbar">
|
||||||
|
<div class="navbar-bg"></div>
|
||||||
|
<div class="navbar-inner">
|
||||||
|
<div class="left">
|
||||||
|
<a class="link back hapticbtn" href="#">
|
||||||
|
<i class="icon icon-back"></i>
|
||||||
|
<span class="if-not-md">Back</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="title">Receipts</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="page-content noselect">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-100 medium-60 large-50 xlarge-40 elevation-tablet margin-top-tablet">
|
||||||
|
<div class="list transparent media-list no-hairlines no-margin-top no-margin-bottom tablet-inset">
|
||||||
|
<ul>
|
||||||
|
{{#each receipts}}
|
||||||
|
<li>
|
||||||
|
<div class="item-content item-link hapticbtn" data-receiptid="{{id}}" onclick="loadReceiptHTMLIntoPopup('{{id}}')">
|
||||||
|
<div class="item-inner">
|
||||||
|
<div class="item-title-row">
|
||||||
|
<div class="item-title">{{datestring}}</div>
|
||||||
|
</div>
|
||||||
|
<div class="item-text">{{total}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
{{/each}}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="popup" id="receiptViewerPopup" style="overflow: hidden;">
|
||||||
|
<div class="navbar">
|
||||||
|
<div class="navbar-bg"></div>
|
||||||
|
<div class="navbar-inner">
|
||||||
|
<div class="left">
|
||||||
|
<a class="link popup-close" href="#">
|
||||||
|
<i class="icon icon-back"></i>
|
||||||
|
<span class="if-not-md">Close</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="title">Receipt</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<iframe id="receiptvieweriframe"></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
Loading…
Reference in New Issue