Skip to content

Commit

Permalink
Merge pull request #3 from michelolvera/Frontend
Browse files Browse the repository at this point in the history
Frontend
  • Loading branch information
michelolvera authored Oct 4, 2018
2 parents 9aebf0e + 0848ee4 commit 5490602
Show file tree
Hide file tree
Showing 22 changed files with 3,679 additions and 3,149 deletions.
997 changes: 498 additions & 499 deletions admin/notificaciones/index.html

Large diffs are not rendered by default.

962 changes: 472 additions & 490 deletions admin/ponderacion/index.html

Large diffs are not rendered by default.

1,070 changes: 541 additions & 529 deletions admin/usuarios/index.html

Large diffs are not rendered by default.

913 changes: 456 additions & 457 deletions estadisticas/index.html

Large diffs are not rendered by default.

Binary file removed imagenes/bienvenidos.png
Binary file not shown.
157 changes: 112 additions & 45 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,52 +1,119 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shirink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/estilos.css">
<title id="titulo">Inicio de sesión</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shirink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/estilos.css">
<title id="titulo"></title>
</head>

<body>
<header class="">
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img src="imagenes/logo-blanco.svg" alt="Logo" style="max-width: 100%; width: 70px;">
</a>
</nav>
</header>
<div id="contenedorLogin" class="container text-center">
<form id="login_form" class="form-signin" onsubmit="return false;">
<br>
<h2 id="titulo_h2" class="h2 mb-3 font-weight-normal">Inicio de sesión</h2>
<label id="lb_usuario" for="in_usuario" class="sr-only">Usuario:</label>
<input type="text" class="form-control" id="in_usuario" placeholder="Usuario:" required autofocus>
<label id="lb_contrasena" for="in_contrasena" class="sr-only">Contraseña:</label>
<input type="password" class="form-control" id="in_contrasena" placeholder="Contraseña:" required>
<div class="">
<label id="lb_recordar" for="in_recordar">Recordar contraseña</label>
<input type="checkbox" id="in_recordar">
</div>
<br>
<button class="btn btn-lg btn-block btn-outline-success" type="submit" id="btn_acceso">Iniciar sesión</button>
<br>
<a href="registro/recuperarpass/" id="btn_olvido_contrasena">¿Olvidaste tu contraseña?</a>
<label id="lb_no_cuenta" for="btn_crear_cuenta">¿No tienes cuenta?</label>
<a href="registro/" id="btn_crear_cuenta">Crear una cuenta</a>
<br>
<br>
<label for="combo_lang" id="lb_lang">Idioma:</label>
<select class="custom-select mr-sm-2" id="combo_lang">

</select>
</form>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/fun/login.js"></script>
<script src="js/fun/fun.js"></script>
<header class="">
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img src="imagenes/logo-blanco.svg" alt="Logo" style="max-width: 100%; width: 70px;">
</a>
<button class="navbar-toggler btn" type="button" data-toggle="collapse" data-target="#barra_navegacion"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="barra_navegacion">
<ul class="navbar-nav mr-auto">

