113 lines
4.6 KiB
HTML
113 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>DredgePOS</title>
|
||
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<link rel="stylesheet" type="text/css" href="themes/restaurant/theme.css?id=ax" media="screen" />
|
||
<link rel="stylesheet" type="text/css" href="themes/restaurant/paymentSplitter.css?id=ax" media="screen" />
|
||
<meta name = "viewport" content = "width=1280, initial-scale = 0.8, user-scalable = no, shrink-to-fit=no" />
|
||
<script type="text/javascript" src="currency.min.js"></script>
|
||
<script type="text/javascript" src="posFunctions.js"></script>
|
||
<script type="text/javascript" src="paymentFunctions.js"></script>
|
||
</head>
|
||
<body class="darkMode">
|
||
<div id="pageContainer">
|
||
<div id="flexWrapper">
|
||
<div id="header">
|
||
<h1>Paying Table</h2>
|
||
</div>
|
||
<div id="stucture">
|
||
<div id="leftColumn">
|
||
<h2>Whole Table</h2>
|
||
<table id="first" cellspacing="0">
|
||
<thead>
|
||
<th class="hide">Item Code</th>
|
||
<th>Qty</th>
|
||
<th>Item</th>
|
||
<th class="hide">Unit Price</th>
|
||
<th class="hide">Print Group</th>
|
||
<th class="totalpriceCell">Total Price</th>
|
||
<th class="hide">Cover</th>
|
||
<th class="clerkCell">Clerk</th>
|
||
<th class="hide">Selected Qty</th>
|
||
<th class="hide">Original Qty</th>
|
||
<th class="hide">Category</th>
|
||
<th class="hide">Department</th>
|
||
<th class="hide"><!--[lang:has_split_header]--></th>
|
||
<th class="hide"><!--[lang:orig_tprice_header]--></th>
|
||
</thead>
|
||
<tbody>
|
||
<!--[var:tableHTML]-->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div id="controlColumn">
|
||
<a class="posButton" onclick="moveItems('#first', '#second')">></a>
|
||
<a class="posButton" onclick="moveItems('#second', '#first')"><</a>
|
||
</div>
|
||
<div id="centerColumn">
|
||
<h2>Partial Table</h2>
|
||
<table id="second" cellspacing="0">
|
||
<thead>
|
||
<th class="hide">Item Code</th>
|
||
<th>Qty</th>
|
||
<th>Item</th>
|
||
<th class="hide">Unit Price</th>
|
||
<th class="hide">Print Group</th>
|
||
<th class="totalpriceCell">Total Price</th>
|
||
<th class="hide">Cover</th>
|
||
<th class="clerkCell hide">Clerk</th>
|
||
<th class="hide">Selected Qty</th>
|
||
<th class="hide">Category</th>
|
||
<th class="hide">Department</th>
|
||
<th class="hide"><!--[lang:has_split_header]--></th>
|
||
<th class="hide"><!--[lang:orig_tprice_header]--></th>
|
||
</thead>
|
||
<tbody>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div id="rightColumn">
|
||
<h2>Controls</h2>
|
||
<div id="rightColumnContainer">
|
||
<a class="posButton heading" onclick="">Selection Tools</a>
|
||
<a class="posButton qtySelector" onclick="overrideQuantitySelect()">Select Quantity</a>
|
||
<a class="posButton" onclick="overrideQuantitySelect()">Select Amount</a>
|
||
<a class="selectDepartment posButton">Select By Department</a>
|
||
<a class="selectCategory posButton">Select By Category</a>
|
||
<a class="selectCovers posButton">Select by Cover #</a>
|
||
<a class="selectPrintGroup posButton">Select by Printed With</a>
|
||
<a class="selectAll posButton">Select All</a>
|
||
<a class="posButton heading">Select By Fraction</a>
|
||
<a class="posButton selectFraction" data-value="2">Select 1⁄2</a>
|
||
<a class="posButton selectFraction" data-value="3">Select 1⁄3</a>
|
||
<a class="posButton selectFraction" data-value="4">Select 1⁄4</a>
|
||
<a class="posButton selectFraction" data-value="5">Select 1⁄5</a>
|
||
<a class="posButton selectFraction" data-value="6">Select 1⁄6</a>
|
||
<a class="posButton selectFraction" data-value="7">Select 1⁄7</a>
|
||
<a class="posButton selectFraction" data-value="8">Select 1⁄8</a>
|
||
<a class="posButton selectFraction" data-value="<!--[var:uniqueCovers]-->" posButton">Select 1⁄covers</a>
|
||
|
||
<a class="posButton heading" onclick="loadScreen('tableMap')">Exit</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="coverControls" class="popupBox"><!--[var:coverButtons]--></div>
|
||
<div id="departmentControl" class="popupBox"><!--[var:departmentButtons]--></div>
|
||
<div id="categoryControl" class="popupBox"><!--[var:categoryButtons]--></div>
|
||
<div id="printGroupControl" class="popupBox"><!--[var:printGroupButtons]--></div>
|
||
<!--[template:keyboards]-->
|
||
<script type="text/javascript">
|
||
$(document).ready( function () {
|
||
covers = '<!--[var:covers]-->'
|
||
dredgePosSetup('#pageContainer');
|
||
setupPaymentSplitter();
|
||
} );
|
||
</script>
|
||
</body>
|
||
</html> |