init

2021-12-16 10:59:20 +01:00
commit 386b385b69
26 changed files with 16712 additions and 0 deletions
@@ -0,0 +1,4 @@
 .local
 test
 member/*
 member.json
@@ -0,0 +1,134 @@
 <!doctype html>
 <html lang="en">
 <head>
  <script src="/iframe_api.js"></script>
  <link href="./css/nes.min.css" type="text/css" rel="stylesheet" />
  <style>
    body {
      padding: 15px;
      background-color:#212529;
    }
    #panel {
      margin: 15px auto;
      width: 100%;
      max-width: 300px;
    }
    #panel p {
      text-transform: uppercase;
    }
    #buttons {
      margin: 15px auto;
      width: 100%;
      max-width: 400px;
    }
    #buttons-rooms {
      display: flex;
      flex-direction: column-reverse;
      flex-wrap: wrap;
    }
    #buttons-rooms>a {
      flex-basis: 100%;
      flex-shrink: 0;
    }
    #buttons-controls {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
    }
  </style>
 </head>
 <body>  
  <div id="buttons" class="nes-container">
    <div id="buttons-rooms">
    </div>
    <div id="buttons-controls">
      <a class="nes-btn">↔️</a>
      <a class="nes-btn">↕️</a>
      <a class="nes-btn is-error">🔔</a>
    </div>
  </div>
  <div id="panel" class="nes-container is-dark with-title is-centered">
    <p class="title">Elevator</p>
    <p>In case of emergency please press and hold the alarm button for 5 seconds.</p>
  </div>
  <script>
    let rooms = [
      {
        'room': 'clubhaus_downstairs.json',
        'name': 'downstairs'
      }, {
        'room': 'clubhaus.json',
        'name': 'main floor'
      }, {
        'room': 'clubhaus_upstairs.json',
        'name': 'first floor'
      }, {
        'room': 'clubhaus_roof.json',
        'name': 'roof'
      }
    ];
    let firstIndex = -1;
    let buttons = document.getElementById("buttons-rooms");
    WA.onInit().then(() => {
      let roomId = WA.room.id;
      let currentIndex = -1;
      for (let i = 0; i < rooms.length; i++) {
        let room = rooms[i];
        let index = i + firstIndex;
        let button = document.createElement("a");
        button.id = i;
        button.classList.add("nes-btn");
        button.innerHTML = index + " " + room.name;
        buttons.appendChild(button);
        if (roomId.endsWith(room.room)) {
          button.disabled = true;
          button.classList.add('is-disabled');
          currentIndex = i;
        }
        button.addEventListener('click', function (event) {
          let button = event.target;
          if (!button.disabled) {
            let index = button.id;
            let room = rooms[index];
            let diff = index - currentIndex;
            if (currentIndex > index) {
              diff = currentIndex - index;
            }
            for (let i = 0; i < rooms.length; i++) {
              let b = document.getElementById(i);
              b.disabled = true;
              b.classList.add('is-disabled');
            }
            setTimeout(function () {
              WA.nav.goToRoom(room.room + '#start_elevator');
            }, diff * 2000);
          }
        })
      }
    });
  </script>
 </body>
 </html>