| <!DOCTYPE html> |
| |
| <html lang="ca"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Seients DAFME</title> |
| |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <link rel="manifest" href="manifest.json"> |
| |
| <!-- Apple web app --> |
| <link rel="apple-touch-icon" href="./images/icon-64.png"> |
| <meta name="apple-mobile-web-app-title" content="Seients DAFME"> |
| <meta name="apple-mobile-web-app-capable" content="yes"> |
| <meta name="apple-mobile-web-app-status-bar-style" content="white"> |
| |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css"> |
| <link rel="stylesheet" href="./css/bulma-adjustments.css"> |
| </head> |
| <body> |
| <script></script> |
| |
| <span id="dev-mode" class="is-hidden">Dev mode</span> |
| |
| <nav class="navbar is-link"> |
| <div class="navbar-brand"> |
| <div class="navbar-item has-text-weight-bold">Traçabilitat DAFME</div> |
| </div> |
| </nav> |
| |
| <section id="section-1" class="section"> |
| <nav class="level"> |
| <div class="level-item"> |
| <div class="field has-addons has-addons-centered"> |
| <p class="control"> |
| <button id="date-prev" class="button"><</button> |
| </p> |
| <p class="control"> |
| <input id="date-selector" type="button" class="button"> |
| </p> |
| <p class="control"> |
| <button id="date-next" class="button">></button> |
| </p> |
| </div> |
| </div> |
| <div class="level-item"> |
| <div class="field has-addons has-addons-centered"> |
| <p class="control"> |
| <button id="time-prev" class="button"><</button> |
| </p> |
| <p class="control"> |
| <input id="time-selector" type="button" class="button" value="08:00 - 08:30"> |
| </p> |
| <p class="control"> |
| <button id="time-next" class="button">></button> |
| </p> |
| </div> |
| </div> |
| </nav> |
| |
| <div id="subject-container" class="grid buttons"></div> |
| <div id="no-subjects" class="is-hidden">No s'està impartint cap classe en aquests moments.</div> |
| <div id="fme-maps-container" class="is-hidden"> |
| <h4>Plànols de les aules de l'FME</h4> |
| <div class="maps"> |
| <div class="map"> |
| <img src="img/ps.png"> |
| <div class="map--label">Planta <b>-1</b></div> |
| </div> |
| <div class="map"> |
| <img src="img/p0.png"> |
| <div class="map--label">Planta <b>0</b></div> |
| </div> |
| <div class="map"> |
| <img src="img/p1.png"> |
| <div class="map--label">Planta <b>1</b></div> |
| </div> |
| </div> |
| </div> |
| |
| </section> |
| |
| <section id="section-2" class="section is-hidden"> |
| <button class="button is-link is-light" onclick="switchSection('section-1')">Torna enrere (Classe)</button> |
| |
| <div id="repeated-subject-warning" class="is-hidden"> |
| <br><article class="message is-warning"> |
| <div class="message-body"> |
| Heu triat una assignatura que es fa en dues aules alhora. Comproveu que sou a l'aula <strong id="repeated-subject-warning-class">aula</strong>. |
| </div> |
| </article> |
| </div> |
| |
| <div id="letter-container" class="buttons grid"> |
| <button class="button" id="letter-A" data-letter="A">A</button> |
| <button class="button" id="letter-B" data-letter="B">B</button> |
| <button class="button" id="letter-C" data-letter="C">C</button> |
| <button class="button" id="letter-D" data-letter="D">D</button> |
| <button class="button" id="letter-E" data-letter="E">E</button> |
| <button class="button" id="letter-F" data-letter="F">F</button> |
| <button class="button" id="letter-G" data-letter="G">G</button> |
| <button class="button" id="letter-H" data-letter="H">H</button> |
| <button class="button" id="letter-I" data-letter="I">I</button> |
| <button class="button" id="letter-J" data-letter="J">J</button> |
| <button class="button" id="letter-K" data-letter="K">K</button> |
| <button class="button" id="letter-L" data-letter="L">L</button> |
| </div> |
| </section> |
| |
| <section id="section-3" class="section is-hidden"> |
| <button class="button is-link is-light" onclick="switchSection('section-2')">Torna enrere (Lletra)</button> |
| |
| <div id="number-container" class="buttons grid"> |
| <button class="button" id="number-1" data-number="1">1</button> |
| <button class="button" id="number-2" data-number="2">2</button> |
| <button class="button" id="number-3" data-number="3">3</button> |
| <button class="button" id="number-4" data-number="4">4</button> |
| <button class="button" id="number-5" data-number="5">5</button> |
| <button class="button" id="number-6" data-number="6">6</button> |
| <button class="button" id="number-7" data-number="7">7</button> |
| <button class="button" id="number-8" data-number="8">8</button> |
| <button class="button" id="number-9" data-number="9">9</button> |
| <button class="button" id="number-10" data-number="10">10</button> |
| </div> |
| </section> |
| <section id="section-send" class="section is-hidden"> |
| <button class="button is-link is-light" onclick="switchSection('section-3')">Torna enrere (Número)</button> |
| <br/><br/> |
| <span class="has-text-weight-bold">Assignatura:</span> |
| <span id="subject-final">ASSIGNATURA ESCOLLIDA</span><br> |
| <span class="has-text-weight-bold">Aula:</span> |
| <span id="classroom-final">AULA ESCOLLIDA</span><br> |
| <span class="has-text-weight-bold">Data:</span> |
| <span id="date-final">DD/MM/YYYY</span><br> |
| <span class="has-text-weight-bold">Hora:</span> |
| <span id="time-final">HH:MM - HH:MM</span><br> |
| <span class="has-text-weight-bold">Posició:</span> |
| <span id="letter-final">A</span><span id="number-final">1</span><br><br> |
| |
| <button id="send-button" class="button is-link is-large">Omple el formulari</button><br><br> |
| |
| Hi ha errors? <br /><a class="button is-link is-light" href="https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform">Completa el formulari manualment</a> |
| |
| |
| <br><br><article class="message is-warning"> |
| <div class="message-body"> |
| Aquest primers dies estem de prova! Mireu bé la informació, si hi ha res malament <a href="https://docs.google.com/forms/d/e/1FAIpQLScZliauRiLzGCn7DrnKZCjGwiefNltI9N8-hUtO_Q0NGInHsg/viewform">envieu-nos un missatge</a>. |
| </div> |
| </article> |
| </section> |
| |
| <script src="./js/build_page.js"></script> |
| </body> |
| </html> |