Paleček - Specialistapp

Otevřít Dveře 3

ZAMČENO

Otevřít Dveře 4

ZAMČENO

{% extends "templates/base.html" %}
{% set game_name = "Specialist App" %}
{% block content %}
<div class="container text-center mt-5">

<h2>Otevřít Dveře 3</h2>
  <div class="d-flex flex-wrap justify-content-center gap-3 my-3">
    <button class="btn btn-outline-light btn-lg room3-btn" data-room="archiv.png">Archiv</button>
    <button class="btn btn-outline-light btn-lg room3-btn" data-room="kancelar.png">Kancelář</button>
    <button class="btn btn-outline-light btn-lg room3-btn" data-room="technicka.png">Technická</button>
    <button class="btn btn-outline-light btn-lg room3-btn" data-room="uklid.png">Úklid</button>
    <button class="btn btn-outline-light btn-lg room3-btn" data-room="wc.png">WC</button>
  </div>
  <p id="status3" class="h4 mb-5">ZAMČENO</p>

<h2>Otevřít Dveře 4</h2>
  <div class="d-flex flex-wrap justify-content-center gap-3 my-3">
    <button class="btn btn-outline-light btn-lg room4-btn" data-room="archiv.png">Archiv</button>
    <button class="btn btn-outline-light btn-lg room4-btn" data-room="kancelar.png">Kancelář</button>
    <button class="btn btn-outline-light btn-lg room4-btn" data-room="technicka.png">Technická</button>
    <button class="btn btn-outline-light btn-lg room4-btn" data-room="uklid.png">Úklid</button>
    <button class="btn btn-outline-light btn-lg room4-btn" data-room="wc.png">WC</button>
  </div>
  <p id="status4" class="h4">ZAMČENO</p>

</div>

// ----- Dveře 3 -----
  const status3 = document.getElementById('status3');
  async function refresh3() {
    const st = await fh.dbVarGetKey('doors3State') || 'locked';
    status3.textContent = st === 'unlocked' ? 'ODEMČENO' : 'ZAMČENO';
  }
  refresh3();
  setInterval(refresh3, 1000);

// ----- Dveře 4 -----
  const status4 = document.getElementById('status4');
  async function refresh4() {
    const st = await fh.dbVarGetKey('doors4State') || 'locked';
    status4.textContent = st === 'unlocked' ? 'ODEMČENO' : 'ZAMČENO';
  }
  refresh4();
  setInterval(refresh4, 1000);

});
</script>
{% endblock %}