Gitiles
Code Review Sign In
gerrit.avm99963.com / delefme-covid-tracability / main / refs/heads/dev / . / index.html
blob: 7d822a7d7bbbe54106099481d70ce0c7fa85c7f7 [file] [log] [blame]
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]1<!DOCTYPE html>
2
3<html lang="ca">
4 <head>
delefmeefcc0302020-09-30 09:26:12 +0200[diff] [blame]5 <meta charset="UTF-8">
avm99963a83f32a2020-10-09 00:39:17 +0200[diff] [blame]6 <title>Seients DAFME</title>
delefmeefcc0302020-09-30 09:26:12 +0200[diff] [blame]7
avm99963a83f32a2020-10-09 00:39:17 +0200[diff] [blame]8 <meta name="viewport" content="width=device-width, initial-scale=1">
9 <link rel="manifest" href="manifest.json">
delefmeefcc0302020-09-30 09:26:12 +0200[diff] [blame]10
avm99963a83f32a2020-10-09 00:39:17 +0200[diff] [blame]11 <!-- Apple web app -->
12 <link rel="apple-touch-icon" href="./images/icon-64.png">
13 <meta name="apple-mobile-web-app-title" content="Seients DAFME">
14 <meta name="apple-mobile-web-app-capable" content="yes">
15 <meta name="apple-mobile-web-app-status-bar-style" content="white">
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]16 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
17 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css">
Andreu Huguet898768a2020-09-29 00:30:23 +0200[diff] [blame]18 <link rel="stylesheet" href="./css/bulma-adjustments.css">
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]19 </head>
20 <body>
Ferran Lópeza514bea2020-10-03 23:02:10 +0200[diff] [blame]21 <script></script>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]22
Ferran López819a9bb2020-10-04 12:23:51 +0200[diff] [blame]23 <span id="dev-mode" class="is-hidden">Dev mode</span>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]24
25 <nav class="navbar is-link">
26 <div class="navbar-brand">
27 <div class="navbar-item has-text-weight-bold">Traçabilitat DAFME</div>
28 </div>
29 </nav>
30
31 <section id="section-1" class="section">
Ferran López849a01e2020-10-04 14:37:18 +0200[diff] [blame]32 <nav class="level">
33 <div class="level-item">
34 <div class="field has-addons has-addons-centered">
35 <p class="control">
36 <button id="date-prev" class="button">&lt;</button>
37 </p>
38 <p class="control">
39 <input id="date-selector" type="button" class="button">
40 </p>
41 <p class="control">
42 <button id="date-next" class="button">&gt;</button>
43 </p>
44 </div>
45 </div>
46 <div class="level-item">
47 <div class="field has-addons has-addons-centered">
48 <p class="control">
49 <button id="time-prev" class="button">&lt;</button>
50 </p>
51 <p class="control">
52 <input id="time-selector" type="button" class="button" value="08:00 - 08:30">
53 </p>
54 <p class="control">
55 <button id="time-next" class="button">&gt;</button>
56 </p>
57 </div>
58 </div>
59 </nav>
Ferran López7a4f60f2020-10-04 01:55:47 +0200[diff] [blame]60
avm999633c6f7fb2020-10-01 01:38:25 +0200[diff] [blame]61 <div id="subject-container" class="grid buttons"></div>
Ferran López819a9bb2020-10-04 12:23:51 +0200[diff] [blame]62 <div id="no-subjects" class="is-hidden">No s'està impartint cap classe en aquests moments.</div>
63 <div id="fme-maps-container" class="is-hidden">
Ferran López849a01e2020-10-04 14:37:18 +0200[diff] [blame]64 <h4>Plànols de les aules de l'FME</h4>
65 <div class="maps">
66 <div class="map">
67 <img src="img/ps.png">
68 <div class="map--label">Planta <b>-1</b></div>
69 </div>
70 <div class="map">
71 <img src="img/p0.png">
72 <div class="map--label">Planta <b>0</b></div>
73 </div>
74 <div class="map">
75 <img src="img/p1.png">
76 <div class="map--label">Planta <b>1</b></div>
77 </div>
avm999633c6f7fb2020-10-01 01:38:25 +0200[diff] [blame]78 </div>
avm999633c6f7fb2020-10-01 01:38:25 +0200[diff] [blame]79 </div>
Ferran López849a01e2020-10-04 14:37:18 +0200[diff] [blame]80
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]81 </section>
82
Ferran López819a9bb2020-10-04 12:23:51 +0200[diff] [blame]83 <section id="section-2" class="section is-hidden">
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]84 <button class="button is-link is-light" onclick="switchSection('section-1')">Torna enrere (Classe)</button>
Ferran López4138be82020-10-03 23:48:54 +0200[diff] [blame]85
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]86 <div id="letter-container" class="buttons grid">
87 <button class="button" id="letter-A" data-letter="A">A</button>
88 <button class="button" id="letter-B" data-letter="B">B</button>
89 <button class="button" id="letter-C" data-letter="C">C</button>
90 <button class="button" id="letter-D" data-letter="D">D</button>
91 <button class="button" id="letter-E" data-letter="E">E</button>
92 <button class="button" id="letter-F" data-letter="F">F</button>
93 <button class="button" id="letter-G" data-letter="G">G</button>
94 <button class="button" id="letter-H" data-letter="H">H</button>
95 <button class="button" id="letter-I" data-letter="I">I</button>
96 <button class="button" id="letter-J" data-letter="J">J</button>
97 <button class="button" id="letter-K" data-letter="K">K</button>
98 <button class="button" id="letter-L" data-letter="L">L</button>
99 </div>
100 </section>
101
Ferran López819a9bb2020-10-04 12:23:51 +0200[diff] [blame]102 <section id="section-3" class="section is-hidden">
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]103 <button class="button is-link is-light" onclick="switchSection('section-2')">Torna enrere (Lletra)</button>
Ferran López849a01e2020-10-04 14:37:18 +0200[diff] [blame]104
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]105 <div id="number-container" class="buttons grid">
106 <button class="button" id="number-1" data-number="1">1</button>
107 <button class="button" id="number-2" data-number="2">2</button>
108 <button class="button" id="number-3" data-number="3">3</button>
109 <button class="button" id="number-4" data-number="4">4</button>
110 <button class="button" id="number-5" data-number="5">5</button>
111 <button class="button" id="number-6" data-number="6">6</button>
112 <button class="button" id="number-7" data-number="7">7</button>
113 <button class="button" id="number-8" data-number="8">8</button>
114 <button class="button" id="number-9" data-number="9">9</button>
115 <button class="button" id="number-10" data-number="10">10</button>
116 </div>
117 </section>
Ferran López819a9bb2020-10-04 12:23:51 +0200[diff] [blame]118 <section id="section-send" class="section is-hidden">
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]119 <button class="button is-link is-light" onclick="switchSection('section-3')">Torna enrere (Número)</button>
120 <br/><br/>
delefmed9967572020-10-04 20:23:54 +0200[diff] [blame]121 <div id="repeated-subject-warning" class="is-hidden">
122 <br><article class="message is-warning">
123 <div class="message-body">
124 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>.
125 </div>
126 </article>
127 </div>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]128 <span class="has-text-weight-bold">Assignatura:</span>
Andreu Huguet898768a2020-09-29 00:30:23 +0200[diff] [blame]129 <span id="subject-final">ASSIGNATURA ESCOLLIDA</span><br>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]130 <span class="has-text-weight-bold">Aula:</span>
Andreu Huguet898768a2020-09-29 00:30:23 +0200[diff] [blame]131 <span id="classroom-final">AULA ESCOLLIDA</span><br>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]132 <span class="has-text-weight-bold">Data:</span>
Andreu Huguet898768a2020-09-29 00:30:23 +0200[diff] [blame]133 <span id="date-final">DD/MM/YYYY</span><br>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]134 <span class="has-text-weight-bold">Hora:</span>
Andreu Huguet898768a2020-09-29 00:30:23 +0200[diff] [blame]135 <span id="time-final">HH:MM - HH:MM</span><br>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]136 <span class="has-text-weight-bold">Posició:</span>
Andreu Huguet898768a2020-09-29 00:30:23 +0200[diff] [blame]137 <span id="letter-final">A</span><span id="number-final">1</span><br><br>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]138
139 <button id="send-button" class="button is-link is-large">Omple el formulari</button><br><br>
Ferran López849a01e2020-10-04 14:37:18 +0200[diff] [blame]140
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]141 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>
delefme33a85332020-10-03 10:54:30 +0200[diff] [blame]142
143
flopgui0a80b592020-09-30 11:52:12 +0200[diff] [blame]144 <br><br><article class="message is-warning">
flopgui53b67b42020-09-30 11:48:34 +0200[diff] [blame]145 <div class="message-body">
avm99963a6e546a2020-09-30 20:46:59 +0200[diff] [blame]146 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>.
flopgui53b67b42020-09-30 11:48:34 +0200[diff] [blame]147 </div>
148 </article>
Ferran López6759ecf2020-09-30 11:32:44 +0200[diff] [blame]149 </section>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]150
Ferran Lópeza514bea2020-10-03 23:02:10 +0200[diff] [blame]151 <script src="./js/build_page.js"></script>
avm999634f7c03c2020-09-29 00:08:12 +0200[diff] [blame]152 </body>
153</html>