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

function openTab(evt, etapa) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
      tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
      tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(etapa).style.display = "block";
    evt.currentTarget.className += " active";
  }

  function displayBlock(etapa) {

    document.getElementById('loading').style.display = "none";
    document.getElementById(etapa).style.display = "block";
  }


  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tabcontent[0].style.display = "block";


  function delayTab(tab){
    document.getElementById('Fila').style.display = "none";
    document.getElementById('Preparo').style.display = "none";
    document.getElementById('Finalizado').style.display = "none";
    document.getElementById('Entregue').style.display = "none";
    document.getElementById('loading').style.display = "block";
  
    
        setTimeout(function() {
      displayBlock(tab);}, 1000);
  }


  displayBlock('Fila');





  function mostrarNotificacao() {
    if (Notification.permission != 'granted') {
        Notification.requestPermission().then(function(permission) {
            if (permission == 'granted') {
                var notification = new Notification('Nova Mensagem', {
                    body: 'Você tem uma nova mensagem!',
                    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'
        });
    }
}



let i = 0;
while (i < 10) {
  setTimeout(function() {
    mostrarNotificacao();}, 3000);
}



setTimeout(function() {
  mostrarNotificacao();}, 3000);