281 lines
10 KiB
PHP
Executable File
281 lines
10 KiB
PHP
Executable File
<?php
|
|
require_once('fixed/config/go_con.php');
|
|
access(60);
|
|
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en" dir="rtl">
|
|
<?php require_once('fixed/head/go.php'); ?>
|
|
<body class="rtl">
|
|
<?php require_once('fixed/loader/go.php'); ?>
|
|
<!-- page-wrapper Start-->
|
|
<div class="page-wrapper" id="pageWrapper">
|
|
<?php require_once('fixed/header/go.php'); ?>
|
|
<!-- Page Body Start-->
|
|
<div class="page-body-wrapper">
|
|
<?php require_once('fixed/sidebar/go.php'); ?>
|
|
<div class="page-body">
|
|
<div class="container-fluid">
|
|
<div class="page-header">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
|
|
<style>
|
|
* {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.body_css {
|
|
background-color: #024347;
|
|
}
|
|
|
|
|
|
.order_r_container {
|
|
position: relative;
|
|
width: 100%;
|
|
margin: auto;
|
|
top: 30px;
|
|
background-color: #747c7c;
|
|
border-radius: 20px;
|
|
padding: 20px;
|
|
}
|
|
|
|
|
|
.orders_table {
|
|
margin: auto;
|
|
}
|
|
|
|
|
|
.orders_table td {
|
|
margin: auto;
|
|
color: black;
|
|
background-color: #D8D8D8;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
border: solid 3px #024347;
|
|
}
|
|
|
|
|
|
.orders_table th {
|
|
background-color: white;
|
|
color: black;
|
|
padding: 10px;
|
|
font-size: 18px;
|
|
border: solid 3px #024347;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.th_submit {
|
|
width: 100%;
|
|
padding: 10px;
|
|
font-weight: bold;
|
|
border: none;
|
|
border-radius: 10px;
|
|
color: white;
|
|
cursor: pointer;
|
|
font-size: 20px;
|
|
background-color: #24695c;
|
|
}
|
|
</style>
|
|
|
|
|
|
<?php
|
|
$branch = $_GET['br'];
|
|
$area = $_GET['ar'];
|
|
$chair = $_GET['ch'];
|
|
|
|
if(isset($_POST['o_logout'])) {
|
|
echo "<script>window.location = '../drinks_logout.php?br=$branch&ar=$area&ch=$chair'</script>";
|
|
}
|
|
?>
|
|
|
|
|
|
|
|
|
|
<!-- sound -->
|
|
<audio controls id="multiaudio5" style="display: none">
|
|
<source src="../orders/order_sound.mp3" type="audio/mpeg">
|
|
</audio>
|
|
|
|
<p id="branch" style="display: none"><?php echo $_SESSION['branch']; ?></p>
|
|
|
|
|
|
|
|
<div class="order_r_container">
|
|
<table class="orders_table" dir="rtl">
|
|
<tr>
|
|
<td>اسم العميل</td>
|
|
<td>نوع الطلب</td>
|
|
<td>عدد السكر</td>
|
|
<td>الماء</td>
|
|
<td>الصالة</td>
|
|
<td>رقم الكرسي</td>
|
|
<td>ملاحظات العميل</td>
|
|
<td>وقت الطلب</td>
|
|
<td>إنهاء الطلب</td>
|
|
</tr>
|
|
|
|
<tr id="res_div">
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php require_once('fixed/footer/go.php'); ?>
|
|
</div>
|
|
</div>
|
|
<?php require_once('fixed/js/go.php'); ?>
|
|
<!-- GTranslate: https://gtranslate.io/ -->
|
|
<div id="google_translate_element" class="form-group" style="display: none;">
|
|
</div>
|
|
<script type="text/javascript">
|
|
function googleTranslateElementInit() {
|
|
new google.translate.TranslateElement({pageLanguage: 'ar'}, 'google_translate_element');
|
|
}
|
|
// sound section
|
|
var sound = document.getElementById('multiaudio5');
|
|
function osama() {
|
|
sound.play();
|
|
}
|
|
|
|
|
|
|
|
// get data from api
|
|
var branch = document.getElementById('branch').innerHTML;
|
|
|
|
let order_num = 0;
|
|
function loadXMLDoc() {
|
|
|
|
var xhttp = new XMLHttpRequest();
|
|
xhttp.onreadystatechange = function() {
|
|
|
|
if (this.readyState == 4 && this.status == 200) {
|
|
var y = JSON.parse(this.responseText);
|
|
if (y.length > 0) {
|
|
|
|
|
|
// Order Sound
|
|
orders_count = y.length - 1;
|
|
if (order_num < y[orders_count].order_id) {
|
|
if(y[orders_count].order_branch === branch) {
|
|
sound.play();
|
|
}
|
|
}
|
|
|
|
order_num = y[orders_count].order_id;
|
|
|
|
|
|
// Filter
|
|
if(orders_count >= 0) {
|
|
let xyz = document.querySelectorAll('#res');
|
|
for (let q = 0; q < xyz.length; q++) {
|
|
const element = xyz[q];
|
|
element.remove();
|
|
}
|
|
|
|
for(var i = 0; i < y.length; ++i) {
|
|
|
|
if(y[i].order_branch === branch) {
|
|
// Create Elements
|
|
var tr = document.createElement('tr');
|
|
var button = document.createElement('button');
|
|
var element1 = document.createElement('th');
|
|
var element2 = document.createElement('th');
|
|
var element3 = document.createElement('th');
|
|
var element4 = document.createElement('th');
|
|
var element5 = document.createElement('th');
|
|
var element6 = document.createElement('th');
|
|
var element7 = document.createElement('th');
|
|
var element8 = document.createElement('th');
|
|
|
|
// Set Attributes
|
|
tr.setAttribute('id', "res");
|
|
element1.setAttribute('id', "th_customer_name");
|
|
element2.setAttribute('id', "th_order_type");
|
|
element3.setAttribute('id', "th_order_sugar");
|
|
element4.setAttribute('id', "th_water");
|
|
element5.setAttribute('id', "th_order_place");
|
|
element6.setAttribute('id', "th_chair");
|
|
element7.setAttribute('id', "th_description");
|
|
element8.setAttribute('id', "th_order_date");
|
|
button.setAttribute('class', "th_submit");
|
|
|
|
button.innerHTML = "Done";
|
|
|
|
// element info
|
|
element1.innerHTML = y[i].customer_name;
|
|
element2.innerHTML = y[i].order_type;
|
|
element3.innerHTML = y[i].sugar;
|
|
element4.innerHTML = y[i].water;
|
|
element5.innerHTML = y[i].order_place;
|
|
element6.innerHTML = y[i].chair_number;
|
|
element7.innerHTML = y[i].customer_description;
|
|
element8.innerHTML = y[i].date;
|
|
button.setAttribute('onclick', `orderDone(${y[i].order_id})`);
|
|
|
|
// Append
|
|
tr.appendChild(element1);
|
|
tr.appendChild(element2);
|
|
tr.appendChild(element3);
|
|
tr.appendChild(element4);
|
|
tr.appendChild(element5);
|
|
tr.appendChild(element6);
|
|
tr.appendChild(element7);
|
|
tr.appendChild(element8);
|
|
tr.appendChild(button);
|
|
document.querySelector('.orders_table').appendChild(tr);
|
|
}
|
|
}
|
|
}
|
|
|
|
} else {
|
|
let xyz = document.querySelectorAll('#res');
|
|
for (let q = 0; q < xyz.length; q++) {
|
|
const element = xyz[q];
|
|
element.remove();
|
|
}
|
|
return false;
|
|
}
|
|
|
|
}
|
|
};
|
|
xhttp.open("POST", "../orders/data.php");
|
|
xhttp.send();
|
|
}
|
|
loadXMLDoc();
|
|
setInterval(loadXMLDoc, 1000);
|
|
|
|
|
|
|
|
|
|
// make order Done
|
|
function orderDone(orderID) {
|
|
orders_count = 0;
|
|
var xhttp = new XMLHttpRequest();
|
|
|
|
xhttp.open("POST", "order_finish.php");
|
|
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
xhttp.send(`order_id=${orderID}`);
|
|
|
|
}
|
|
|
|
</script>
|
|
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
|
|
</body>
|
|
</html>
|
|
/
|