136 lines
5.5 KiB
PHP
136 lines
5.5 KiB
PHP
<html>
|
|
<head>
|
|
<title>OrderSprinter Gastbestellsystem</title>
|
|
|
|
<meta http-equiv=“cache-control“ content=“no-cache“>
|
|
<meta http-equiv=“pragma“ content=“no-cache“>
|
|
<meta http-equiv=“expires“ content=“0″>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta name="author" content="Stefan Pichel">
|
|
|
|
<link rel="stylesheet" href="css/gueststyle.css?v=1.6.7" />
|
|
<link rel="stylesheet" href="php/3rdparty/orderstyle/orderstyle.min.css?v=1.6.7" />
|
|
<link rel="stylesheet" href="php/3rdparty/orderstyle/jquery.mobile.icons.min.css" />
|
|
<link rel="stylesheet" href="php/3rdparty/jquery.mobile-1.4.0.min.css" type="text/css" />
|
|
<script src="php/3rdparty/jquery-1.11.3.min.js"></script>
|
|
<script src="php/3rdparty/jquery.mobile-1.4.5.min.js"></script>
|
|
<script src="js/utilities.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<style>
|
|
|
|
</style>
|
|
|
|
<script src="js/ordering.js"></script>
|
|
|
|
<!--first page -->
|
|
<div data-role="page" id="guest-page">
|
|
|
|
<div data-role="header" data-theme="b" data-position="fixed">
|
|
<h1><span id="roomtableheader2">OrderSprinter Gastbestellsystem</span></h1>
|
|
</div>
|
|
<div data-role="content">
|
|
|
|
<div id="warningdiv" style="display:none;">
|
|
ACHTUNG: Eine Kommunikation mit dem Kernsystem ist derzeit nicht aktiv. Bitte weisen Sie das Bedienpersonal darauf hin oder geben die Bestellung beim Kellner auf.
|
|
</div>
|
|
<div id="warningdiv2" style="display:none;">
|
|
ACHTUNG: Fehler im Gastbestellsystem, folgende Datei oder Verzeichnis ist schreibgeschützt: <span id="writeprotectedfile"></span>
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-content-theme="c" data-collapsed="false" data-theme="e" id="tableselection" style="display:none;" class="notcollapsible">
|
|
<H2>Tischauswahl</H2>
|
|
<p><div id="logoarea" style="text-align: center;">
|
|
<img src="php/ossystem.php?command=getlogo" style="max-height:300px;"/>
|
|
</div>
|
|
<p>Bitte wählen Sie den Tisch aus:
|
|
<div id="tableselectionbox"></div>
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-content-theme="c" data-collapsed="false" data-theme="e" id="tablecodediv" style="display:none;" class="notcollapsible">
|
|
<H2>Code-Eingabe</H2>
|
|
|
|
<div id="tablecodearea" style="display:none;">
|
|
<p>Bitte geben Sie hier den Tisch-Code ein:
|
|
<p><input class="whiteinput" type="text" id="tablecodefield" /><br>
|
|
</div> <!-- tablecodearea -->
|
|
|
|
<div id="daycodearea" style="display:none;">
|
|
<p>Bitte geben Sie hier die Tageslosung ein:
|
|
<p><input class="whiteinput" type="text" id="dailycodefield" /><br>
|
|
</div> <!-- daycodearea -->
|
|
|
|
<div class="ui-grid-a">
|
|
<div class="ui-block-a"><button type="submit" data-theme="d" data-icon="back" id="codebackbtn">Zurück</button></div>
|
|
<div class="ui-block-b"><button type="submit" data-theme="f" data-icon="check" id="submitcodesbtn">Weiter</button></div>
|
|
</div><!-- /grid-a -->
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-content-theme="c" data-collapsed="false" data-theme="e" id="productsdiv" style="display:none;" class="notcollapsible">
|
|
<H2>Auswahl der Speise oder des Getränks</H2>
|
|
<p>Bitte wähle Sie die Gruppe bzw. die Speise oder das Getränk aus:
|
|
|
|
<div id="typesdiv"></div>
|
|
|
|
<div id="prodsdiv"></div>
|
|
|
|
<p><button type="submit" data-theme="d" data-icon="back" id="prodbackbtn">Zurück</button></div>
|
|
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-content-theme="c" data-collapsed="false" data-theme="e" id="prodconfirmdiv" style="display:none;" class="notcollapsible">
|
|
<H2>Bestätigung</H2>
|
|
<p>Soll das ausgewählt Produkt <b><span id="selectedprod"></span></b> bestellt werden?
|
|
|
|
<div class="ui-grid-a">
|
|
<div class="ui-block-a"><button type="submit" data-theme="d" data-icon="back" id="prodconfirmbackbtn">Zurück</button></div>
|
|
<div class="ui-block-b"><button type="submit" data-theme="f" data-icon="check" id="prodconfirmbtn">JA</button></div>
|
|
</div><!-- /grid-a -->
|
|
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-content-theme="c" data-collapsed="false" data-theme="e" id="askformorediv" style="display:none;" class="notcollapsible">
|
|
<H2>Bestellvorgang</H2>
|
|
<p>Sollen noch weitere Speisen oder Getränke bestellt werden?
|
|
|
|
<div id="askformoreyesno" style="display:none;">
|
|
<button type="submit" data-theme="d" data-icon="back" id="askformorenobtn">Abbrechen</button>
|
|
<button type="submit" data-theme="f" data-icon="plus" id="askformoreyesbtn">Bestellung erweitern</button>
|
|
<button type="submit" data-theme="f" data-icon="check" id="sendordersbtn">Bestellung abschicken</button>
|
|
</div>
|
|
<br><br>
|
|
<p><p>Dies sind die für eine Bestellung ausgewählten Artikel. Mit einem Klick auf einen Artikel in der Liste kann dieser wieder <span class="emphasisForDeletion">entfernt</span> werden.
|
|
|
|
<p><div id="orderslist"></div>
|
|
|
|
</div>
|
|
|
|
<div id="timecounter"></div>
|
|
</div>
|
|
|
|
<div data-role="footer" data-theme="b" id="thefooter1">
|
|
<div class="ui-grid-a">
|
|
<div class="ui-block-a"> OrderSprinter</div>
|
|
<div class="ui-block-b grid_right" id="versioninfo">1.6.7 </div>
|
|
</div><!-- /grid-a -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Dialog page -->
|
|
<div data-role="dialog" id="sure" data-title="Entfernen?">
|
|
<div data-role="content">
|
|
<h3 class="sure-1">?</h3>
|
|
<p class="sure-2">?</p>
|
|
<a href="#" class="sure-do" data-role="button" data-theme="b" data-rel="back">Ja</a>
|
|
<a href="#" data-role="button" data-theme="c" data-rel="back">Nein</a>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |