<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href='https://advancedfunctions.co/style.css'>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Bad+Script&family=Barlow+Condensed:wght@100&family=Poiret+One&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/@zxing/library@0.17.1"></script>
<script src="https://kit.fontawesome.com/de23248495.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<style>
.b{
position: relative;
animation-name: example;
animation-duration: .5s;
animation-fill-mode: forwards;
}
@keyframes example {
from {left:0px;top:0px;opacity:1;}
to {left:0px;top:0px;opacity:0;}
}
</style>
</head>
<body>
<div id='v' >
<h1 id='title' style='font-size: 40px;color: steelblue; margin-top:50px;' align='center'><div style='margin-bottom:20px;'><img src='windsorLogo.png'/></div><div style='margin-top:20px'>Scanning</div></h1><h5 id='scanAnimation' style='font-size: 30px;color: gray;' align='center'></h5> <h6 align='center' ><div id='canvasContainer' style='scale:75%;zoom:75%;height:200px;display:none;'><canvas id='canvas' width='320' height='240' style='margin:auto;'></canvas></div></h6><video id='video' height='0' ></video> <div class='container' id='formContainer' style='width: 300px;'><form action='javascript:send()'><div class='form-group grid-container' style='display: grid;grid-template-columns: auto 30%;padding: 10px;grid-gap: 10px;'><input class='form-control' id='cid' placeholder='Enter Password'><button type='submit' class='btn btn-default' id='submitButton'>Login</button><div class='form-group'><a href='qrscanner3PasswordRecovery.html' >Forgot Password?</a></div></div></form></div><h2 id='status' style='font-size: 25px;color: steelblue;' align='center'></h2><h3 id='student' style='font-size: 25px;color: steelblue;' align='center'></h3><img id='img' width='0' height='0' src='' ></img></div>
<div style='width:100%' class='w3-display-middle'>
<div class=" w3-card-4" id="x" style='display:none;'></div>
<div class="w3-center" style='display:none' id='navigation'><button class="w3-btn" onclick="previousPage()" style="padding:20px;position:relative;top:10px;" id='previousButton' disabled=true>Previous</button><button class="w3-btn" onclick="nextPage()" style="padding:20px;position:relative;top:10px;" id='nextButton' disabled=true>Next</button>
</div>
</div>
</body>
<script>
document.getElementById("x").style.display="none";
var code=""
var increment=[];
var incrementSetFood=[];
var names=[];
var ingredients=[];
var prices=[];
var menuItems='getItems';
var pageNumber=0;
var maxPageNumber=0;
var customerChefWaiter=-1;
var orderSelection=[];
var customerAnimation;
var cid='43f435te';
var numberOfItemsOrdered='';
var orderForWaiter=[];
function displayWaiterMode(){
code="";
numberOfItemsOrdered=parseInt(orderForWaiter[0]);
console.log(numberOfItemsOrdered+1);
cid=orderForWaiter[1];
for(var i=2;i<numberOfItemsOrdered+1;i++){
var nameToShow='';
var ingredientsToShow='';
var priceToShow='';
textColor="#000";
nameToShow=orderForWaiter[i];
if(nameToShow!=''){
document.getElementById('nextButton').disabled=false;
document.getElementById('previousButton').disabled=false;
if(i==2){
if(orderForWaiter[numberOfItemsOrdered+1]=='-Boxed-'){
code=code+"<div id='displayPane"+i+"' class='w3-container w3-animate-zoom' style='display:block; border-style:none none dotted none; border-width:1px;color:#999;background-color:#000;' onClick='javascript:selectItem("+i+")'><div style='display:grid; grid-template-columns: 100%' ><div > <div id='displayPaneName"+i+"' style='font-family: 'Poiret One', cursive;font-size:6vh;'><b><del>"+nameToShow+"</del></b></div> <div id='displayPaneIngredients"+i+"' style='font-family: 'Bad Script', cursive;font-size:2vh'>"+ingredientsToShow+"</div> </div><div class='"+orderSelection[i+pageNumber*4]+"' onclick='toggleCustomer(this,"+(i+pageNumber*4)+")' style='display:none;position:relative;top:50%;' ><div class='div1' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div2' style='box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div3' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div></div><div id='displayPanePrice"+i+"' style='font-family: 'Barlow Condensed', cursive;font-size:4vh; padding:1vh'><b>"+priceToShow+"</b></div></div></div>";
}else{
code=code+"<div id='displayPane"+i+"' class='w3-container w3-animate-zoom' style='display:block; border-style:none none dotted none; border-width:1px;color:#999;background-color:#000;' onClick='javascript:selectItem("+i+")'><div style='display:grid; grid-template-columns: 100%' ><div > <div id='displayPaneName"+i+"' style='font-family: 'Poiret One', cursive;font-size:6vh;'><b>"+nameToShow+"</b></div> <div id='displayPaneIngredients"+i+"' style='font-family: 'Bad Script', cursive;font-size:2vh'>"+ingredientsToShow+"</div> </div><div class='"+orderSelection[i+pageNumber*4]+"' onclick='toggleCustomer(this,"+(i+pageNumber*4)+")' style='display:none;position:relative;top:50%;' ><div class='div1' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div2' style='box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div3' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div></div><div id='displayPanePrice"+i+"' style='font-family: 'Barlow Condensed', cursive;font-size:4vh; padding:1vh'><b>"+priceToShow+"</b></div></div></div>";
}
}else{
code=code+"<div id='displayPane"+i+"' class='w3-container w3-animate-zoom' style='display:block; border-style:none none dotted none; border-width:1px;' onClick='javascript:selectItem("+i+")'><div style='display:grid; grid-template-columns: 100%' ><div > <div id='displayPaneName"+i+"' style='font-family: 'Poiret One', cursive;font-size:6vh'>"+nameToShow+"</div> <div id='displayPaneIngredients"+i+"' style='font-family: 'Bad Script', cursive;font-size:2vh'>"+ingredientsToShow+"</div> </div><div class='"+orderSelection[i+pageNumber*4]+"' onclick='toggleCustomer(this,"+(i+pageNumber*4)+")' style='display:none;position:relative;top:50%' ><div class='div1' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div2' style='box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div3' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div></div><div id='displayPanePrice"+i+"' style='font-family: 'Barlow Condensed', cursive;font-size:4vh; padding:1vh'><b>"+priceToShow+"</b></div></div></div>";
}
}
increment[i]=0;
}
document.getElementById("x").innerHTML=code;
}
function displayCustomerMode(){
code="";
for(var i=0;i<4;i++){
var nameToShow='';
var ingredientsToShow='';
var priceToShow='';
if(!(names[i+pageNumber*4]==""||String(names[i+pageNumber*4])=="undefined")){
textColor="#000";
nameToShow=names[i+pageNumber*4];
ingredientsToShow=ingredients[i+pageNumber*4];
priceToShow=prices[i+pageNumber*4];
}
if(nameToShow!=''){
document.getElementById('nextButton').disabled=false;
document.getElementById('previousButton').disabled=false;
code=code+"<div id='displayPane"+i+"' class='w3-container w3-animate-zoom' style='display:block; border-style:none none dotted none; border-width:1px;' onClick='javascript:selectItem("+i+")'><div style='display:grid; grid-template-columns: 60% 20% 20%' ><div > <div id='displayPaneName"+i+"' style='font-family: 'Poiret One', cursive;font-size:6vh'>"+nameToShow+"</div> <div id='displayPaneIngredients"+i+"' style='font-family: 'Bad Script', cursive;font-size:2vh'>"+ingredientsToShow+"</div> </div><div class='"+orderSelection[i+pageNumber*4]+"' onclick='toggleCustomer(this,"+(i+pageNumber*4)+")' style='display:block;position:relative;top:50%' ><div class='div1' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div2' style='box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div3' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div></div><div id='displayPanePrice"+i+"' style='font-family: 'Barlow Condensed', cursive;font-size:4vh; padding:1vh'><b>"+priceToShow+"</b></div></div></div>";
}
increment[i]=0;
}
document.getElementById("x").innerHTML=code;
}
function displayChefMode(){
document.getElementById('nextButton').disabled=false;
document.getElementById('previousButton').disabled=false;
code="";
for(var i=0;i<4;i++){
var textColor="#777";
var nameToShow="Food";
var ingredientsToShow="Ingredients";
var priceToShow="Price";
//console.log("names[i+pageNumber*4]: "+names[i+pageNumber*4]);
if(!(names[i+pageNumber*4]==""||String(names[i+pageNumber*4])=="undefined")){
textColor="#000";
nameToShow=names[i+pageNumber*4];
ingredientsToShow=ingredients[i+pageNumber*4];
priceToShow=prices[i+pageNumber*4];
}
//console.log("nameToShow: "+nameToShow);
code=code+"<div id='displayPane"+i+"' class='w3-container w3-animate-zoom' style='display:block; border-style:none none dotted none; border-width:1px;color:"+textColor+"' onClick='javascript:showEditPane("+i+");'><div style='display:grid; grid-template-columns: auto 20% 5vw' ><div > <div id='displayPaneName"+i+"' style='font-family: 'Poiret One', cursive;font-size:6vh'>"+nameToShow+"</div> <div id='displayPaneIngredients"+i+"' style='font-family: 'Bad Script', cursive;font-size:2vh'>"+ingredientsToShow+"</div> </div><div id='displayPanePrice"+i+"' style='font-family: 'Barlow Condensed', cursive;font-size:4vh; padding:1vh'><b>"+priceToShow+"</b></div></div></div><div id='editPane"+i+"' style=' display:none; grid-template-columns: auto auto'><div><input id='editPaneName"+i+"' class='w3-input' type='text' placeholder='Food Item'><input id='editPaneIngredient"+i+"' class='w3-input' type='text' placeholder='Ingredients'><input id='editPanePrice"+i+"' class='w3-input' type='text' placeholder='Price'></div><div id='addSign' class='plate' onclick='toggleChef(this,"+i+")' style='display:block;position:relative;top:50%'><div class='div1' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div2' style='box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.4);'></div><div class='div3' style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);'></div></div></div>";
incrementSetFood[i]=0;
}
document.getElementById("x").innerHTML=code;
}
function selectItem(item){
//document.getElementById('addSign').style.display='block';
if(increment[item]%2==0){
//document.getElementById("orderIconBlank"+item).style.display="none";
//document.getElementById("orderIcon"+item).style.display="block";
}else{
//document.getElementById("orderIconBlank"+item).style.display="block";//document.getElementById("orderIcon"+item).style.display="none";
}
increment[item]=increment[item]+1;
}
function toggleCustomer(x,item) {
if(x.classList.toggle('plate')){
orderSelection[item]='plate';
updateOrder();
}else{
orderSelection[item]='';
updateOrder();
}
}
function toggleChef(x,item) {
var itemAdded=false;
console.log("item: "+item);
console.log("document.getElementById('editPaneName'+item).value: "+document.getElementById('editPaneName'+item).value);
console.log("(document.getElementById('editPaneName'+item).value!=''): "+(document.getElementById('editPaneName'+item).value!=''));
if(((document.getElementById('editPaneName'+item).value!='')&&(document.getElementById('editPaneIngredient'+item).value!='')&&(document.getElementById('editPanePrice'+item).value!=''))||((document.getElementById('editPaneName'+item).value=='')&&(document.getElementById('editPaneIngredient'+item).value=='')&&(document.getElementById('editPanePrice'+item).value==''))){
itemAdded=true;
}
if(!x.classList.contains('bell')&&itemAdded){
var lastItemIndex=0;
var itemIndex=0;
for(var i=0;i<4*12;i++){
if(!(names[i]==''||String(names[i])=='undefined')){
lastItemIndex++;
console.log('lastItemIndex: '+lastItemIndex);}else{
}
}
console.log("(1+lastItemIndex): "+(1+lastItemIndex));
console.log("maxPageNumber: "+maxPageNumber);
itemIndex=pageNumber*4+item;
//console.log("lastItemIndex: "+lastItemIndex);
console.log("add"+", item: "+item+", pageNumber: "+pageNumber+", itemIndex: "+itemIndex);
if(itemIndex>lastItemIndex){
textColor='#000';
names[lastItemIndex]=document.getElementById('editPaneName'+item).value;
ingredients[lastItemIndex]=document.getElementById('editPaneIngredient'+item).value;
prices[lastItemIndex]=(document.getElementById('editPanePrice'+item).value).replace('$','');
x.classList.toggle('bell',true);
}else{
names[itemIndex]=document.getElementById('editPaneName'+item).value;
ingredients[itemIndex]=document.getElementById('editPaneIngredient'+item).value;
prices[itemIndex]=(document.getElementById('editPanePrice'+item).value).replace('$','');
x.classList.toggle('bell',true);
}
menuItems='';
lastItemIndex=0;
for(var i=0;i<4*12;i++){
if(!(names[i]==''||String(names[i])=='undefined')){
lastItemIndex=i+1;}
}
console.log("lll "+lastItemIndex);
maxPageNumber=parseInt((lastItemIndex)/4);
for(var i=0;i<lastItemIndex;i++){
if(names[i]!=''&&prices[i]!=''&&ingredients[i]!=''){
menuItems=menuItems+names[i]+' $'+prices[i]+'\n'+ingredients[i]+'\n\n';}
}
console.log(menuItems);
menuItems=menuItems.substring(0,menuItems.length-2);
for(var i=0;i<12;i++){
names[i]='';
prices[i]='';
ingredients[i]='';
}
sendDataToRegister();
}
}
function showEditPane(item){
var nameToShow="";
var ingredientsToShow="";
var priceToShow="";
//console.log("names[item+pageNumber*4]: "+names[item+pageNumber*4]);
if(!(names[item+pageNumber*4]==""||String(names[item+pageNumber*4])=="undefined")){
textColor="#000";
nameToShow=names[item+pageNumber*4];
ingredientsToShow=ingredients[item+pageNumber*4];
priceToShow=prices[item+pageNumber*4];
}
document.getElementById('displayPane'+item).style.display='none';
document.getElementById('editPane'+item).style.display='grid';
document.getElementById('editPaneName'+item).value=nameToShow;
document.getElementById('editPaneIngredient'+item).value=ingredientsToShow;
document.getElementById('editPanePrice'+item).value=priceToShow;
for(var i=0;i<4;i++){
if(i!=item){
document.getElementById('editPane'+i).style.display='none';
document.getElementById('displayPane'+i).style.display='block';
}
}
}
function setFood(item){
if(incrementSetFood[item]%2==0){
document.getElementById("editPane"+item).style.boxShadow="0 4px 8px 0 rgba(0, 0, 0, 0.2)";
}else{
document.getElementById("editPane"+item).style.boxShadow="0 0px 0px 0 rgba(0, 0, 0, 0.0)";
}
incrementSetFood[item]=incrementSetFood[item]+1;
}
function sendDataToRegister() {
//document.getElementById("x").innerHTML=new Date();
jQuery.post('https://script.google.com/macros/s/AKfycbypVhRlT__iDF5Kyw4XtsqZCKguDvixJyj5I1Tz_r3Mxwtj3fBE/exec', {
cardID: '',
class: '',
email: '',
instruction: 'chefMenu',
menu: menuItems
}
).done(function (data) {
getMenu(data);
})
}
function updateOrder() {
jQuery.post('https://script.google.com/macros/s/AKfycbypVhRlT__iDF5Kyw4XtsqZCKguDvixJyj5I1Tz_r3Mxwtj3fBE/exec', {
cardID: cid,
class: '',
email: '',
instruction: 'updateOrder',
menu: orderSelection.join('^')
}
).done(function (data) {
//getMenu(data);
})
}
function getOrderSelection() {
jQuery.post('https://script.google.com/macros/s/AKfycbypVhRlT__iDF5Kyw4XtsqZCKguDvixJyj5I1Tz_r3Mxwtj3fBE/exec', {
cardID: cid,
class: '',
email: '',
instruction: 'getOrderSelection',
menu: ''
}
).done(function (data) {
setOrderSelection(data);
})
}
function getOrderForWaiter(position) {
jQuery.post('https://script.google.com/macros/s/AKfycbypVhRlT__iDF5Kyw4XtsqZCKguDvixJyj5I1Tz_r3Mxwtj3fBE/exec', {
cardID: cid,
class: '',
email: '',
instruction: 'getOrderForWaiter',
menu: position
}
).done(function (data) {
console.log(data);
orderForWaiter=data.split('^');
displayWaiterMode();
})
}
function setOrderSelection(data){
orderSelection=data.split('^');
displayCustomerMode();
}
function getMenu(data){
//document.getElementById("x").innerHTML=data;
var dataArray=data.split("^");
for(var i=0;i<4;i++){
names[i]="";
prices[i]="";
ingredients[i]="";
}
for(var i=0;i<dataArray.length;i=i+3){
if(data!=""){
names[i/3]=dataArray[i];
prices[i/3]=dataArray[i+1];
ingredients[i/3]=dataArray[i+2];
orderSelection[i/3]='plate';
}
}
if(customerChefWaiter==0){
getOrderSelection();
}
if(customerChefWaiter==1){
displayChefMode();}
if(customerChefWaiter==2){
getOrderForWaiter(1);}
}
function nextPage(){
document.getElementById('nextButton').disabled=true;
document.getElementById('previousButton').disabled=true;
var lastItemIndex=0;
for(var i=0;i<4*12;i++){
if(!(names[i]==''||String(names[i])=='undefined')){
lastItemIndex++;}else{
}
}
maxPageNumber=parseInt((lastItemIndex)/4);
if(pageNumber<maxPageNumber){
pageNumber++;}
if(customerChefWaiter==0){
displayCustomerMode();}
if(customerChefWaiter==1){
displayChefMode();}
if(customerChefWaiter==2){
getOrderForWaiter(2);}
//console.log("nextPage: "+pageNumber);
}
function previousPage(){
document.getElementById('nextButton').disabled=true;
document.getElementById('previousButton').disabled=true;
if(pageNumber>0){
pageNumber--;}
if(customerChefWaiter==0){
displayCustomerMode();}
if(customerChefWaiter==1){
displayChefMode();}
if(customerChefWaiter==2){
getOrderForWaiter(0);}
//console.log("previousPage: "+pageNumber);
}
var video;
var canvas;
var parameters;
var classInfo;
var gClassInfo;
var crdID = '';
var timer = 0;
var initialTime = 0;
var dataReceived = true;
var textRead = '';
navigator.mediaDevices.getUserMedia({video: {facingMode: 'user',width: {ideal: 480}}}).then(function (stream) {window.localStream=stream;
video.srcObject = stream;
video.play();
document.getElementById("canvasContainer").style.display="block";
}).catch(function(err){
document.getElementById("canvasContainer").style.display="none";
});
const codeReader = new ZXing.BrowserQRCodeReader();
//function load(panel){
//document.getElementById(panel).innerHTML=qrUi;
video=document.getElementById('video');
canvas=document.getElementById('canvas').getContext('2d');
parameters = new URLSearchParams(window.location.search);
classInfo = parameters.get('class');
gClassInfo = parameters.get('gClass');
repeat();
//}
function repeat() {
if (timer % 20 == 0) {
document.getElementById("scanAnimation").innerHTML = ".";
}
if (timer % 20 == 4) {
document.getElementById("scanAnimation").innerHTML = ". .";
}
if (timer % 20 == 8) {
document.getElementById("scanAnimation").innerHTML = ". . .";
}
if (timer % 20 == 12) {
document.getElementById("scanAnimation").innerHTML = ". . . .";
}
if (timer % 20 == 16) {
document.getElementById("scanAnimation").innerHTML = ". . . . .";
}
if (initialTime > 1) {
document.getElementById("status").innerHTML = " ";
document.getElementById("student").innerHTML = " ";
}
timer++;
initialTime++;
canvas.drawImage(video,0,0);
var x=document.getElementById("canvas").toDataURL();
document.getElementById("img").src=x;
codeReader.decodeFromImage(undefined,x).then((result, err) => {
if (result) {
// document.getElementById("status").innerHTML = " ";
// document.getElementById("student").innerHTML = " ";
textRead = result.text;
try {
crdID = textRead ;
if (crdID == null) {
document.getElementById("status").innerHTML = "Card Invalid";
document.getElementById("student").innerHTML = " ";
initialTime = 0;
} else {
if (dataReceived) {
dataReceived = !dataReceived;
loginToQrLunchWidget();initialTime = -60;
}
document.getElementById("status").innerHTML = "Processing ID";
}
} catch (err) {
document.getElementById("status").innerHTML = " ";
document.getElementById("student").innerHTML = " ";
initialTime = 0;
document.getElementById("status").innerHTML = "Card Invalid";
}
}
});
canvas.lineJoin="round";
canvas.lineWidth="7";
canvas.strokeStyle="rgba(70,130,180,0.5)";
drawTarget();
canvas.stroke();
setTimeout(repeat, 33);
}
function loginToQrLunchWidget() {
jQuery.post('https://script.google.com/macros/s/AKfycbypVhRlT__iDF5Kyw4XtsqZCKguDvixJyj5I1Tz_r3Mxwtj3fBE/exec', {
cardID: crdID,
class: classInfo,
email: '',
instruction: 'login'
}
).done(function (data) {
var dataAsArray=data.split(",");
if (dataAsArray[0]=== "Approved") {
initialTime = 0;
document.getElementById("status").innerHTML = "Approved";
document.getElementById("student").innerHTML = dataAsArray[1]+ " " + dataAsArray[2];
initialTime=-30;
dataReceived=true;
selectMenuMode();
//redirect();
} else {
document.getElementById("status").innerHTML = " ";
document.getElementById("student").innerHTML = " ";
initialTime = 0;
document.getElementById("status").innerHTML = "Card Invalid";
dataReceived = true
document.getElementById("submitButton").disabled = false;
}
})
}
function drawTarget(){
canvas.beginPath();
canvas.moveTo((320-150)/2, (240-150)/2+50);
canvas.lineTo((320-150)/2, (240-150)/2+50-30);
canvas.arc((320-150)/2+20,(240-150)/2+20,20,Math.PI,-Math.PI/2);
canvas.moveTo((320-150)/2+20, (240-150)/2);
canvas.lineTo((320-150)/2+50, (240-150)/2);
canvas.moveTo((320-150)/2+150, (240-150)/2+50);
canvas.lineTo((320-150)/2+150, (240-150)/2+50-30);
canvas.moveTo((320-150)/2+100, (240-150)/2);
canvas.lineTo((320-150)/2+130, (240-150)/2);
canvas.arc((320-150)/2+110+20,(240-150)/2+20,20,Math.PI/-2,0);
canvas.moveTo((320-150)/2, (240-150)/2+100);
canvas.lineTo((320-150)/2, (240-150)/2+100+30);
canvas.arc((320-150)/2+20,(240-150)/2+110+20,20,Math.PI,Math.PI/2,true);
canvas.moveTo((320-150)/2+20, (240-150)/2+150);
canvas.lineTo((320-150)/2+50, (240-150)/2+150);
canvas.moveTo((320-150)/2+150, (240-150)/2+100);
canvas.lineTo((320-150)/2+150, (240-150)/2+100+30);
canvas.moveTo((320-150)/2+100, (240-150)/2+150);
canvas.lineTo((320-150)/2+130, (240-150)/2+150);
canvas.arc((320-150)/2+110+20,(240-150)/2+110+20,20,Math.PI/2,0,true);
}
function send() {
crdID = document.getElementById("cid").value
document.getElementById("submitButton").disabled = true;
document.getElementById("status").innerHTML = "Processing ID";
initialTime = -60;
loginToQrLunchWidget();
}
function selectMenuMode(){
try{
localStream.getVideoTracks()[0].stop();}catch(err){}
cid=crdID;
customerChefWaiter=0;
if(cid.substring(0,2)=='ch'){
customerChefWaiter=1;}
if(cid.substring(0,2)=='wa'){
customerChefWaiter=2;}
document.getElementById('v').style.display='none';
document.getElementById("x").style.display="block";
sendDataToRegister();
document.getElementById("navigation").style.display="block";
}
</script>
</html>