157 lines
6.1 KiB
HTML
157 lines
6.1 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>
|
||
<script src="https://unpkg.com/current-device/umd/current-device.min.js"></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 = "user-scalable = no, initial-scale=0.8 ,shrink-to-fit=yes" />
|
||
<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" data-tablenumber="<!--[var:activeTable]-->">
|
||
<div id="pageContainer">
|
||
<div id="flexWrapper">
|
||
<div id="header">
|
||
<a class="posButton"><!--[var:loggedInAs]--></a>
|
||
<h1><!--[lang:paying_table|<!--[var:activeTable]-->]--></h1>
|
||
<a class="posButton exit" onclick="loadScreen('tableMap')">×</a>
|
||
</div>
|
||
<div id="pageStructure">
|
||
<div id="leftColumn">
|
||
|
||
<h2>Whole Table</h2>
|
||
<div class="tableWrapper">
|
||
<table id="first" cellspacing="0">
|
||
<thead>
|
||
<th class="hide"><!--[lang:id_header]--></th>
|
||
<th><!--[lang:qty_header]--></th>
|
||
<th><!--[lang:item_header]--></th>
|
||
<th class="hide"><!--[lang:individual_price_header]--></th>
|
||
<th class="hide"><!--[lang:printgroup_header]--></th>
|
||
<th class="totalpriceCell"><!--[lang:total_price_header]--></th>
|
||
<th class="hide"><!--[lang:cover_header]--></th>
|
||
<th class="clerkCell"><!--[lang:clerk_header]--></th>
|
||
<th class="hide"><!--[lang:orig_qty_header]--></th>
|
||
<th class="hide"><!--[lang:category_header]--></th>
|
||
<th class="hide"><!--[lang:department_header]--></th>
|
||
<th class="hide"><!--[lang:orig_tprice_header]--></th>
|
||
</thead>
|
||
<tbody>
|
||
<!--[var:tableHTML]-->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="tableFooter">
|
||
<div class="totalsRow">
|
||
<h3 class="firstTotal"></h3>
|
||
<p class="firstSelectedTotal"></p>
|
||
</div>
|
||
<div class="controlRow">
|
||
<a class="posButton payAll"><!--[lang:pay_all]--></a>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
<div class="tableWrapper">
|
||
<table id="second" cellspacing="0">
|
||
<thead>
|
||
<th class="hide"><!--[lang:id_header]--></th>
|
||
<th><!--[lang:qty_header]--></th>
|
||
<th><!--[lang:item_header]--></th>
|
||
<th class="hide"><!--[lang:individual_price_header]--></th>
|
||
<th class="hide"><!--[lang:printgroup_header]--></th>
|
||
<th class="totalpriceCell"><!--[lang:total_price_header]--></th>
|
||
<th class="hide"><!--[lang:cover_header]--></th>
|
||
<th class="clerkCell"><!--[lang:clerk_header]--></th>
|
||
<th class="hide"><!--[lang:orig_qty_header]--></th>
|
||
<th class="hide"><!--[lang:category_header]--></th>
|
||
<th class="hide"><!--[lang:department_header]--></th>
|
||
<th class="hide"><!--[lang:orig_tprice_header]--></th>
|
||
</thead>
|
||
<tbody>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="tableFooter">
|
||
<div class="totalsRow">
|
||
<h3 class="secondTotal"></h3>
|
||
<p class="secondSelectedTotal"></p>
|
||
</div>
|
||
|
||
<div class="controlRow">
|
||
<a class="posButton payPartial"><!--[lang:pay_table]--></a>
|
||
<a class="posButton transferPartial">Transfer to Another Table</a>
|
||
<a class="posButton selectAllSecond">Select All</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="rightColumn">
|
||
<h2>Controls</h2>
|
||
<div id="rightColumnContainer">
|
||
<div class="row">
|
||
<a class="heading" onclick="">Selection Tools</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="posButton qtySelector">Select Quantity</a>
|
||
<a class="posButton selectAmount">Select Amount</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="selectDepartment posButton">Select By Department</a>
|
||
<a class="selectCategory posButton">Select By Category</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="selectCovers posButton">Select by Cover #</a>
|
||
<a class="selectPrintGroup posButton">Select by Printed With</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="selectAll posButton">Select All</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="heading">Select By Fraction</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="posButton selectFraction" data-value="2">Select 1⁄2</a>
|
||
<a class="posButton selectFraction" data-value="3">Select 1⁄3</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="posButton selectFraction" data-value="4">Select 1⁄4</a>
|
||
<a class="posButton selectFraction" data-value="5">Select 1⁄5</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="posButton selectFraction" data-value="6">Select 1⁄6</a>
|
||
<a class="posButton selectFraction" data-value="7">Select 1⁄7</a>
|
||
</div>
|
||
<div class="row">
|
||
<a class="posButton selectFraction" data-value="8">Select 1⁄8</a>
|
||
<a class="posButton selectFraction" data-value="<!--[var:covers]-->">Select 1⁄covers</a>
|
||
</div>
|
||
|
||
</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> |