ordersprinter/webapp/waiter.html

309 lines
92 KiB
HTML
Raw Normal View History

2020-11-19 22:47:44 +01:00
<html>
<head>
<title>Ansicht Kellner</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
2020-11-19 22:48:24 +01:00
<meta name="author" content="Stefan Pichel">
2020-11-19 23:14:13 +01:00
<link rel="stylesheet" type="text/css" href="css/bestformat.css?v=1.6.7">
<link rel="stylesheet" type="text/css" href="css/numfield.css?v=1.6.7">
2020-11-19 23:02:42 +01:00
<link rel="stylesheet" href="php/contenthandler.php?module=admin&command=getmobilecss" />
2020-11-19 22:47:44 +01:00
<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="elements/tablemap.js"></script>
2020-11-19 23:12:39 +01:00
<script src="elements/extra.js"></script>
2020-11-19 22:47:44 +01:00
</head>
2020-11-19 23:00:55 +01:00
<body>
2020-11-19 22:47:44 +01:00
<style>
@media screen
{
#workprintarea {display: none;}
}
@media print
{
2020-11-19 23:12:18 +01:00
#waiterui,#thefooter3,#header3,#info-page,#tables-page,#modulemenu-room,#modulemenu-table,#modulemenu-prod,#discard_new_orders_no,#discard_priceenter,#discard_new_orders_yes,#enterpricefield,#enterpriceheader,#enterpricedlg,#searchField,#barcode,#searchResult {display: none;}
2020-11-19 22:47:44 +01:00
}
@media print
{
#workprintarea {width: 100%;};
}
</style>
<script>
2020-11-19 23:14:13 +01:00
var W_TABLES=["Tische","Tables","Mesas"];var W_ATABLE=["Tisch","Table","Mesa"];var W_ROOMS=["Räume","Rooms","Espacios"];var W_SELECTION=["Auswahl","Selection","Selección"];var W_LAST_SELECTED=["zuletzt","last","seleccionado"];var W_FAVS=["Favoriten","Favorites","Favoritos"];var W_NEW_ORDER=["Neue Order","New Orders","Ordenes nuevas"];var W_KIT_BAR=["nicht serviert/unbezahlt","unserved/unpaid","no servido/impagado"];var W_OTHER_PROD=["Auswahl Produktkategorie","Select product categroy","Categoría diferente"];var W_WORK_TICKET=["Arbeitsbon","Work ticket","Tique de trabajar"];var W_NOTE=["Bemerkung","Comment","Comentario"];var W_NUMBER=["Anzahl","Number","Número"];var W_SEND_ORDERS=["Bestellung senden","Send orders","Enviar Ordenes"];var W_TO_PAYDESK=["-> Kasse","-> Paydesk","-> Caja"];var W_TABLECHANGE=["Tischwechsel","Change table","Cambiar mesa"];var W_ROOMTABLE=["Raum-Tisch","Room-Table","Espacio-Mesa"];var W_TABLE_SEL=["Tischauswahl","Select table","Qué mesa?"];var W_UNDELIV_INFO=["Liste enthält die Produkte die noch in der Küchen-/Baransicht sind, sowie unbezahlte Produkte, die die Bereitstellungsansicht nicht durchlaufen.","List contains the products which are still in kitchen or bar view, as well as unpaid products that do not pass the supplydesk view.","La lista contiene los productos que estan todavía en modulo de cocina/bar, también productos impagados que no pasan vista de productos preparados."];var W_REMOVE_ERROR=["Ansicht nicht mehr aktuell - Liste wird neu geladen.","View is obsolete - List will be reloaded.","Vista no esta actual - vamos a actualisar la lista."];var W_FOOD_FOR=["Speisen für","Food for","Comidas para"];var W_DRINKS_FOR=["Getränke für","Beverage for","Bebidas para"];var W_ACT_NEW_ORD_EL=["Aktion auswählen","Select action","Que acción?"];var W_ACT_CHANGE=["Ändern","Modify","Modificar"];var W_ACT_CHANGE_ALL=["Alle Ändern","Modify all","Modificar todo"];var W_ACT_CHANGE_ONE=["Einen Artikel ändern","Modify one item","Modificar un artículo"];var W_APPLY=["Anwenden","Apply","Aplicar"];var W_CANCEL=["Abbrechen","Cancel","Cancelar"];var W_STILL_UNSENT_ORDERS=["Es sind noch ungesendete Orders vorhanden!","There are unsent orders in the list","Hay elementos in la liste que no han enviados"];var W_EXTRAS=["Extras/Optionen","Add-ons/Options","Opciones"];var W_OPEN_PANEL=["Extras-Auswahl noch offen","Add-ons selection still open","Selección de opciones todavía abierta"];var W_DEL=["Löschen","Delete","Removar"];var W_MSG=["Nachricht","Message","Mensaje"];var W_CHANGE_PRICE=["Neuer Preis: ","New price: ","Cambiar precio: "];var W_PRICE=["Preis","Price","Precio"];var W_WRONG_FORMAT=["Falsches Zahlenformat","Wrong number format","Formato de precio incorecto"];var W_TOGO=["Außer-Haus-Verkauf","Sale with Tax No 2","Venta IVA 2"];var W_YES=["Ja","Yes","Si"];var W_NO=["Nein","No","No"];var W_DISCARD_NO_ASK=["Es sind noch ungesendete Orders vorhanden! Sollen diese verworfen werden?","There are still unsent orders. Do you want to discard them?","Hay todavía ordenes non-enviados. Removarlos?"];var W_DISCARD_HEADER=["Neue Orders verwerfen?","Discard new orders?","Removar ordenes nuevos?"];var W_SEARCH=["Produktsuche","Product search","Buscar producto"];var W_BARCODE=["Barcode","Barcode","Código de barras"];var W_SEARCHRESULTS=["Suchergebnis","Search Result","Encontrado"];var W_WRONG_PIN=["Falscher Stornocode","Wrong cancel code","Codigo falso"];var W_NO_ORDERS=["Keine neuen Orders zum Versand vorhanden!","No new orders available!","No hay ningún orden nuevo!"];var W_TO_PAY=["offen","to pay","a pagar"];var W_MOVE_PRODS=["Produkte verschieben","Move products","Productos a otra mesa"];var W_NO_PRODS_SELECTED=["Es wurden keine Produkte ausgewählt!","You have not chosen any products!","No ha seleccionado ningún producto!"];var W_MAX_PRICE_EXCEEDED=["Der Maximalwert für den Preis wurde überschritten!","The max. value for the price is exceeded!","El valor del precio es más que el maximum!"];var W_REORDER=["Nachbestellen","Reorder","Order una vez mas"];var W_REMOVE=["Entfernen","Remove","Remova
2020-11-19 22:47:44 +01:00
<!--first page -->
2020-11-19 23:11:29 +01:00
<div data-role="page" id="info-page" data-theme="c">
2020-11-19 22:47:44 +01:00
<div data-role="panel" id="modulepanel-room" data-position="right" data-display="overlay">
<ul data-role="listview" id="modulemenu-room" data-divider-theme="a" data-inset="true">
2020-11-19 23:02:16 +01:00
<li data-role="list-divider" data-theme="b" data-role="heading">Hauptmenü</li>
2020-11-19 22:47:44 +01:00
</ul>
</div><!-- /panel -->
2020-11-19 23:11:29 +01:00
<div data-role="header" data-theme="b" data-position="fixed" style="background-color:black;">
2020-11-19 23:11:33 +01:00
<h1><span id="roomtableheader2">Raum-Tisch</span> <img src="img/connection.png" class="connectionstatus" style="display:none;" /> <img src="img/printerstatus.png" class="printerstatus" style="display:none;" /> <img src="img/tasksstatus.png" class="tasksstatus" style="display:none;" /></h1>
2020-11-19 22:47:44 +01:00
<div data-type="horizontal" style="top:0px;position:absolute;float:right;z-index:10;display:inline;" align="right" class="ui-btn-right">
2020-11-19 23:02:16 +01:00
<a href="#" data-role="button" data-icon="arrow-d" data-ajax="false" id="menuswitch">Hauptmenü</a>
2020-11-19 22:47:44 +01:00
</div>
</div>
<div data-role="content">
2020-11-19 23:12:07 +01:00
<ul data-role="listview" id="room-list" data-divider-theme="a" data-inset="true" style="display:none;">
2020-11-19 23:11:33 +01:00
<li data-role="list-divider" data-theme="b" data-role="heading" id=roomtableheader>Räume <img src="img/connection.png" class="connectionstatus" style="display:none;" /> <img src="img/printerstatus.png" class="printerstatus" style="display:none;" /> <img src="img/tasksstatus.png" class="tasksstatus" style="display:none;" /></li>
2020-11-19 22:47:44 +01:00
</ul>
<ul data-role="listview" id="waitermessage" data-divider-theme="a" data-inset="true">
</ul>
2020-11-19 23:10:21 +01:00
</div>
<div class="daycodeareamobile" style="display:none;"><span class="daycodetxt">Tageslosung</span>: <span class="daycodefield"></span></div>
2020-11-19 23:11:29 +01:00
<div data-role="footer" data-theme="b" id="thefooter1" style="background-color:black;">
2020-11-19 22:47:44 +01:00
<div class="ui-grid-a">
<div class="ui-block-a userinfo" id="loggedinuser1"></div>
<div class="ui-block-b grid_right" id="versioninfo1"></div>
</div><!-- /grid-a -->
</div>
</div>
<!--second page -->
2020-11-19 23:11:29 +01:00
<div data-role="page" id="tables-page" data-theme="c">
2020-11-19 22:47:44 +01:00
<div data-role="panel" id="modulepanel-table" data-position="right" data-display="overlay">
<ul data-role="listview" id="modulemenu-table" data-divider-theme="a" data-inset="true">
2020-11-19 23:02:16 +01:00
<li data-role="list-divider" data-theme="b" data-role="heading">Hauptmenü</li>
2020-11-19 22:47:44 +01:00
</ul>
</div><!-- /panel -->
2020-11-19 23:11:29 +01:00
<div data-role="header" data-theme="b" data-position="fixed" style="background-color:black;"><a id="tableselbackbtn" href="#" data-rel="back" data-role="button" data-icon="arrow-l">&nbsp;</a>
2020-11-19 23:11:33 +01:00
<h1><span id="tableselection">Tischauswahl</span> <img src="img/connection.png" class="connectionstatus" style="display:none;" /> <img src="img/printerstatus.png" class="printerstatus" style="display:none;" /> <img src="img/tasksstatus.png" class="tasksstatus" style="display:none;" /></h1>
2020-11-19 22:47:44 +01:00
<div data-type="horizontal" style="top:0px;position:absolute;float:right;z-index:10;display:inline;" align="right" class="ui-btn-right">
2020-11-19 23:02:16 +01:00
<a href="#" data-role="button" data-icon="arrow-d" data-ajax="false" id="menuswitchtable">Hauptmenü</a>
2020-11-19 22:47:44 +01:00
</div>
</div>
<div data-role="content">
<ul data-role="listview" id="tables-list" data-divider-theme="a" data-inset="true">
<li data-role="list-divider" data-theme="b" data-role="heading">Tische</li>
</ul>
<div id=tablemapcontent style="position: relative;width:100%;display:none;">
<img id="mapimgpart" style="width:100%;position: relative;left: 0;top: 0;" src=img/empty-room.png />
<div id=tableoverlay></div>
</div>
<div id=togoarea>
<ul data-role="listview" id="tables-list-togo" data-divider-theme="a" data-inset="true">
</ul>
</div>
2020-11-19 23:10:21 +01:00
<div class="daycodeareamobile" style="display:none;"><span class="daycodetxt">Tageslosung</span>: <span class="daycodefield"></span></div>
2020-11-19 22:47:44 +01:00
</div>
2020-11-19 23:11:29 +01:00
<div data-role="footer" data-theme="b" id="thefooter2" style="background-color:black;">
2020-11-19 22:47:44 +01:00
<div class="ui-grid-a">
<div class="ui-block-a userinfo" id="loggedinuser2"></div>
<div class="ui-block-b grid_right" id="versioninfo2"></div>
</div><!-- /grid-a -->
</div>
</div>
<!--third page (types and products)-->
2020-11-19 23:11:29 +01:00
<div data-role="page" id="typprodpage" data-theme="c">
2020-11-19 22:47:44 +01:00
<audio id=audiofile>
<source src="customer/ping.mp3" type="audio/mpeg" />
</audio>
<div data-role="panel" id="modulepanel-prod" data-position="right" data-display="overlay">
<ul data-role="listview" id="modulemenu-prod" data-divider-theme="a" data-inset="true">
2020-11-19 23:02:16 +01:00
<li data-role="list-divider" data-theme="b" data-role="heading">Hauptmenü</li>
2020-11-19 22:47:44 +01:00
</ul>
</div><!-- /panel -->
2020-11-19 23:11:29 +01:00
<div id='header3' data-role="header" data-theme="b" data-position="fixed" style="background-color:black;"><a id="prodbackbtn" href="#" data-role="button" data-icon="arrow-l">&nbsp;</a>
2020-11-19 22:47:44 +01:00
<h1>Produktauswahl</h1>
<div data-type="horizontal" style="top:0px;position:absolute;float:right;z-index:10;display:inline;" align="right" class="ui-btn-right">
2020-11-19 23:02:16 +01:00
<a href="#" data-role="button" data-icon="arrow-d" data-ajax="false" id="menuswitchprod">Hauptmenü</a>
2020-11-19 22:47:44 +01:00
</div>
</div>
<div data-role="content" id="waiterui">
2020-11-19 22:52:25 +01:00
<div id="searchposition-prominent"></div>
2020-11-19 22:47:44 +01:00
<ul data-role="listview" id="typeproducts-list" class="print" data-divider-theme="a" data-inset="true">
<li data-role="list-divider" data-theme="b" data-role="heading" >Auswahl <span class='waitinfo'><img id="prodsellist" src="php/3rdparty/images/ajax-loader.gif" /></span></li>
</ul>
<div id="favarea"></div>
2020-11-19 22:52:25 +01:00
<div id="searchposition-normal"></div>
2020-11-19 22:47:44 +01:00
<div id="commandbuttons"></div>
<ul data-role="listview" id="neworders" data-divider-theme="b" data-inset="true">
<li data-role="list-divider" data-theme="b" data-role="heading">Neue Produkte</li>
</ul>
<ul data-role="listview" id="orderedprod-list-0" data-divider-theme="e" data-inset="true">
2020-11-19 23:02:57 +01:00
<!-- <li data-role="list-divider" data-theme="d" data-role="heading">Küche/Bar</li> -->
2020-11-19 22:47:44 +01:00
</ul>
<div id=cancelcodearea>
2020-11-19 23:03:41 +01:00
<form id="cancelcodeform"><input id=cancelcodefield type="password" placeholder="Storno-Code" /></form>
2020-11-19 22:47:44 +01:00
</div>
2020-11-19 23:10:26 +01:00
<p><br>
<div id="recordslistheader" class="records">
<b>Tischprotokoll (Anklicken zum Öffnen)</b><br>
</div>
2020-11-19 22:47:44 +01:00
</div>
<div id=workprintarea class="print"></div>
2020-11-19 23:11:29 +01:00
<div data-role="footer" data-theme="b" id="thefooter3" style="background-color:black;">
2020-11-19 22:47:44 +01:00
<div class="ui-grid-a">
<div class="ui-block-a userinfo" id="loggedinuser3"></div>
<div class="ui-block-b grid_right" id="versioninfo3"></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>
2020-11-19 22:58:27 +01:00
<div data-role="dialog" id="delOrReorderDlg" 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="#" class="sure-cancel" data-role="button" data-theme="c" data-rel="back">Nein</a>
<a href="#" class="reorder" data-role="button" data-theme="e" data-rel="back">Nachbestellung</a>
</div>
</div>
2020-11-19 22:47:44 +01:00
<!-- Dialog page -->
<div data-role="dialog" id="actiononneworderel" data-title="Aktion?">
<div data-role="content">
<h3><span id="actiontxt">Aktion vornehmen</span></h3>
<p class="sure-2">
<div style="text-align: center;font-weight: bold;">
<span id="act_count"></span>x <span id="act_name"></span> <span id="act_option"></span><br>
</div>
<a href="#" data-role="button" data-theme="c" data-rel="back" id="actminusone">-1</a>
<a href="#" data-role="button" data-theme="c" data-rel="back" id="actplusone">+1</a>
2020-11-19 22:55:20 +01:00
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<input type="checkbox" name="togocheckbox" id="togocheckbox" class="custom" data-theme="c" />
<label for="togocheckbox">To-Go</label>
</fieldset>
</div>
2020-11-19 22:47:44 +01:00
<a href="#" data-role="button" data-theme="d" data-rel="back" id="actdel"><span id=actdeltxt>x</span></a>
<div id="actremark"></div>
<div id="actdiscount"></div>
<div id=actchangepricesection></div>
</p>
2020-11-19 22:55:20 +01:00
<a href="#" class="sure-do" data-role="button" data-theme="f" data-rel="back" id="actionneworderconfirm_all">Ja</a>
<a href="#" class="sure-do" data-role="button" data-theme="f" data-rel="back" id="actionneworderconfirm_one">Ja</a>
2020-11-19 22:47:44 +01:00
<a href="#" data-role="button" data-theme="b" data-rel="back" id="actionnewordercancel">Nein</a>
</div>
</div>
<!-- Dialog page -->
<div data-role="dialog" id="tablechangedialog" data-title="Tischwechsel">
<div data-role="content">
<h3 class="sure-1" id="header_tchange">?</h3>
<p class="roomtabletitel">
<div data-role="content">
<ul data-role="listview" id="roomOrTableList" data-divider-theme="a" data-inset="true"></ul>
<div id=tablemapcontentchangetable style="display:none;">
<img id="mapimgpartchangetable" style="width:100%;" src=img/empty-room.png />
</div>
</div>
</p>
<a id="changetablebackbtn" href="#" data-role="button" data-theme="c" data-rel="back">Abbrechen</a>
</div>
</div> <!-- tablechangedialog -->
<div data-role="dialog" id="changetablewhatdialog" data-title="Tischwechsel">
<div data-role="content">
<h3 class="sure-1">Auswahl der Orderelemente</h3>
2020-11-19 22:50:09 +01:00
<p class="roomtabletitel">Welche Orderelemente sollen dem neuen Tisch zugewiesen werden?</p>
<div data-role="controlgroup" data-type="horizontal" id="paybuttongroup">
2020-11-19 22:59:47 +01:00
<a href="#" data-role="button" data-theme="b" data-icon="check" id="selectallnothing"><span id="selectallnothing_txt">Alles/nichts auswählen</span></a>
</div>
<ul id="productsToMoveList" data-role="listview" class="scrolllistview" data-inset="true">
</ul>
2020-11-19 22:50:09 +01:00
<p id=changetablecontent>
2020-11-19 22:47:44 +01:00
</p>
2020-11-19 22:50:09 +01:00
<div data-role="content">
<a href="#" data-role="button" data-theme="f" data-rel="back" id="moveprods">Anwenden</a>
<a href="#" data-role="button" data-theme="c" data-rel="back">Zurück</a>
</div>
2020-11-19 22:47:44 +01:00
</div>
</div> <!-- changetablewhatdialog -->
<div data-role="dialog" id="discardnewordersdlg" data-title="Behandlung neue Orders">
<div data-role="content">
<h3 class="sure-1" id=discardnoheader>Neue Orders verwerfen</h3>
<p class="roomtabletitel" id=discardnewordersask>Es sind noch ungesendete Orders vorhanden! Sollen diese verworfen werden?
<div data-role="content">
<div class="ui-grid-a">
<div class="ui-block-a"><a href="#" data-role="button" data-theme="f" id="discard_new_orders_no">Nein</a></div>
<div class="ui-block-b"><a href="#" data-role="button" data-theme="d" id="discard_new_orders_yes">Ja</a></div>
</div><!-- /grid-a -->
</div>
</p>
</div>
</div> <!-- discardnewordersdlg -->
2020-11-19 23:02:49 +01:00
<div data-role="dialog" id="enterpricedlg" data-title="Preiseingabe">
<div data-role="content">
<h3 class="sure-1" id=enterpriceheader>Preis</h3>
<p>
<input id="enterpricefield" type="text" /></p>
<table class=numfield id="numfield_num">
<tr><td>7<td>8<td>9</tr>
<tr><td>4<td>5<td>6</tr>
<tr><td>1<td>2<td>3</tr>
<tr><td>0<td colspan="2">,</tr>
<tr><td colspan="3" class="keyboardapply" id="apply_priceenter">Anwenden</tr>
</table>
<div class="ui-grid-a">
<div class="ui-block-a"><a href="#" data-role="button" data-theme="d" id="discard_priceenter">Abbrechen</a></div>
</div><!-- /grid-a -->
</div>
</div> <!-- enterpricedlg -->
2020-11-19 23:11:29 +01:00
<div data-role="dialog" id="enternumberdlg" data-title="Direkte Eingabe der Anzahl" data-theme="c">
2020-11-19 23:10:13 +01:00
<div data-role="content">
<h3 class="sure-1" id=enternumberheader>Anzahl</h3>
<p>
2020-11-19 23:12:18 +01:00
<input id="enternumberfield" type="text" class="whiteinput" /></p>
2020-11-19 23:10:13 +01:00
<table class=numfield id="numfield_num_number">
<tr><td>7<td>8<td>9</tr>
<tr><td>4<td>5<td>6</tr>
<tr><td>1<td>2<td>3</tr>
2020-11-19 23:10:15 +01:00
<tr><td>0<td colspan="2" class="dellastkey">&larr;</tr>
2020-11-19 23:10:18 +01:00
<tr><td colspan="3" class="keyboardapply" id="apply_numberenter">Ordern</tr>
2020-11-19 23:10:13 +01:00
</table>
<div class="ui-grid-a">
<div class="ui-block-a"><a href="#" data-role="button" data-theme="d" id="discard_numberenter">Abbrechen</a></div>
</div><!-- /grid-a -->
</div>
</div> <!-- enternumberdlg -->
2020-11-19 22:47:44 +01:00
</body>
</html>