main.html - delefme-covid-tracability/main - Gitiles

 <!DOCTYPE html>
 <script type="text/javascript" src="./horaris.json"></script>
 <script type="text/javascript" src="./autocomplete.js"></script>
 <meta charset="utf-8">

 <html>
     <head>
     </head>
     <link rel="stylesheet" href="autocomplete.css">
     <body>
         <h1>App de traçabilitat DAFME</h1>
         <h2 id = "assignatura"></h2>
         <h3 id = "aula"></h3>
         <a href="#">No és així? Canvia-ho.</a>

         <h2 id="hora">
             <span id="inici"></span> -
             <span id="fi"></span>
         </h2>
         <h3 id="data"></h3>
         <a href="#">No és així? Canvia-ho.</a>

         <form id="subjectListInput" autocomplete="off">
             <div class="autocomplete" id="input2" style="width:300px;">
                 <input id="myInput" type="text" name="mySubject" placeholder="Subject">
             </div>

         </form>
         <button onclick="completeSubjectList()">Afegeix</button>

         <div id="subjectList"></div>

         <form>
             <label for="seient" id="seient2"></label><br>
             <input type="text" id="seientInput" placeholder="Seient"><br>
         </form>

 		<form id = "link">
         <!--<form id = "link" action = https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform?entry.1063142948=S03&entry.2115504093=2020-09-14&entry.1749141911=9:00&entry.1827359679=10:00&entry.1077148310=Columna+3&entry.1600275159=[Autogenerat+per+delefme/covid-tracability]>-->
 		<input type="submit" value="Continua"/>
 		</form>

         <script>
             var classesAlumne = [{}];
             if(localStorage.pos == null) localStorage.pos = 0;

             document.getElementById("seientInput").value = "hola";

             var subjects = ["Calcul 1", "Calcul 2", "Algebra Lineal", "Geometria", "Numerica", "EDOS"];

             autocomplete(document.getElementById("myInput"), subjects);


         	var linkOutput = "https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform";

         	var mydata = JSON.parse(classes);
             let datahoraris = JSON.stringify(classesAlumne);

             var hora_actual = new Date();
             var minuts;

             // Hora d'inici
             hora_actual.setMinutes(0, 0, 0); // Arrodonir per baix els minuts
             minuts = hora_actual.getMinutes() < 10 ? hora_actual.getMinutes().toString() + '0' : hora_actual.getMinutes().toString();
             document.getElementById("inici").innerHTML = hora_actual.getHours().toString() + ":" + minuts;

             // Hora de fi
             hora_actual.setHours(hora_actual.getHours() + 1); // Sumar una hora
             minuts = hora_actual.getMinutes() < 10 ? hora_actual.getMinutes().toString() + '0' : hora_actual.getMinutes().toString();
             document.getElementById("fi").innerHTML = hora_actual.getHours().toString() + ":" + minuts;

             // Data
             var dia = hora_actual.getDate();
             var mes = hora_actual.getMonth() + 1;
             var any = hora_actual.getFullYear();
             var data = dia.toString() + '/' + mes.toString() + '/' + any.toString();

             document.getElementById("link").onclick = completaLink();

             if(localStorage.classesAlumne != null) classesAlumne = JSON.parse(localStorage.classesAlumne);

             for(i = 0; i < classesAlumne.length; i++) {
                 document.getElementById("subjectList").innerHTML += "<br>" +  classesAlumne[i];
             }


             function completaLink() {
                 console.log(document.getElementById("seientInput").value);
                 for (i = 0; i < mydata.length; i++) {
                 	var h = mydata[i].hora.split(":");
     				if(h[0] == (hora_actual.getHours() - 7).toString()) {
     					console.log("trobat");
     					document.getElementById("assignatura").innerHTML = mydata[i].nom;
     					document.getElementById("aula").innerHTML = "Aula " + mydata[i].aula;

                         var datamap=[
                             "entry.1063142948=" + mydata[i].aula,
                             "entry.1749141911=" + (hora_actual.getHours().toString() - 11) +":00",
                             "entry.1827359679=" + (hora_actual.getHours().toString() - 10) +":00",
                             "entry.2115504093=" + any.toString() + '-' + mes.toString() + '-' + dia.toString(),
                             "entry.1077148310=Columna+" + document.getElementById("seientInput").value
                             ];
                         linkOutput += "?"+ datamap[1] + "&" + datamap[2] + "&" + datamap[3] + "&" + datamap[0] + "&" + datamap[4];
     				}
     			}
                 //window.location.href = linkOutput;
             }
             document.getElementById("data").innerHTML = data;
             //document.getElementById("link").action = linkOutput;
         </script>

         <script>
             function completeSubjectList() {
                 classesAlumne[localStorage.pos] = document.getElementById("myInput").value;
                 localStorage.pos++;
                 console.log(document.getElementById("myInput").value);
                 document.getElementById("subjectList").innerHTML += "<br>" +  document.getElementById("myInput").value;
                 localStorage.classesAlumne = JSON.stringify(classesAlumne);
             }

         </script>

     </body>
 </html>
	<!DOCTYPE html>
	<script type="text/javascript" src="./horaris.json"></script>
	<script type="text/javascript" src="./autocomplete.js"></script>
	<meta charset="utf-8">

	<html>
	<head>
	</head>
	<link rel="stylesheet" href="autocomplete.css">
	<body>
	<h1>App de traçabilitat DAFME</h1>
	<h2 id = "assignatura"></h2>
	<h3 id = "aula"></h3>
	<a href="#">No és així? Canvia-ho.</a>

	<h2 id="hora">
	<span id="inici"></span> -
	<span id="fi"></span>
	</h2>
	<h3 id="data"></h3>
	<a href="#">No és així? Canvia-ho.</a>

	<form id="subjectListInput" autocomplete="off">
	<div class="autocomplete" id="input2" style="width:300px;">
	<input id="myInput" type="text" name="mySubject" placeholder="Subject">
	</div>

	</form>
	<button onclick="completeSubjectList()">Afegeix</button>

	<div id="subjectList"></div>

	<form>
	<label for="seient" id="seient2"></label><br>
	<input type="text" id="seientInput" placeholder="Seient"><br>
	</form>

	<form id = "link">
	<!--<form id = "link" action = https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform?entry.1063142948=S03&entry.2115504093=2020-09-14&entry.1749141911=9:00&entry.1827359679=10:00&entry.1077148310=Columna+3&entry.1600275159=[Autogenerat+per+delefme/covid-tracability]>-->
	<input type="submit" value="Continua"/>
	</form>

	<script>
	var classesAlumne = [{}];
	if(localStorage.pos == null) localStorage.pos = 0;

	document.getElementById("seientInput").value = "hola";

	var subjects = ["Calcul 1", "Calcul 2", "Algebra Lineal", "Geometria", "Numerica", "EDOS"];

	autocomplete(document.getElementById("myInput"), subjects);



	var linkOutput = "https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform";

	var mydata = JSON.parse(classes);
	let datahoraris = JSON.stringify(classesAlumne);

	var hora_actual = new Date();
	var minuts;

	// Hora d'inici
	hora_actual.setMinutes(0, 0, 0); // Arrodonir per baix els minuts
	minuts = hora_actual.getMinutes() < 10 ? hora_actual.getMinutes().toString() + '0' : hora_actual.getMinutes().toString();
	document.getElementById("inici").innerHTML = hora_actual.getHours().toString() + ":" + minuts;

	// Hora de fi
	hora_actual.setHours(hora_actual.getHours() + 1); // Sumar una hora
	minuts = hora_actual.getMinutes() < 10 ? hora_actual.getMinutes().toString() + '0' : hora_actual.getMinutes().toString();
	document.getElementById("fi").innerHTML = hora_actual.getHours().toString() + ":" + minuts;

	// Data
	var dia = hora_actual.getDate();
	var mes = hora_actual.getMonth() + 1;
	var any = hora_actual.getFullYear();
	var data = dia.toString() + '/' + mes.toString() + '/' + any.toString();

	document.getElementById("link").onclick = completaLink();

	if(localStorage.classesAlumne != null) classesAlumne = JSON.parse(localStorage.classesAlumne);

	for(i = 0; i < classesAlumne.length; i++) {
	document.getElementById("subjectList").innerHTML += "<br>" + classesAlumne[i];
	}


	function completaLink() {
	console.log(document.getElementById("seientInput").value);
	for (i = 0; i < mydata.length; i++) {
	var h = mydata[i].hora.split(":");
	if(h[0] == (hora_actual.getHours() - 7).toString()) {
	console.log("trobat");
	document.getElementById("assignatura").innerHTML = mydata[i].nom;
	document.getElementById("aula").innerHTML = "Aula " + mydata[i].aula;

	var datamap=[
	"entry.1063142948=" + mydata[i].aula,
	"entry.1749141911=" + (hora_actual.getHours().toString() - 11) +":00",
	"entry.1827359679=" + (hora_actual.getHours().toString() - 10) +":00",
	"entry.2115504093=" + any.toString() + '-' + mes.toString() + '-' + dia.toString(),
	"entry.1077148310=Columna+" + document.getElementById("seientInput").value
	];
	linkOutput += "?"+ datamap[1] + "&" + datamap[2] + "&" + datamap[3] + "&" + datamap[0] + "&" + datamap[4];
	}
	}
	//window.location.href = linkOutput;
	}
	document.getElementById("data").innerHTML = data;
	//document.getElementById("link").action = linkOutput;
	</script>

	<script>
	function completeSubjectList() {
	classesAlumne[localStorage.pos] = document.getElementById("myInput").value;
	localStorage.pos++;
	console.log(document.getElementById("myInput").value);
	document.getElementById("subjectList").innerHTML += "<br>" + document.getElementById("myInput").value;
	localStorage.classesAlumne = JSON.stringify(classesAlumne);
	}

	</script>

	</body>
	</html>