Preview-file for how review might look like.
parent
7d614d7fad
commit
22b00407aa
|
@ -0,0 +1,133 @@
|
|||
<?php $rPath = "../"; require $rPath.'webdata/init.php'; requireLogin(); ?><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?=getHtmlHeaders($rPath);?>
|
||||
<title>Review - PaperBag - Plan Your Shopping</title>
|
||||
</head>
|
||||
<body id='plan'>
|
||||
<div id="page-container">
|
||||
<div id="page-wrapper">
|
||||
<?php include $rPath.'webdata/navbar.php'; ?>
|
||||
<h1 class="headline text-center">WORK IN PROGRESS - PaperBag Review</h1>
|
||||
<div class="container-md" style="padding-top: 5px; padding-bottom: 15px; text-align: center;">
|
||||
|
||||
<div id="spaceSelectWrapper" style="max-width: 900px; margin: auto;">
|
||||
<div class="input-group" style="width: 200px;">
|
||||
<label class="input-group-text" for="spaceSelect">Space:</label>
|
||||
<select class="form-select" id='spaceSelect' aria-label="Select space">
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Receipts to review</h2>
|
||||
<hr>
|
||||
<!-- <div class="row row-cols-1 row-cols-md-2">-->
|
||||
<div class="" style="height: 220px;">
|
||||
|
||||
<!-- <div class="col">-->
|
||||
<div class="card" style="font-size: small; width: 200px; height: 200px; float:left;">
|
||||
<div class="card-header">Shopping-trip #2</div>
|
||||
<div class="card-body" style="text-align: left">
|
||||
<!--<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item"><span style='float: left;'>Item 1</span> <div class='priceWrapper'><span class="price">100.00</span></div></li>
|
||||
<li class="list-group-item"><span style='float: left;'>Item 2</span> <div class='priceWrapper'><span class="price">20.00</span></div></li>
|
||||
<li class="list-group-item"><span style='float: left;'>Item 3</span> <div class='priceWrapper'><span class="price">3.00</span></div></li>
|
||||
</ul>-->
|
||||
Store: Rema 1000<br>
|
||||
Date: <br>
|
||||
Items: 4<br>
|
||||
Subtotal: 123.00<br>
|
||||
|
||||
</div>
|
||||
<!--<div class="card-footer">Subtotal: <span class="price">123.00</span></div>-->
|
||||
<div class="card-footer"><button class="btn btn-primary openModal">Continue...</button></div>
|
||||
</div>
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="col">-->
|
||||
<div class="card" style="font-size: small; width: 200px; height: 200px; float:left;">
|
||||
<div class="card-header">Shopping-trip #1</div>
|
||||
<div class="card-body" style="text-align: left">
|
||||
Store: Coop Obs Sørlandsparken<br>
|
||||
Date: 2021-05-23<br>
|
||||
Items: 24<br>
|
||||
Subtotal: 675.00
|
||||
</div>
|
||||
<div class="card-footer"><button class="btn btn-primary openModal">Continue...</button></div>
|
||||
</div>
|
||||
<!-- </div>-->
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h4>Receipts</h4>
|
||||
<hr>
|
||||
|
||||
<!-- <h2>Stats</h2>-->
|
||||
|
||||
<div class="modal" tabindex="-1" id="receiptModal">
|
||||
<div class="modal-dialog modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Modal title</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">Item</th>
|
||||
<th scope="col">Expected Price</th>
|
||||
<th scope="col">Actual price</th>
|
||||
<th scope="col">Discounted?</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Cheese</td>
|
||||
<td class="price">35.00</td>
|
||||
<td><input type="number"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Macaroni</td>
|
||||
<td class="price">15.00</td>
|
||||
<td><input type="number"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Cheese</td>
|
||||
<td class="price">35.00</td>
|
||||
<td><input type="number"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var myModal = new bootstrap.Modal($("#receiptModal"));
|
||||
|
||||
$(".openModal").on('click', () => { myModal.show(); });
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<?php include $rPath.'webdata/footer.html'; ?>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue