alumnos_subir.php 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398
  1. <?php
  2. require_once("../include/constantes.php");
  3. require_once("../include/bd_pdo.php");
  4. require_once("../classes/ValidaSesion.php");
  5. require_once("../classes/MainMenu.php");
  6. $menu = 10;
  7. $submenu = 101;
  8. //--- Objeto para validar usuario. El id de usuario lo lee desde sesión
  9. $objSesion = new ValidaSesion($pdo, $submenu, GEMA);
  10. if(!$objSesion->tieneAcceso() || !$objSesion->puedeEditar()){
  11. header("Location: main.php");
  12. exit;
  13. }
  14. ?>
  15. <!DOCTYPE html>
  16. <html lang="es" prefix="og: http://ogp.me/ns#">
  17. <head>
  18. <title>GEMA - Facultad de Ingeniería</title>
  19. <meta charset="utf-8">
  20. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  21. <link rel="icon" type="image/png" href="../img/favicon.png" />
  22. <link rel="stylesheet" href="../css/bootstrap-ulsa.min.css" type="text/css">
  23. <link rel="stylesheet" href="../css/indivisa.css" type="text/css">
  24. <link rel="stylesheet" href="../css/sgi.css?rand=<?php echo rand();?>" type="text/css">
  25. <link rel="stylesheet" href="../css/fa_all.css" type="text/css">
  26. <link rel="stylesheet" href="../css/jquery-ui.css" type="text/css">
  27. <link rel="stylesheet" href="../css/month-picker.css" type="text/css">
  28. <link rel="stylesheet" href="../css/calendar.css" type="text/css">
  29. <link rel="stylesheet" href="../css/custominputfile.css" type="text/css">
  30. </head>
  31. <body>
  32. <div>
  33. <?php
  34. //--- Objeto que pinta menu
  35. $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, GEMA, "Carga múltiple de alumnos");//usr, menu, pdo, sist
  36. $menuObj->printMenu();
  37. //Tipo contacto
  38. $stmt = $pdo->prepare('Select * from fs_tipocontacto(NULL)');
  39. if(!$stmt->execute()){
  40. $errorDesc = "Ocurrió un error al cargar los tipos de contacto";
  41. }else{
  42. $tipocontacto_rs = $stmt->fetchAll();
  43. }
  44. $stmt->closeCursor();
  45. //Plan de estudios
  46. $stmt = $pdo->prepare('Select * from fs_planestudio_alumnos(NULL, NULL, true)');
  47. if(!$stmt->execute()){
  48. $errorDesc = "Ocurrió un error al cargar los planes de estudio";
  49. }else{
  50. $plan_rs = $stmt->fetchAll();
  51. }
  52. $stmt->closeCursor();
  53. //--Manejo de errores y mensajes de exito
  54. if(isset($_GET["error"]) && is_numeric($_GET["error"])){
  55. switch ($_GET["error"]){
  56. case 0: $errorDesc = "No se reciberon los datos del alumno."; break;
  57. case 1: $errorDesc = "Ocurrió un error al insertar los datos del alumno. Los parámetros pueden ser incorrectos"; break;
  58. case 2: $errorDesc = "No tienes permisos para realizar esa acción."; break;
  59. case 3: $errorDesc = "Ocurrió un error al insertar los datos de contacto del alumno."; break;
  60. case 4: $errorDesc = "Todos los alumnos ya existen y no se guardó ninguno."; break;
  61. case 5: $errorDesc = "Ocurrió un error al insertar los datos del alumno en el programa académico."; break;
  62. }
  63. }
  64. if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
  65. switch ($_GET["ok"]){
  66. case 0: $successDesc = "Los alumnos en el archivo se guardaron correctamente."; break;
  67. case 1: $successDesc = "Los alumnos en el archivo se guardaron correctamente. ".$_GET["rep"]." alumnos ya existían y fueron ignorados."; break;
  68. }
  69. }
  70. ?>
  71. <main class="container-fluid content marco">
  72. <div class="row">
  73. <div class="col-12 text-right">
  74. <?php if($objSesion->puedeEditar()){ ?>
  75. <p class="col text-right my-2">
  76. <a href="alumnos.php" class="btn btn-outline-secondary"><?php echo $ICO["cancelar"];?> Regresar</a>
  77. </p>
  78. <?php }?>
  79. </div>
  80. </div>
  81. <?php include_once("../include/errorMessage.php");?>
  82. <?php if(isset($plan_rs)){
  83. ?>
  84. <p><a href="./files/alumnosTemplate.xlsx" download="alumnosTemplate.xlsx" class="btn btn-outline-secondary"><?php echo $ICO["descargar"];?> Descarga la plantilla de datos</a></p>
  85. <div class="row">
  86. <div class="col-12">
  87. <form method="post" id="forma">
  88. <div class="form-box">
  89. <div class="form-group row">
  90. <label for="archivo" class="col-12 col-sm-6 col-form-label">Selecciona el archivo con la información de los alumnos de la misma carrera que serán importados</label>
  91. <div class="col-12 col-sm-6 mb-3">
  92. <input type="file" name="archivo" id="archivo" required="required" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
  93. <div class="invalid-feedback">Selecciona un archivo.</div>
  94. </div>
  95. </div>
  96. </div>
  97. </form>
  98. </div>
  99. </div>
  100. <div class="mt-3 d-none" id="sin_alumnos">
  101. <p class="text-danger">No hay alumnos para importar.</p>
  102. </div>
  103. <div class="mt-3 d-none" id="previo">
  104. <hr/>
  105. <form action="./action/alumnos_importar.php" method="post" onsubmit="return validaForma()">
  106. <div class="row justify-content-md-center">
  107. <div class="col-12">
  108. <p>A continuación se muestran los datos de los alumnos que se van a importar. Completa el formulario y presiona el botón Importar.</p>
  109. <div class="row">
  110. <div class="col-12 form-box">
  111. <div class="form-group row">
  112. <label for="plan" class="col-4 col-form-label">Carrera *</label>
  113. <div class="col-8 col-sm-4">
  114. <!--<select name="plan" id="plan" class="form-control">
  115. <?php
  116. $last_nivel = -1;
  117. foreach($plan_rs as $plan) {?>
  118. <?php if($last_nivel != intval($plan["Nivel_id"])){
  119. if($last_nivel != -1){ echo "</optgroup>";}
  120. $last_nivel = intval($plan["Nivel_id"]);
  121. ?>
  122. <optgroup label="<?php echo $plan["Nivel_desc"]; ?>">
  123. <?php } ?>
  124. <option value="<?php echo $plan["PlanEstudio_id"];?>"><?php echo $plan["Carrera_desc"]." ".$plan["PlanEstudio_desc"];?></option>
  125. <?php } ?>
  126. </optgroup>
  127. </select>-->
  128. <div class="datalist datalist-select mb-1 w-100">
  129. <div class="datalist-input">Selecciona un programa</div>
  130. <span class="ing-buscar icono"></span>
  131. <ul style="display:none">
  132. <?php
  133. $last_nivel = -1;
  134. foreach($plan_rs as $plan){
  135. if($last_nivel != intval($plan["Nivel_id"])){
  136. $last_nivel = intval($plan["Nivel_id"]);
  137. ?>
  138. <li data-id="" class="not-selectable"><?php echo $plan["Nivel_desc"]; ?></li>
  139. <?php } ?>
  140. <li class="pl-5" data-id="<?php echo $plan["PlanEstudio_id"];?>"><?php echo $plan["Carrera_desc"]." ".$plan["PlanEstudio_desc"];?></li>
  141. <?php }?>
  142. </ul>
  143. <input type="hidden" id="plan" name="plan" value="">
  144. </div>
  145. </div>
  146. </div>
  147. <!--<div class="form-group row">
  148. <label for="ingreso" class="col-4 col-form-label">Fecha ingreso</label>
  149. <div class="col-8 col-sm-4">
  150. <input id="ingreso" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" readonly="readonly" value="<?php echo date("d/m/Y");?>">
  151. <input type="hidden" id="ingreso-hidden" name="ingresoDefault">
  152. <div class="text-info"><small>Se usará si la columna de fecha en el archivo está vacía</small></div>
  153. <div class="invalid-feedback">No es una fecha válida.</div>
  154. </div>
  155. </div>-->
  156. </div>
  157. </div>
  158. <div id="upload_list">
  159. <div class="alumno">
  160. <input type="hidden" name="apellidos[]" class="apellidos">
  161. <input type="hidden" name="nombre[]" class="nombre">
  162. <input type="hidden" name="clave[]" class="clave">
  163. <input type="hidden" name="curp[]" class="curp">
  164. <input type="hidden" name="correo[]" class="correo">
  165. <input type="hidden" name="telcasa[]" class="telcasa">
  166. <input type="hidden" name="telcel[]" class="telcel">
  167. <input type="hidden" name="ingreso[]" class="ingreso">
  168. <input type="hidden" name="generacion[]" class="generacion">
  169. </div>
  170. </div>
  171. <p class="mt-3">Se leyeron <span id="al_total" class="font-weight-bold">0</span> registros, <span id="al_omitidos" class="font-weight-bold">0</span> fueron omitidos por falta de datos.</p>
  172. <div id="omitidos_block" class="d-none table-responsive">
  173. <p>Los registros omitidos son:</p>
  174. <table class="table table-sm table-striped table-white">
  175. <thead class="thead-dark">
  176. <tr class="text-center">
  177. <th>Apellidos</th>
  178. <th>Nombre(s)</th>
  179. <th>Clave</th>
  180. <th>CURP</th>
  181. <th>Ingreso</th>
  182. <th>Generación</th>
  183. <th><span class="fas fa-at"></span></th>
  184. <th><span class="fas fa-phone"></span></th>
  185. <th><span class="fas fa-mobile-alt"></span></th>
  186. </tr>
  187. </thead>
  188. <tbody id="al_list">
  189. <tr class="alumno">
  190. <td class="apellidos"><span></span></td>
  191. <td class="nombre"><span>-</span></td>
  192. <td class="clave"><span>-</span></td>
  193. <td class="curp"><span><?php echo $ICO["cancelar"];?></span></td>
  194. <td class="ingreso"><span>-</span></td>
  195. <td class="generacion"><span>-</span></td>
  196. <td class="correo font-small"><span>-</span></td>
  197. <td class="telcasa font-small"><span>-</span></td>
  198. <td class="telcel font-small"><span>-</span></td>
  199. </tr>
  200. </tbody>
  201. </table>
  202. </div>
  203. </div>
  204. </div>
  205. <div class="row">
  206. <div class="col-12 text-center">
  207. <button type="submit" class="btn btn-outline-primary" ><span class="fas fa-upload fa-fw"></span> Importar</button>
  208. <a href="alumnos.php" class="btn btn-outline-danger"><?php echo $ICO["cancelar"];?> Cancelar</a>
  209. </div>
  210. </div>
  211. </form>
  212. </div><!-- /previo -->
  213. <?php } ?>
  214. </main>
  215. <!--- FOOTER--->
  216. <?php require_once("../include/footer.php"); ?>
  217. </div>
  218. <script src="../js/jquery.min.js"></script>
  219. <script src="../js/jquery-ui.js"></script>
  220. <script src="../js/datepicker-es.js"></script>
  221. <script src="../js/bootstrap/popper.min.js"></script>
  222. <script src="../js/bootstrap/bootstrap.min.js"></script>
  223. <script src="../js/fechas.js"></script>
  224. <script src="../js/util.js"></script>
  225. <script src="../js/sidebarmenu.js"></script>
  226. <script src="../js/custominputfile.min-es.js"></script>
  227. <script src="../js/datalist.js"></script>
  228. <script src="../js/month-picker.js"></script>
  229. <script>
  230. function validaForma(){
  231. var error = false;
  232. $(".is-invalid").removeClass("is-invalid");
  233. if($("#plan").val() ==""){
  234. invalidDatalist("#plan", true);
  235. error = true;
  236. $('#forma')[0].scrollIntoView({ block: "start" });
  237. }
  238. if($("#ingreso").val() ==""){
  239. $("#ingreso").addClass("is-invalid");
  240. error = true;
  241. $('#forma')[0].scrollIntoView({ block: "start" });
  242. }
  243. return !error;
  244. }
  245. $(document).ready(function(){
  246. //$(".date-picker" ).datepicker({ dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true, defaultDate:'<?php echo date("d/m/Y");?>'});
  247. //$(".date-picker" ).datepicker( $.datepicker.regional[ "es" ] );
  248. $('.date-picker').MonthPicker({ Button: false, MaxMonth: 2, MonthFormat: 'M, yy', AltFormat: 'yy-mm-dd', AltField: '#ingreso-hidden', SelectedMonth: <?php echo date("m/Y"); ?> });
  249. $('#archivo').customFile({
  250. allowed: ['xls', 'xlsx'],
  251. maxFiles: 1,
  252. maxKBperFile: 20*1024,
  253. popup : {
  254. active : true, // false if you don’t like popup messages
  255. autoclose : true, // or false
  256. delay : 4000 // delay for close (in miliseconds), of course, if autoclose is set true
  257. },
  258. callbacks : {
  259. beforeRemove : function(item){
  260. $("#previo").addClass("d-none");
  261. },
  262. onSuccess : function(item, callback){
  263. $.customFile.ajax(item, {
  264. url : "./action/alumnos_importar_previo.php",
  265. type: "POST",
  266. dataType: "json",
  267. progressBar : {
  268. appendTo: item.node,
  269. closeAfterComplete: false
  270. },
  271. success: function(result) {
  272. if(result["error"]!= "" && result["error"] !== undefined){
  273. $("#errorBox").collapse('show');
  274. $("#errorBox_text").html(result["error"]);
  275. $('#messageBox')[0].scrollIntoView({ block: "end" });
  276. }else{
  277. if(result["alumnosArr"].length == 0){//alumnos
  278. $("#previo").addClass("d-none");
  279. $("#errorBox").collapse('show');
  280. $("#errorBox_text").html("No se encontraron alumnos para importar");
  281. $('#messageBox')[0].scrollIntoView({ block: "end" });
  282. }else{
  283. $('#forma')[0].scrollIntoView({ block: "start" });
  284. $("#al_total").html(result["alumnosArr"].length);
  285. $("#al_omitidos").html(result["omitidosArr"].length);
  286. $("#previo").removeClass("d-none");
  287. $("#sin_alumnos").addClass("d-none");
  288. if(result["omitidosArr"].length > 0){
  289. $("#omitidos_block").removeClass("d-none");
  290. //$("#al_list").find("td").html("");//limpia tabla actual
  291. var rows = $("#al_list > tr").length;//cuenta accesos actuales
  292. if(rows > result["omitidosArr"].length){//sobran
  293. //borrar renglones extra (rows - result.length) pero dejar al menos 1
  294. while(rows > result["omitidosArr"].length && rows > 1){
  295. $("#al_list .alumno:last-child").remove();
  296. rows--;
  297. }
  298. }else{//faltan
  299. // clone the rest of the rows
  300. for(var i=0; i<(result["omitidosArr"].length - rows); i++){
  301. $("#al_list .alumno:first-child").clone().appendTo("#al_list");
  302. }
  303. }
  304. $("#al_list tr").each(function(index) {
  305. if(index < result["omitidosArr"].length){//llenar info
  306. //$(this).find(".num").html(index+1);
  307. $(this).find(".apellidos span").text(result["omitidosArr"][index]["apellidos"]);
  308. $(this).find(".nombre span").html(result["omitidosArr"][index]["nombre"]);
  309. $(this).find(".clave span").html(result["omitidosArr"][index]["clave"]);
  310. $(this).find(".curp span").html(result["omitidosArr"][index]["curp"]);
  311. $(this).find(".ingreso span").html(result["omitidosArr"][index]["ingreso"]);
  312. $(this).find(".generacion span").html(result["omitidosArr"][index]["generacion"]);
  313. $(this).find(".correo span").html(result["omitidosArr"][index]["correo"]);
  314. $(this).find(".telcasa span").html(result["omitidosArr"][index]["telcasa"]);
  315. $(this).find(".telcel span").html(result["omitidosArr"][index]["telcel"]);
  316. }
  317. });//each
  318. }else{
  319. $("#omitidos_block").addClass("d-none");
  320. }
  321. //-----
  322. var rows = $("#upload_list > .alumno").length;//cuenta accesos actuales
  323. if(rows > result["alumnosArr"].length){//sobran
  324. //borrar renglones extra (rows - result.length) pero dejar al menos 1
  325. while(rows > result["alumnosArr"].length && rows > 1){
  326. $("#upload_list .alumno:last-child").remove();
  327. rows--;
  328. }
  329. }else{//faltan
  330. // clone the rest of the rows
  331. for(var i=0; i<(result["alumnosArr"].length - rows); i++){
  332. $("#upload_list .alumno:first-child").clone().appendTo("#upload_list");
  333. }
  334. }
  335. $("#upload_list .alumno").each(function(index) {
  336. if(index < result["alumnosArr"].length){//llenar info
  337. //$(this).find(".num").html(index+1);
  338. $(this).find(".apellidos").val(result["alumnosArr"][index]["apellidos"]);
  339. $(this).find(".nombre").val(result["alumnosArr"][index]["nombre"]);
  340. $(this).find(".clave").val(result["alumnosArr"][index]["clave"]);
  341. $(this).find(".curp").val(result["alumnosArr"][index]["curp"]);
  342. $(this).find(".ingreso").val(result["alumnosArr"][index]["ingreso"]);
  343. $(this).find(".generacion").val(result["alumnosArr"][index]["generacion"]);
  344. $(this).find(".correo").val(result["alumnosArr"][index]["correo"]);
  345. $(this).find(".telcasa").val(result["alumnosArr"][index]["telcasa"]);
  346. $(this).find(".telcel").val(result["alumnosArr"][index]["telcel"]);
  347. $(this).find(".ingreso").val(result["alumnosArr"][index]["ingreso"]);
  348. }
  349. });//each
  350. }//fin alumnos
  351. }//fin else error
  352. },
  353. error: function(jqXHR, textStatus, errorThrown ){
  354. console.log("error");
  355. $("#errorBox").collapse('show');
  356. $("#errorBox_text").html("Error de PHP");
  357. $('#messageBox')[0].scrollIntoView({ block: "end" });
  358. },
  359. complete : function(){
  360. callback();
  361. }
  362. });
  363. return false; // Required for callback only fires once (when uploading is finished)
  364. }
  365. }
  366. });
  367. });
  368. $("#uploadBtn").click(function() {//Carga vista previa
  369. $("#forma").submit();
  370. });
  371. </script>
  372. </body>
  373. </html>