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.
68 lines
2.8 KiB
HTML
68 lines
2.8 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="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">
|
|
{{#if receipts}}
|
|
<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>
|
|
{{else}}
|
|
<div class="col-100 medium-60 large-50 xlarge-40">
|
|
<div class="block text-align-center">
|
|
<img src="assets/images/receipt.svg" class="margin fullwidth-filler-image" />
|
|
<p class="margin padding">You don't have any receipts linked to your account. Use our services to get some!</p>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</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> |