132 lines
3.9 KiB
HTML
132 lines
3.9 KiB
HTML
<html>
|
|
<head>
|
|
<title>Ansicht Kueche</title>
|
|
<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" type="text/css" href="css/bestformat.css?v=1.6.6">
|
|
|
|
<link rel="stylesheet" href="php/contenthandler.php?module=admin&command=getmobilecss" />
|
|
<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-2.0.3.min.js"></script>
|
|
<script src="php/3rdparty/jquery.mobile-1.4.0.min.js"></script>
|
|
<script src="utilities.js?v=1.6.6"></script>
|
|
<script src="kitchenbar.js?v=1.6.6"></script>
|
|
<style>
|
|
|
|
#tableWithEntriesToCook,#tableWithCookedEntries,#headertableToCook
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
#declareready,#declarenotcooked {
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
#readybutton,#notreadybutton {
|
|
width:90%;
|
|
}
|
|
|
|
#optiontext
|
|
{
|
|
font-family:sans-serif;
|
|
font-size:10pt;
|
|
color:black;
|
|
}
|
|
|
|
#tableWithCookedEntries td {
|
|
background:#b4b4ec
|
|
}
|
|
|
|
.dividerline {
|
|
height: 10px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<script>
|
|
|
|
var KIT_KITCHEN = ["Küche","Kitchen","Cocina"];
|
|
|
|
var lang = 0;
|
|
|
|
function setLanguage(language) {
|
|
lang = language;
|
|
$("#moduleheadline").html(KIT_KITCHEN[lang]);
|
|
}
|
|
|
|
// refreshing the content
|
|
$(document).ready(function() {
|
|
var refreshId = setInterval(function() {
|
|
getAndDisplayAllEntries();
|
|
}, 5000);
|
|
$.ajaxSetup({ cache: false });
|
|
});
|
|
|
|
|
|
function getEntriesToCook() {
|
|
// Food
|
|
var data = { kind: 0 };
|
|
doAjax("GET","php/contenthandler.php?module=queue&command=getJsonAllQueueItemsToMake",data,fillTableWithEntriesToCook,"no entries to make");
|
|
}
|
|
|
|
function getCookedEntries() {
|
|
var data = { kind: 0 };
|
|
doAjax("GET","php/contenthandler.php?module=queue&command=getJsonLastMadeItems",data,fillTableWithCookedEntries,"no cooked entries");
|
|
}
|
|
|
|
function hideElementsForNonKitchenUser(jsonAnswer) {
|
|
if (jsonAnswer != "Yes") {
|
|
$("#allpagecontent").hide();
|
|
}
|
|
}
|
|
|
|
|
|
$(document).on("pageinit", "#kitchen-page", function () {
|
|
var urlsuffix = location.search;
|
|
setWorkMode(urlsuffix);
|
|
|
|
getGeneralConfigItems();
|
|
});
|
|
|
|
function initializeEverything() {
|
|
|
|
hideMenu();
|
|
doAjax("GET","php/contenthandler.php?module=admin&command=isLoggedinUserKitchen",null,hideElementsForNonKitchenUser,"Fehler");
|
|
}
|
|
|
|
</script>
|
|
<!--first page -->
|
|
<div data-role="page" id="kitchen-page" data-theme="c">
|
|
<div data-role="panel" id="modulepanel" data-position="right" data-display="overlay">
|
|
<ul data-role="listview" id="modulemenu" data-divider-theme="a" data-inset="true">
|
|
<li data-role="list-divider" data-theme="b" data-role="heading">Hauptmenü</li>
|
|
</ul>
|
|
</div><!-- /panel -->
|
|
<div data-role="header" data-theme="b" data-position="fixed" id="headerline" style="background-color:black;">
|
|
<h1><span id="moduleheadline">Küche</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>
|
|
<div data-type="horizontal" style="top:0px;position:absolute;float:right;z-index:10;display:inline;" align="right" class="ui-btn-right">
|
|
<a href="#" data-role="button" data-icon="arrow-d" data-ajax="false" id="menuswitch">Hauptmenü</a>
|
|
</div>
|
|
</div>
|
|
<div data-role="content" id="allpagecontent">
|
|
<div id=listWithEntriesToCook></div>
|
|
<hr id="hrline">
|
|
<div id=listWithCookedEntries></div>
|
|
</div>
|
|
<div data-role="footer" data-theme="b" id="thefooterr" style="background-color:black;">
|
|
<div class="ui-grid-a">
|
|
<div class="ui-block-a userinfo"><span id="loggedinuser"></span></div>
|
|
<div class="ui-block-b grid_right" id="versioninfo"></div>
|
|
</div><!-- /grid-a -->
|
|
</div> <!-- footer -->
|
|
</div>
|
|
</body>
|
|
</html> |