feat: notificação de pedidos na cozinha

gestaoRaul/templates/static/orders/js/orders.js

@@ -1,4 +1,4 @@
-
+document.cookie = `fila=0`; 
 
 
 function openTab(evt, etapa) {
@@ -48,33 +48,64 @@ function openTab(evt, etapa) {
 
 
 
-  function mostrarNotificacao() {
+  function mostrarNotificacao(titulo,corpo,grupo) {
     if (Notification.permission != 'granted') {
         Notification.requestPermission().then(function(permission) {
             if (permission == 'granted') {
-                var notification = new Notification('Nova Mensagem', {
-                    body: 'Você tem uma nova mensagem!',
+                var notification = new Notification(titulo, {
+                    body: corpo,
                     icon: 'https://example.com/icon.png'
                 });
             }
         });
     } else {
-        var notification = new Notification('Nova Mensagem', {
-            body: 'Você tem uma nova mensagem!',
-            icon: 'https://example.com/icon.png'
+        var notification = new Notification(titulo, {
+            body: corpo,
+            icon: 'https://imagecolorpicker.com/imagecolorpicker-preview_b.avif',
+            image: 'https://imagecolorpicker.com/imagecolorpicker-preview_b.avif',
+            
         });
     }
 }
 
+function notificacao(){
+ 
+  var resposta =   fetch(`/pedidos/notificacao/`, {method: 'GET',
+    headers: {'Content-Type': 'application/json',
+     },})
+     .then(response => response.json())
+      .then(data => {
+          if (data['notificacao'] == 'true'){
+            document.cookie = `fila=${data['fila']}`; 
+            // navigator.vibrate(200);
+            // navigator.vibrate([200, 100, 200]);
+            mostrarNotificacao(data['titulo'], data['corpo'],'Cozinha')
+
+          }else{
+            console.log(data['notificacao'])
+            console.log('notificação foi false')
+          }
+        // var produtos_mais_vendidos = data.produtos_mais_vendidos
+
+      })
+   .catch(error => {
+     alert('Erro verificar notificação:', error)
+     console.error('Erro verificar notificação:', error);
+   });
+   
+  }
 
 
-let i = 0;
-while (i < 10) {
-  setTimeout(function() {
-    mostrarNotificacao();}, 3000);
-}
+setInterval(()=> {
+  notificacao()
+}, 10000)
 
 
 
-setTimeout(function() {
-  mostrarNotificacao();}, 3000);
+
+// setTimeout(function() {
+//   mostrarNotificacao();}, 2000);
+
+
+  // mostrarNotificacao()
+  // notificacao()