</ul>
<ul class="nav navbar-nav navbar-right">
<li class="nav-item">
<a id="btn_acercade" role="button" class="nav-link" href="#vntn_acercade" data-toggle="modal"></a>
</li>
</ul>
</div>
</nav>
</header>
<div id="contenedorLogin" class="container text-center">
<form id="login_form" class="form-signin" onsubmit="return false;">
<br>
<h2 id="titulo_h2" class="h2 mb-3 font-weight-normal"></h2>
<label id="lb_usuario" for="in_usuario" class="sr-only"></label>
<input type="text" class="form-control" id="in_usuario" required autofocus>
<label id="lb_contrasena" for="in_contrasena" class="sr-only"></label>
<input type="password" class="form-control" id="in_contrasena" required>
<div class="">
<label id="lb_recordar" for="in_recordar"></label>
<input type="checkbox" id="in_recordar">
</div>
<br>
<button class="btn btn-lg btn-block btn-outline-success" type="submit" id="btn_acceso"></button>
<br>
<a href="registro/recuperarpass/" id="btn_olvido_contrasena"></a>
<label id="lb_no_cuenta" for="btn_crear_cuenta"></label>
<a href="registro/" id="btn_crear_cuenta"></a>
<br>
<br>
<label for="combo_lang" id="lb_lang"></label>
<select class="custom-select mr-sm-2" id="combo_lang">
</select>
</form>
</div>
<!-- Modal acerca de-->
<div class="modal fade" id="vntn_acercade">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h3 id="text_titulo_acercade_principal" class="modal-title"></h3>
<button id="btn_cerrar_acercade_principal" tyle="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
</div>
<div class="modal-body" style="text-align: center;">
<p><img src="imagenes/logo-negro.svg" alt="Logo"></p>
<p id="AcercaDeModal"></p>
<p><strong id="profesoresColab"></strong></p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="imagenes/profesores/josealfredo.jpg">
<a href="mailto:[email protected]">M.C. JOSE ALFREDO JIMÉNEZ MURILLO</a><br>
<span id="joseDesc"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="imagenes/profesores/octavio.jpg">
<a href="mailto:[email protected]">DR. OCTAVIO SALUD ORTIZ ORTIZ</a><br>
<span id="octavioDesc"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="imagenes/profesores/Nelly.jpg">
<a href="mailto:[email protected]">M.A. LAURA NELLY ALVARADO ZAMORA</a><br>
<span id="nellyDesc"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="imagenes/profesores/erendira.jpg">
<a href="mailto:[email protected]">DR (C). ERÉNDIRA MIRIAM JIMÉNEZ HERNÁNDEZ</a><br>
<span id="miriamDesc"></span>
</p>
<p><strong id="desarrolladores"></strong></p>
<p><img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="imagenes/desarrolladores/jlaa.jpg">
<a href="mailto:[email protected]">JORGE LUIS ARREYGUE ÁVILA</a> <strong>(UI, UX, Parser)</strong><br>
<span id="descJorge"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 150px; height: 150px;" src="imagenes/desarrolladores/meop.png">
<a href="mailto:[email protected]">MICHEL ENRIQUE OLVERA PEREZ</a> <strong>(UI, UX, Quine–McCluskey, Petrick)</strong><br>
<span id="descMichel"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="imagenes/desarrolladores/acrv.png">
<a href="mailto:[email protected]/">ALAN CRUZ ROBLES VAZQUEZ</a> <strong>(UI, UX, DB, Security)</strong><br>
<span id="descAlan"></span>
</p>
<p><strong id="agradecimientoEspecial"></strong><br>
<strong id="TecMex"></strong><br>
<a href="http://tecnm.mx/"><img src="imagenes/Logo-TecNM.png"></a><br>
<strong id="TecMor"></strong><br>
<a href="http://www.itmorelia.edu.mx/"><img src="imagenes/Itmorelia.png"></a><br>
</p>
</div>
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/fun/login.js"></script>
<script src="js/fun/fun.js"></script>
</body>

</html>
78 changes: 66 additions & 12 deletions js/fun/adm_estadisticas.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,17 @@ var langPath = "../json/string.json";
var grafica;
var homePath = "../";
function CargarFunciones() {
inicializacion();
$("#btn_usuario_cerrar").click(function (event) {
CerrarSesion();
});
consulta_numero_notificaciones();
$("input[type=radio][name=in_estudia_si_gestion]").change(function (event) {
if (this.value == 1) {
$("#PreguntasEstudiante_gestion").css("display", "block");
} else {
$("#PreguntasEstudiante_gestion").css("display", "none");
}
});
}

