endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-09-30T17:04:53.189339
endpoints.uri: http://queue.goldenbreak.id/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Cache-Control
endpoints.headers: max-age=600
endpoints.key: Expires
endpoints.headers: Tue, 30 Sep 2025 17:14:52 GMT
endpoints.key: Vary
endpoints.headers: Accept-Encoding,User-Agent
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: Content-Length
endpoints.headers: 1834
endpoints.key: Content-Type
endpoints.headers: text/html; charset=UTF-8
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Server
endpoints.headers: Apache
endpoints.html_tags: <title>Golden Break Queue System</title> <meta charset="utf-8"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">
endpoints.body: <!DOCTYPE html>
  <html>
  <head>
      <title>Golden Break Queue System</title>
      <meta charset="utf-8">
      <link rel="stylesheet" href="../assets/queue.css">
  
  
      <script
          src="https://code.jquery.com/jquery-3.7.1.min.js"
          integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
          crossorigin="anonymous"></script>
  
      <script src="../assets/queue.js"></script>
  
      <!-- (PART C) PROGRESSIVE WEB APP -->
      <!--<link rel="icon" href="logo.png" type="image/png">-->
      <link rel="apple-touch-icon" sizes="57x57" href="../assets/favicon/apple-icon-57x57.png">
      <link rel="apple-touch-icon" sizes="60x60" href="../assets/favicon/apple-icon-60x60.png">
      <link rel="apple-touch-icon" sizes="72x72" href="../assets/favicon/apple-icon-72x72.png">
      <link rel="apple-touch-icon" sizes="76x76" href="../assets/favicon/apple-icon-76x76.png">
      <link rel="apple-touch-icon" sizes="114x114" href="../assets/favicon/apple-icon-114x114.png">
      <link rel="apple-touch-icon" sizes="120x120" href="../assets/favicon/apple-icon-120x120.png">
      <link rel="apple-touch-icon" sizes="144x144" href="../assets/favicon/apple-icon-144x144.png">
      <link rel="apple-touch-icon" sizes="152x152" href="../assets/favicon/apple-icon-152x152.png">
      <link rel="apple-touch-icon" sizes="180x180" href="../assets/favicon/apple-icon-180x180.png">
      <link rel="icon" type="image/png" sizes="192x192"  href="../assets/favicon/android-icon-192x192.png">
      <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon/favicon-32x32.png">
      <link rel="icon" type="image/png" sizes="96x96" href="../assets/favicon/favicon-96x96.png">
      <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon/favicon-16x16.png">
      <meta name="msapplication-TileColor" content="#ffffff">
      <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
      <meta name="theme-color" content="#ffffff">
      
      <!--<link rel="manifest" href="../assets/manifest.json">
      <script>if ("serviceWorker" in navigator) {
              // (C1) REGISTER SERVICE WORKER
              navigator.serviceWorker.register("../assets/worker.js", {scope: "/"});
  
              // (C2) CACHE WEB APP FILES
              caches.open("queue").then(cache => cache.addAll([
                  "../assets/queue.css", "../assets/queue.js",
                  "../assets/notify.mp3", "../assets/manifest.json"
              ]));
          }
      </script>-->
      <style>
          /*Portrait. For Landscape, comment this*/
          #qNow{ float: left;width: 50vw;height: 100vh; }
          #qAll{ width: 100vw;height: 100vh; }
          #qAll .num { height: 60vh; }
          #calling { padding: 24vh 0; }
          /*end Portrait*/
      </style>
  </head>
  <body>
  <!-- (PART A) CURRENT CUSTOMER -->
  <div id="qNow">
      <div id="calling" class="num" style="font-size: 10vw;">0</div>
      <div class="txt">Currently Serving</div>
  </div>
  
  <!-- (PART B) TOTAL CUSTOMERS -->
  <div id="qAll">
      <div class="num">
          <div>
              <ul id="antrian" class="row" style="display: block;overflow: hidden;max-height: 60vh;">
  
              </ul>
  
          </div>
      </div>
      <div class="txt"><span id="total_queue"></span> Total Queue</div>
  </div>
  <audio id="alarm-ring" preload>
      <source src="https://queue.goldenbreak.id/assets/notify.mp3" type="audio/mpeg" />
  </audio>
  
  <script>
      $(document).ready(function(){
          var scrollPos = 1;
          var calling = 0;
          var stop_blinking = false;
  
          function blink(selector){
              if(stop_blinking){
                  return;
              }
              $(selector).fadeOut('slow', function(){
                  $(this).fadeIn('slow', function(){
                      blink(this);
                  });
              });
          }
  
          function scrollQueue(){
              const flavoursContainer = document.getElementById('antrian');
              const flavoursScrollHeight = flavoursContainer.scrollHeight;
              //if (flavoursContainer.scrollTop !== flavoursScrollHeight) {
              if ((flavoursContainer.scrollTop !== flavoursScrollHeight) && (scrollPos !== flavoursContainer.scrollTop)){
                  //console.log("scroll");
                  scrollPos = flavoursContainer.scrollTop;
                  flavoursContainer.scrollTo({
                      top: flavoursContainer.scrollTop + 1,
                      left: 0,
                      behaviour: "smooth"
                  });
  
              }
              else{
                  scrollPos = 1;
                  flavoursContainer.scrollTo({
                      top: 0,
                      left: 0,
                      behaviour: "smooth"
                  });
              }
          }
  
          function getCalling(){
              $.get({
                  url: "https://queue.goldenbreak.id/main/calling",
                  cache: false
              }).then(function(data){
                  var obj = jQuery.parseJSON(data);
                  if(obj === null){
                      console.log("SET 0");
                      $('#calling').html("0");
                      stop_blinking = true;
                  }
                  else{
                      $('#calling').html(obj.id);
                      if(calling !== obj.id){
                          $('#alarm-ring')[0].play();
                          stop_blinking = false;
                          blink('#calling');
                          calling = obj.id;
                      }
                  }
              });
          }
          function getQueue(){
              $.get({
                  url: "https://queue.goldenbreak.id/main/queue",
                  cache: false
              }).then(function(data){
                  var obj = jQuery.parseJSON(data);
                  $('#antrian').empty();
                  $.each(obj, function(i, item) {
                      $('#antrian').append("<li class='column'>"+item.id+"</li>");
                  });
                  $('#total_queue').html(obj.length);
              });
          }
  
          setInterval(scrollQueue, 30);
          setInterval(getQueue, 300);
          setInterval(getCalling, 300);
      });
  </script>
  </body>
  </html>
endpoints.html_title: Golden Break Queue System
endpoints.supported_versions: HTTP/1.1
endpoints.banner: HTTP/1.1 200 OK
  Date:  <REDACTED>
  Server: Apache
  Cache-Control: max-age=600
  Expires: Tue, 30 Sep 2025 17:14:52 GMT
  Vary: Accept-Encoding,User-Agent
  Content-Encoding: gzip
  Content-Length: 1834
  Content-Type: text/html; charset=UTF-8
  
endpoints.ip: 64.91.244.157
[binary data, 4 values, 119 bytes]