delefme | eb0a470 | 2020-10-04 18:15:55 +0200 | [diff] [blame^] | 1 |
|
| 2 |
|
| 3 | const idsFormulari = {
|
| 4 | room: "1063142948",
|
| 5 | day: "2115504093",
|
| 6 | begins: "1749141911",
|
| 7 | ends: "1827359679",
|
| 8 | rows: {
|
| 9 | A: "208184485",
|
| 10 | B: "1077148310",
|
| 11 | C: "642851281",
|
| 12 | D: "1686039024",
|
| 13 | E: "697835787",
|
| 14 | F: "1511799646",
|
| 15 | G: "809853432",
|
| 16 | H: "182597499",
|
| 17 | I: "1890539481",
|
| 18 | J: "529159478",
|
| 19 | K: "1615241874",
|
| 20 | L: "1334263875"
|
| 21 | },
|
| 22 | notes: "1600275159"
|
| 23 | };
|
| 24 |
|
| 25 | const formBaseUrl = "https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform";
|
| 26 |
|
| 27 | var final_JSON = {
|
| 28 | "class": null,
|
| 29 | "number": "",
|
| 30 | "letter": ""
|
| 31 | };
|
| 32 |
|
| 33 | var current_section = "section-1";
|
| 34 |
|
| 35 | var repeated_subjects;
|
| 36 |
|
| 37 | function fillInSummary() {
|
| 38 | var begins = new Date(parseInt(final_JSON.class.begins)*1000);
|
| 39 | var ends = new Date(parseInt(final_JSON.class.ends)*1000);
|
| 40 |
|
| 41 | document.getElementById('subject-final').textContent = final_JSON.class.friendly_name || final_JSON.class.calendar_name;
|
| 42 | document.getElementById('classroom-final').textContent = final_JSON.class.room;
|
| 43 | document.getElementById('date-final').textContent = begins.toLocaleDateString();
|
| 44 | document.getElementById('time-final').textContent = formatDate(begins) + ' - ' + formatDate(ends);
|
| 45 | document.getElementById('letter-final').textContent = final_JSON.letter;
|
| 46 | document.getElementById('number-final').textContent = final_JSON.number;
|
| 47 | }
|
| 48 |
|
| 49 | function clickButton(element) {
|
| 50 | var btn = element.currentTarget;
|
| 51 | var parent = btn.parent;
|
| 52 |
|
| 53 | if (parent == "subject-container") {
|
| 54 | // Canvi de background del button
|
| 55 | var selectedClass = JSON.parse(btn.getAttribute('data-class'));
|
| 56 | $("#subject-container .complex-button").removeClass("is-link")
|
| 57 | btn.classList.add("is-link");
|
| 58 | // Canvi JSON
|
| 59 | final_JSON["class"] = selectedClass;
|
| 60 | // Missatge advertència classe repetida
|
| 61 | if (repeated_subjects.has(selectedClass.id)) {
|
| 62 | document.getElementById('repeated-subject-warning').classList.remove('hidden');
|
| 63 | document.getElementById('repeated-subject-warning-class').textContent = selectedClass.room;
|
| 64 | } else {
|
| 65 | document.getElementById('repeated-subject-warning').classList.add('hidden');
|
| 66 | }
|
| 67 | // Anchor següent pregunta
|
| 68 | switchSection("section-2");
|
| 69 | } else if (parent == "number-container") {
|
| 70 | // Canvi de background del button
|
| 71 | $("#number-container .button").removeClass("is-link is-light is-active")
|
| 72 | btn.classList.add("is-link", "is-light", "is-active");
|
| 73 | // Canvi JSON
|
| 74 | final_JSON["number"] = btn.getAttribute('data-number');
|
| 75 | // Introducció de totes les dades al resum final
|
| 76 | fillInSummary();
|
| 77 | // Anchor següent pregunta
|
| 78 | switchSection("section-send");
|
| 79 | } else if (parent == "letter-container") {
|
| 80 | // Canvi de background del button
|
| 81 | $("#letter-container .button").removeClass("is-link is-light is-active")
|
| 82 | btn.classList.add("is-link", "is-light", "is-active");
|
| 83 | // Canvi JSON
|
| 84 | final_JSON["letter"] = btn.getAttribute('data-letter');
|
| 85 | // Anchor següent pregunta
|
| 86 | switchSection("section-3");
|
| 87 | }
|
| 88 | }
|
| 89 |
|
| 90 | function switchSection(s) {
|
| 91 | setTimeout(function(){
|
| 92 | document.getElementById(current_section).classList.add('hidden');
|
| 93 | document.getElementById(s).classList.remove('hidden');
|
| 94 | current_section = s;
|
| 95 | }, 75);
|
| 96 | }
|
| 97 |
|
| 98 | function findRepeatedSubjects(classes) {
|
| 99 | var rep = new Set();
|
| 100 | for (var [i, classe] of classes.entries()) {
|
| 101 | if (i > 0 && classes[i-1].calendar_name == classe.calendar_name) {
|
| 102 | rep.add(classe.id);
|
| 103 | rep.add(classes[i-1].id);
|
| 104 | }
|
| 105 | }
|
| 106 | return rep;
|
| 107 | }
|
| 108 |
|
| 109 | function buildSubjectContainer(classes, repeated) {
|
| 110 | var duplicateSubjectBoolNext, duplicateSubjectBoolPrev;
|
| 111 | var duplicateSubjectCounter = 0;
|
| 112 |
|
| 113 | for (var [i, classe] of classes) {
|
| 114 | var hora_inici = formatDate(new Date(parseInt(classe.begins)*1000));
|
| 115 | var hora_final = formatDate(new Date(parseInt(classe.ends)*1000));
|
| 116 | var classeDiv = document.createElement('div');
|
| 117 |
|
| 118 | // Check if the subject is repeated
|
| 119 | duplicateSubjectBoolNext = data.payload.classes[i+1].friendly_name == classe.friendly_name;
|
| 120 | duplicateSubjectBoolPrev = data.payload.classes[i-1].friendly_name == classe.friendly_name;
|
| 121 |
|
| 122 | if(duplicateSubjectBoolNext && i < classes.length - 1 && duplicateSubjectCounter%2 == 1) {
|
| 123 | classeDiv.classList.add('message', 'complex-button-full');
|
| 124 | }
|
| 125 |
|
| 126 | if (duplicateSubjectBoolPrev && i > 0) {
|
| 127 | classeDiv.classList.add('message', 'complex-button2Right');
|
| 128 | } else if(duplicateSubjectBoolNext && i < data.payload.classes.length - 1) {
|
| 129 | classeDiv.classList.add('message', 'complex-button2Left');
|
| 130 | } else {
|
| 131 | classeDiv.classList.add('message', 'complex-button');
|
| 132 | }
|
| 133 |
|
| 134 | classeDiv.classList.add('message', 'complex-button');
|
| 135 | classeDiv.id = 'subject-' + classe.subject_id + '-' + classe.room;
|
| 136 | classeDiv.setAttribute('data-class', JSON.stringify(classe));
|
| 137 |
|
| 138 | var header = document.createElement('div');
|
| 139 | header.classList.add('message-header');
|
| 140 |
|
| 141 | if (!(duplicateSubjectBoolPrev && i > 0)) {
|
| 142 | header.textContent = classe.friendly_name || classe.calendar_name;
|
| 143 | } else {
|
| 144 | header.textContent = classe.friendly_name || classe.calendar_name;;
|
| 145 | header.style.color = "#4A4A4A";
|
| 146 | }
|
| 147 |
|
| 148 | var body = document.createElement('div');
|
| 149 | body.classList.add('message-body');
|
| 150 |
|
| 151 | var div1 = document.createElement('div');
|
| 152 | var span = document.createElement('span');
|
| 153 | span.textContent = classe.room;
|
| 154 |
|
| 155 | div1.classList.add('has-text-weight-bold');
|
| 156 |
|
| 157 | div1.textContent = 'Aula ';
|
| 158 | div1.appendChild(span);
|
| 159 |
|
| 160 | var div2 = document.createElement('div');
|
| 161 | div2.textContent = hora_inici + ' - ' + hora_final;
|
| 162 |
|
| 163 | body.appendChild(div1);
|
| 164 | body.appendChild(div2);
|
| 165 |
|
| 166 | classeDiv.appendChild(header);
|
| 167 | classeDiv.appendChild(body);
|
| 168 |
|
| 169 | document.getElementById("subject-container").appendChild(classeDiv);
|
| 170 | ++duplicateSubjectCounter;
|
| 171 | }
|
| 172 |
|
| 173 | var elements = document.getElementsByClassName("button");
|
| 174 | Array.from(elements).forEach(function(element) {
|
| 175 | element.addEventListener('click', clickButton);
|
| 176 | element.parent = element.parentNode.id;
|
| 177 | });
|
| 178 | var elements = document.getElementsByClassName("complex-button");
|
| 179 | Array.from(elements).forEach(function(element) {
|
| 180 | element.addEventListener('click', clickButton);
|
| 181 | element.parent = element.parentNode.id;
|
| 182 | });
|
| 183 | }
|
| 184 |
|
| 185 | function formatDate(d) {
|
| 186 | var str = "";
|
| 187 | str += d.getHours();
|
| 188 | str += ":";
|
| 189 | if (d.getMinutes() < 10) str += "0";
|
| 190 | str += d.getMinutes();
|
| 191 | return str;
|
| 192 | }
|
| 193 |
|
| 194 | function onPageLoad() {
|
| 195 |
|
| 196 | // Check if devMode is on
|
| 197 | if (localStorage.getItem('devMode') == 'true') {
|
| 198 | var banner = document.getElementById('dev-mode');
|
| 199 | banner.addEventListener('click', _ => {
|
| 200 | localStorage.devMode = 'false';
|
| 201 | location.reload();
|
| 202 | });
|
| 203 | banner.classList.remove('hidden');
|
| 204 | api_url = localStorage.getItem('apiUrl') || 'https://covid-tracability-backend-dev.sandbox.avm99963.com/api/v1/'
|
| 205 | } else {
|
| 206 | api_url = "https://covid-tracability-backend-prod.sandbox.avm99963.com/api/v1/";
|
| 207 | }
|
| 208 | fetch(api_url + "isSignedIn", {
|
| 209 | "mode": "cors",
|
| 210 | "credentials": "include"
|
| 211 | })
|
| 212 | .then(response => response.json())
|
| 213 | .then(data => {
|
| 214 | if (!data.payload.signedIn) {
|
| 215 | console.log("Not signed in!");
|
| 216 | fetch(api_url + "getAuthUrl", {
|
| 217 | "mode": "cors",
|
| 218 | "credentials": "include"
|
| 219 | })
|
| 220 | .then(response => response.json())
|
| 221 | .then(data => {
|
| 222 | // TODO: redirect here
|
| 223 | // location.href = data.payload.url;
|
| 224 | console.warn('Log in here: ', data.payload.url);
|
| 225 | });
|
| 226 | }
|
| 227 | });
|
| 228 |
|
| 229 | fetch(api_url + "getCurrentClasses", {
|
| 230 | "mode": "cors",
|
| 231 | "credentials": "include"
|
| 232 | })
|
| 233 | .then(response => response.json())
|
| 234 | .then(data => {
|
| 235 | if (data.payload.classes.length == 0) {
|
| 236 | document.getElementById('no-subjects').classList.remove('hidden');
|
| 237 | } else {
|
| 238 | repeated_subjects = findRepeatedSubjects(data.payload.classes);
|
| 239 | buildSubjectContainer(data.payload.classes, repeated_subjects);
|
| 240 | document.getElementById('fme-maps-container').classList.remove('hidden');
|
| 241 | }
|
| 242 |
|
| 243 | });
|
| 244 | }
|
| 245 |
|
| 246 | function sendForm() {
|
| 247 | // Add subject to user
|
| 248 | fetch(api_url + "addUserSubject", {
|
| 249 | "method": "POST",
|
| 250 | "body": JSON.stringify({
|
| 251 | subject: final_JSON.class.subject_id
|
| 252 | }),
|
| 253 | "mode": "cors",
|
| 254 | "credentials": "include"
|
| 255 | })
|
| 256 | .then(res => res.json())
|
| 257 | .then(json => {
|
| 258 | console.log("Subject added to user: ", json);
|
| 259 |
|
| 260 | var begins = new Date(parseInt(final_JSON.class.begins)*1000);
|
| 261 | var ends = new Date(parseInt(final_JSON.class.ends)*1000);
|
| 262 |
|
| 263 | var params = new URLSearchParams();
|
| 264 | params.append("entry." + idsFormulari.room, final_JSON.class.room); // class, number, letter
|
| 265 | params.append("entry." + idsFormulari.day, begins.getFullYear().toString() + '-' + (begins.getMonth() + 1).toString().padStart(2, "0") + '-' + begins.getDate().toString().padStart(2, "0"));
|
| 266 | params.append("entry." + idsFormulari.begins, formatDate(begins));
|
| 267 | params.append("entry." + idsFormulari.ends, formatDate(ends));
|
| 268 | params.append("entry." + idsFormulari.rows[final_JSON.letter], 'Columna ' + final_JSON.number);
|
| 269 | // params.append("entry." + idsFormulari.notes, '[Autogenerat per delefme/covid-tracability -- Assignatura seleccionada: ' + (final_JSON.class.friendly_name || final_JSON.class.calendar_name) + ']');
|
| 270 |
|
| 271 | var formulari_link = formBaseUrl + '?' + params.toString() + '#i1';
|
| 272 | window.location.href = formulari_link;
|
| 273 | });
|
| 274 | }
|
| 275 |
|
| 276 |
|
| 277 | function addEventListeners() {
|
| 278 | window.addEventListener('load', onPageLoad);
|
| 279 |
|
| 280 | var elements = document.getElementsByClassName("button");
|
| 281 | Array.from(elements).forEach(function(element) {
|
| 282 | element.addEventListener('click', clickButton);
|
| 283 | element.parent = element.parentNode.id;
|
| 284 | });
|
| 285 |
|
| 286 | var elements = document.getElementsByClassName("complex-button");
|
| 287 | Array.from(elements).forEach(function(element) {
|
| 288 | element.addEventListener('click', clickButton);
|
| 289 | element.parent = element.parentNode.id;
|
| 290 | });
|
| 291 |
|
| 292 | document.getElementById("send-button").addEventListener('click', function (el) {
|
| 293 | document.getElementById("send-button").classList.add('is-loading');
|
| 294 | sendForm();
|
| 295 | });
|
| 296 | }
|
| 297 |
|
| 298 | addEventListeners();
|