Skip to content

H
horario
Commit ef834bda by Crhistian Yuri Anchivilca Amasifuen
Options

vista Horario Docente

parent ceab0f40
Showing with 221 additions and 75 deletions
src/java/pe/siso/horario/MySqlDAO/MySqlDAOFactory.java
......@@ -56,12 +56,12 @@ public class MySqlDAOFactory extends DAOFactory {
try {
conexion = DriverManager.getConnection(
"jdbc:mysql://172.16.2.69:3306/encuesta_docente",
"root",
"mysql");
// "jdbc:mysql://172.16.0.6:3306/encuesta_docente",
// "backup",
// "mysql2016");
// "jdbc:mysql://172.16.2.69:3306/encuesta_docente",
// "root",
// "mysql");
"jdbc:mysql://172.16.0.6:3306/encuesta_docente",
"backup",
"mysql2016");
} catch (Exception e) {
// TODO Auto-generated catch block
......@@ -73,12 +73,12 @@ public class MySqlDAOFactory extends DAOFactory {
try {
conexion = DriverManager.getConnection(
"jdbc:mysql://172.16.2.69:3306/nuevo",
"root",
"mysql");
// "jdbc:mysql://172.16.0.15:3306/nuevo",
// "eduardo",
// "mysql");
// "jdbc:mysql://172.16.2.69:3306/nuevo",
// "root",
// "mysql");
"jdbc:mysql://172.16.0.15:3306/nuevo",
"eduardo",
"mysql");
} catch (Exception e) {
// TODO Auto-generated catch block
......
web/vista/exportarHorarioDocenteCompletoDisponibilidad.jsp
......@@ -45,11 +45,11 @@
String celularDocente=dataPersona.getString("celular");
String distrito=dataPersona.getString("distrito");
String[] disponibilidad = dataPersona.getString("disponibilidad").split("-");
ArrayList<String> diaM = new ArrayList<String>();
ArrayList<String> diaT = new ArrayList<String>();
ArrayList<Object> aulaM = new ArrayList<Object>();
ArrayList<Object> aulaT = new ArrayList<Object>();
String[] disponibilidad = dataPersona.getString("disponibilidad").split("-");
ArrayList<String> diaM = new ArrayList<String>();
ArrayList<String> diaT = new ArrayList<String>();
ArrayList<Object> aulaM = new ArrayList<Object>();
ArrayList<Object> aulaT = new ArrayList<Object>();
for(int i= 0; i < disponibilidad.length; i++){
String turno = disponibilidad[i].split("#")[0];
......
web/vista/js/pages/vistaHorarioDocente.js
......@@ -2,7 +2,11 @@
let codigoDocente = ''
let codPer = ''
$(document).ready(function () {
const urlParams = new URLSearchParams(window.location.search);
const myDni = urlParams.get('dni');
......@@ -24,7 +28,7 @@ $(document).ready(function () {
json: JSON.stringify(json)
},
success: function (response, textStatus, jqXHR) {
console.log(response);
//console.log(response);
codigoDocente = response.codigoDocente
let array = response.data;
let options = "";
......@@ -39,6 +43,7 @@ $(document).ready(function () {
}),
// ahora vemos el detalle de horario del profesor de acuerdo al codigo docente
$(document).on('change', '#cboPeriodo', function (event) {
codPer = $("#cboPeriodo option:selected").val();
//console.log(codPer);
//console.log(codigoDocente);
......@@ -51,11 +56,19 @@ $(document).ready(function () {
codigoProfesor: codigoDocente
},
success: function (response, textStatus, jqXHR) {
console.log(response.data);
//console.log(response.data);
let array = response.data;
let diaM = [];
let diaT = [];
let aulaM = [];
let aulaT = [];
let arrayAulas = response.data[0].arrayAulas;
array.forEach(function (value, index) {
debugger
if (value.disponibilidad != undefined) {
let nombre = value.nombre;
......@@ -68,19 +81,119 @@ $(document).ready(function () {
$("#celular").text(celular);
$("#direccion").text(direccion);
$("#distrito").text(distrito);
let disponibilidad = value.disponibilidad.split("-");
disponibilidad.forEach(function (value, index) {
let turno = value.split("#")[0];
let dia = value.split("#")[1];
if (turno == "1") {
diaM.push(dia);
} else if (turno == "2") {
diaT.push(dia);
}
//console.log(disponibilidad);
//let arrayAulas=response.data[0].arrayAulas;
// console.log("diaM: "+ diaM)
// console.log("diaT: "+diaT)
}else{
console.log("no hay disponibilidad");
}
});
if (arrayAulas === 0) {
console.log("array aulas vacio");
} else {
arrayAulas.forEach(function (obj, index) {
let turnoAula = obj.turno;
if (obj.turno == "1") {
aulaM.push(obj);
} else if (obj.turno == "2") {
aulaT.push(obj);
}
// console.log(aulaM);
// console.log(aulaT);
});
}
let HTMLDOM = "<td>M</td>";
// $("#trM").html(`<td>M</td>`);
//
//PINTADO MAÑANA
for (let i = 0; i < 6; i++) {
// var x="background-color: #585858;"
//
// diaM.forEach(function(value,index){
// if (value == i+1){
// x="";
// }
// });
let horaM = "";
aulaM.forEach(function (obj, index) {
if (obj.dia == i + 1) {
horaM += `${obj.sede} | ${obj.aulas}<br></br>`;
}
//
});
HTMLDOM += `<td>${horaM}</td>`;
//
}
$("#trM").html(HTMLDOM);
HTMLDOM = "<td>T</td>";
// PINTADO tarde
for (let i = 0; i < 6; i++) {
let horaT = "";
aulaT.forEach(function (obj, index) {
if (obj.dia == i + 1) {
horaT += `${obj.sede} | ${obj.aulas}<br></br>`;
}
//
});
HTMLDOM += `<td>${horaT}</td>`;
}
$("#trT").html(HTMLDOM);
} else {
var esVisible = $("#tabla").is(":visible");
if(esVisible){
$("#tabla").toggle(1000);
}else{
alert("no hay disponibilidad");
}
// mostrarModal();
// alert("no hay disponibilidad");
// let flag=false;
// if(flag){
// $("#tabla").toggle(1000);
// flag=true;
// }else{
// $("#tabla").toggle(1000);
// flag=false;
// }
//
}
});
......@@ -95,6 +208,13 @@ $(document).ready(function () {
$("#btnVerHorario").click(function () {
$("#tabla").toggle(1000);
});
......
web/vista/vistaHorarioDocente.jsp
......@@ -9,6 +9,20 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Compiled and minified CSS -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/chosen.css" />
Compiled and minified JavaScript
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
jquery
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
axios
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
<!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">-->
<title>JSP Page</title>
<style>
......@@ -26,69 +40,81 @@
<%
String borderT="style='border:solid 0.5pt #000000;vertical-align:middle; background-color:#A9F5F2;' ";
String border="style='border:solid 0.5pt #000000;vertical-align:middle;'";
%>
<h1>VER MI HORARIO!</h1>
<h1>HORARIOS DE ACUERDO AL PERIODO</h1>
<hr>
<form class="form">
</form>
<label>Periodo : </label>
<div class="container">
<select id="cboPeriodo">
</select>
<div>
<select id="cboPeriodo" class="chosen-select form-control">
</select>
</div>
<div>
<button id="btnVerHorario" class="btn btn-success">ver horario</button>
</div>
<hr>
<table border="2" class="tabla">
<tr>
<td colspan="7" height='10'> </td>
</tr>
<tr class="cabecera">
<td colspan="2" class="datacabecera"><b>DOCENTE:</b></td>
<td colspan="2" id="docente"></td>
<td colspan="1" class="datacabecera"><b>CORREO:</b></td>
<td colspan="2" id="correo"></td>
</tr>
<tr class="cabecera">
<td colspan="2" class="datacabecera"><b>CELULAR:</b></td>
<td colspan="2" align='left' id="celular"></td>
<td colspan="1"class="datacabecera" ><b>DISTRITO:</b></td>
<td colspan="2" id="distrito"></td>
</tr>
<tr class="cabecera">
<td colspan="2" height='70'class="datacabecera" ><b>DIRECCIÓN:</b></td>
<td colspan="5" id="direccion"></td>
</tr>
<tr>
<td height='10' colspan="7" ></td>
</tr>
<div id="tabla" style="display: none;">
<table border="2" class="tabla">
<tr>
<td colspan="7" height='10'> </td>
</tr>
<tr class="cabecera">
<td colspan="2" class="datacabecera"><b>DOCENTE:</b></td>
<td colspan="2" id="docente"></td>
<td colspan="1" class="datacabecera"><b>CORREO:</b></td>
<td colspan="2" id="correo"></td>
</tr>
<tr class="cabecera">
<tr class="cabeceraDias">
<th>TURNO</th>
<th>LUNES</th>
<th>MARTES</th>
<th>MIERCOLES</th>
<th>JUEVES</th>
<th>VIERNES</th>
<th>SABADO</th>
</tr>
<tr>
<tr>
<td>M</td>
<td colspan="2" class="datacabecera"><b>CELULAR:</b></td>
<td colspan="2" align='left' id="celular"></td>
<td colspan="1"class="datacabecera" ><b>DISTRITO:</b></td>
<td colspan="2" id="distrito"></td>
</tr>
<tr class="cabecera">
<td colspan="2" height='70'class="datacabecera" ><b>DIRECCIÓN:</b></td>
<td colspan="5" id="direccion"></td>
</tr>
<tr>
<td height='10' colspan="7" ></td>
</tr>
<tr class="cabeceraDias">
<th>TURNO</th>
<th>LUNES</th>
<th>MARTES</th>
<th>MIERCOLES</th>
<th>JUEVES</th>
<th>VIERNES</th>
<th>SABADO</th>
</tr>
<tr>
<tr id="trM">
</tr>
<tr id="trT">
</tr>
</tr>
<tr><td>T</td></tr>
</tr>
</table>
</table>
</div>
<script src="../assets/js/jquery.js" type="text/javascript"></script>
<!-- <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>-->
<script src="js/pages/vistaHorarioDocente.js" type="text/javascript"></script>
</body>
<!-- <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>-->
<script src="js/pages/vistaHorarioDocente.js" type="text/javascript"></script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment