121 lines
3.3 KiB
Plaintext
121 lines
3.3 KiB
Plaintext
<%~ include("partials/base_head.eta", {"title": "Dashboard"}) %>
|
|
<%~ include("partials/nav.eta") %>
|
|
|
|
<input id="scannerField" type="text"/>
|
|
<section class="section main-content">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<!-- Main content in the middle -->
|
|
<div class="column is-three-quarters columns is-multiline" id="mainSelect">
|
|
<!-- This will be populated by JS with the templated content from the hidden section -->
|
|
</div>
|
|
<!-- Empty sidebar on the right -->
|
|
<div class="column is-one-quarter">
|
|
<h2 class="title is-4" >Ausgewählte Produkte</h2>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th><abbr title="Bezeichner">Bez.</abbr></th>
|
|
<th>Preis</th>
|
|
<th></th>
|
|
|
|
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
<tr>
|
|
<th></th>
|
|
<th id="TableSum"></th>
|
|
<th></th>
|
|
</tr>
|
|
</tfoot>
|
|
<tbody id="selectedProducts">
|
|
</tbody>
|
|
</table>
|
|
<button class="button is-primary" id="checkout">Zur Kasse</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<hidden>
|
|
<!-- Base Button -->
|
|
<div class="column is-one-quarter" id="baseStruct">
|
|
<div class="card">
|
|
<div class="card-image">
|
|
<figure class="image is-4by3">
|
|
<img
|
|
src="https://bulma.io/assets/images/placeholders/1280x960.png"
|
|
alt="Placeholder image"
|
|
class="product_image"
|
|
/>
|
|
</figure>
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title is-4 product_name">CocaCola</p>
|
|
<p class="subtitle is-6 product_ean">0123456789</p>
|
|
<p class="product_description">Explainer</p>
|
|
</div>
|
|
<footer class="card-footer">
|
|
<p class="card-footer-item">
|
|
<span class="product_price"> 9.99€ </span>
|
|
</p>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</hidden>
|
|
|
|
<!-- Confirmation modal -->
|
|
<div class="modal" id="checkoutModal">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card">
|
|
<header class="modal-card-head">
|
|
<p class="modal-card-title">Bestellung abschließen</p>
|
|
<button class="delete" aria-label="close"></button>
|
|
</header>
|
|
<section class="modal-card-body">
|
|
<div class="content">
|
|
<p>
|
|
Sind Sie sicher, dass Sie die ausgewählten so Produkte bestellen möchten?
|
|
</p>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Bezeichner</th>
|
|
<th>Preis</th>
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
<tr>
|
|
<th></th>
|
|
<th id="ModalSum"></th>
|
|
</tr>
|
|
</tfoot>
|
|
<tbody id="selectedProductsModal">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
<footer class="modal-card-foot">
|
|
<button class="button is-success" id="confirmCheckout">Bestellen</button>
|
|
<button class="button" id="cancelCheckout">Abbrechen</button>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Loading modal -->
|
|
<div class="modal" id="loadingModal" data-dissmiss="false">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-content">
|
|
<div class="box">
|
|
<p>Bitte warten...</p>
|
|
<div class="loader"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<%~ include("partials/footer.eta") %>
|
|
<script src="/static/pages/product_select.js"></script>
|
|
<%~ include("partials/base_foot.eta") %> |