function ValidarCookie() {
Expand All @@ -20,7 +30,54 @@ function ValidarCookie() {
}

function CargarTextosPagina() {
//Titulo
$("#tituloEstadisticas").text(JsonIdioma["TituloEstadisticas"]);
//Basico
$("#btnEjercicios").text(JsonIdioma["Ejercicios"]);
$("#btnRanking").text(JsonIdioma["Clasificacion"]);
$("#btnEstadistica").text(JsonIdioma["Estadisticas"]);
$("#btnAdmin").text(JsonIdioma["Administración"]);
$("#btn_adm_ponderacion").text(JsonIdioma["Ponderacion"]);
$("#btn_adm_notificaciones").text(JsonIdioma["Notificacion"]);
$("#btn_adm_usuarios").text(JsonIdioma["Usuarios"]);
$("#btn_adm_estadisticas").text(JsonIdioma["Estadisticas"]);
$("#btn_dd_usuario_actual").text(JsonIdioma["Usuario"] + ": " + getCookie("user"));
$("#btn_usuario_cuenta").text(JsonIdioma["ConfigurarCuenta"]);
$("#btn_usuario_resultados").text(JsonIdioma["MisResultados"]);
$("#btn_usuario_cerrar").text(JsonIdioma["CerrarSesion"]);
$("#btn_acercade").text(JsonIdioma["AcercaDe"]);
$("#text_titulo_usuario_gestion").text(JsonIdioma["ConfigurarCuenta"]);
$("#lb_usuario_gestion").text(JsonIdioma["Usuario"]);
$("#lb_nombre_gestion").text(JsonIdioma["Nombre"]);
$("#lb_apellido_pat_gestion").text(JsonIdioma["ApellidoPaterno"]);
$("#lb_apellido_mat_gestion").text(JsonIdioma["ApellidoMaterno"]);
$("#lb_correo_gestion").text(JsonIdioma["CorreoElectronico"]);
$("#lb_contrasenia_gestion").text(JsonIdioma["Pass"]);
$("#lb_pais_gestion").text(JsonIdioma["Pais"]);
$("#sp_estudiante_gestion").text(JsonIdioma["EstudiantePregunta"]);
$("#lb_estudia_si_gestion").text(JsonIdioma["Si"]);
$("#lb_estudia_no_gestion").text(JsonIdioma["No"]);
$("#lb_escuela_gestion").text(JsonIdioma["Escuela"]);
$("#lb_carrera_gestion").text(JsonIdioma["Especialidad"]);
$("#lb_semestre_gestion").text(JsonIdioma["Semestre"]);
$("#btn_guardar_acualizar_gestion").text(JsonIdioma["Actualizar"]);
$("#text_titulo_detalles").text(JsonIdioma["MisResultados"]);
$("#text_titulo_acercade_principal").text(JsonIdioma["AcercaDe"]);
$("#AcercaDeModal").text(JsonIdioma["Descripcion"]);
$("#profesoresColab").text(JsonIdioma["ProfColab"]);
$("#joseDesc").text(JsonIdioma["JoseDesc"]);
$("#octavioDesc").text(JsonIdioma["OctavioDesc"]);
$("#nellyDesc").text(JsonIdioma["NellyDesc"]);
$("#miriamDesc").text(JsonIdioma["MiriamDesc"]);
$("#desarrolladores").text(JsonIdioma["Desarrolladores"]);
$("#descJorge").text(JsonIdioma["DescJorge"]);
$("#descMichel").text(JsonIdioma["DescMichel"]);
$("#descAlan").text(JsonIdioma["DescAlan"]);
$("#agradecimientoEspecial").text(JsonIdioma["AgradecimientoEspecial"]);
$("#TecMex").text(JsonIdioma["TecMex"]);
$("#TecMor").text(JsonIdioma["TecMor"]);
//Epecifico
inicializacion();//Necesita tener idioma cargado antes de poder ejecutarse.
}

function inicializacion() {
Expand All @@ -35,22 +92,19 @@ function grafica_ejercicios_det() {
var $myCanvas = $('#grafica_deterministicos');

var datos = {
labels: ["3 Variables", "4 Variables", "5 Variables"],
labels: ["3 "+JsonIdioma["Variables"], "4 "+JsonIdioma["Variables"], "5 "+JsonIdioma["Variables"]],
datasets: [{
label: "Correctos",
label: JsonIdioma["Correctos"],
backgroundColor: dame_color_aleatorio(),
data: [0, 0, 0]
},
{
label: "Incorrectos",
label: JsonIdioma["Incorrectos"],
backgroundColor: dame_color_aleatorio(),
data: [0, 0, 0]
}]
};




$.ajax({
method: "post",
url: phpPath,
Expand Down Expand Up @@ -99,7 +153,7 @@ function grafica_ejercicios_det() {
responsive: true,
title: {
display: true,
text: "Ejercicos deterministicos"
text: JsonIdioma["EjerciciosDeterministicos"]
}
}
});
Expand All @@ -120,14 +174,14 @@ function grafica_ejercicios_alea() {
var $myCanvas = $('#grafica_aleatorios');

var datos = {
labels: ["3 Variables", "4 Variables", "5 Variables"],
labels: ["3 "+JsonIdioma["Variables"], "4 "+JsonIdioma["Variables"], "5 "+JsonIdioma["Variables"]],
datasets: [{
label: "Correctos",
label: JsonIdioma["Correctos"],
backgroundColor: dame_color_aleatorio(),
data: [0, 0, 0]
},
{
label: "Incorrectos",
label: JsonIdioma["Incorrectos"],
backgroundColor: dame_color_aleatorio(),
data: [0, 0, 0]
}]
Expand Down Expand Up @@ -184,7 +238,7 @@ function grafica_ejercicios_alea() {
responsive: true,
title: {
display: true,
text: "Ejercicos aleatorios"
text: JsonIdioma["EjerciciosAleatorios"]
}
}
});
Expand Down
Loading

0 comments on commit 5490602

Please sign in to comment.