index.php 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642
  1. <?php
  2. require_once("./include/nocache.php");
  3. require_once("./include/bd_pdo.php");
  4. $ACTIVO = true;
  5. ?>
  6. <!DOCTYPE html>
  7. <html lang="es" prefix="og: http://ogp.me/ns#"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8. <title>.: Facultad de Ingeniería :.</title>
  9. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10. <link rel="icon" type="image/png" href="./img/favicon.png" />
  11. <link rel="stylesheet" href="./css/bootstrap-ulsa.min.css" type="text/css">
  12. <link rel="stylesheet" href="./css/indivisa.css" type="text/css">
  13. <link rel="stylesheet" href="./css/fa_all.css" type="text/css">
  14. <link rel="stylesheet" href="./css/sgi.css?rand=<?php echo rand();?>" type="text/css">
  15. <link rel="stylesheet" href="./css/index.css" type="text/css">
  16. <body>
  17. <header class="sticky-top bg-white bg-head">
  18. <div class="menu d-flex align-items-center" style="visibility: visible;">
  19. <div class="logotipo"><a href="https://lasalle.mx/" target="_blank"><img id="logo" src="./img/logo_lasalle.png" border="0" class="img-fluid" ></a></div>
  20. </div>
  21. </header>
  22. <div class="row bg-info mx-0 barra-gris">
  23. <div class="marco">
  24. <div class="col-12 py-3">
  25. <h4 class="text-info">Facultad de Ingeniería</h4>
  26. <h2 class="text-uppercase">Actualización de datos</h2>
  27. </div>
  28. </div>
  29. </div>
  30. <main class="container-fluid content d-flex justify-content-center">
  31. <div class="logSize p-5 bg-white defaultShadow">
  32. <?php if($ACTIVO){ ?>
  33. <div class="progress mb-4" id="progreso">
  34. <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="4"></div>
  35. </div>
  36. <!--<div id="errorBox" class="text-danger text-center font-weight-bold d-none">
  37. <span class="ing-importante"></span> <span id="errorBox_text"></span>
  38. </div>-->
  39. <div class="row collapse" id="errorBox">
  40. <div class="col-12">
  41. <div class="alert alert-danger">
  42. <button type="button" class="close" data-toggle="collapse" href="#errorBox" aria-controls="errorBox" aria-expanded="false">×</button>
  43. <span class="ing-cancelar ing-fw float-left" style="font-size:2em"></span>
  44. <p class="pt-1" style="margin-left:60px" id="errorBox_text"></p>
  45. </div>
  46. </div>
  47. </div>
  48. <div id="login_block">
  49. <div class="row">
  50. <div class="col">
  51. <h3>1. Autenticación</h3>
  52. <p class="">Introduce tu usuario y contraseña institucionales para continuar.</p>
  53. </div>
  54. </div>
  55. <div class="form-group row">
  56. <div class="input-group px-4">
  57. <div class="input-group-prepend secondary">
  58. <div class="input-group-text bg-primary text-white"><i class="ing-usuario ing-fw"></i></div>
  59. </div>
  60. <input class="form-control form-control-lg" type="text" autocomplete="username" placeholder="Usuario (ad ó do)" id="username" name="username" value="" autofocus="true" maxlength="10"/>
  61. </div>
  62. </div>
  63. <div class="form-group row">
  64. <div class="input-group mb-2 px-4">
  65. <div class="input-group-prepend">
  66. <div class="input-group-text bg-primary text-white"><i class="ing-pass ing-fw"></i></div>
  67. </div>
  68. <input class="form-control form-control-lg" type="password" autocomplete="current-password" placeholder="Contraseña" id="passwd" name="passwd" value="" maxlength="50"/>
  69. </div>
  70. </div>
  71. <div class="form-group row mt-3" id="loadingGroup" style="display:none">
  72. <div class="col-12 text-center text-info">
  73. Cargando información
  74. <div class="spinner-border" role="status">
  75. <span class="sr-only">Loading...</span>
  76. </div>
  77. </div>
  78. </div>
  79. <p class="text-center">
  80. <button type="button" class="btn btn-outline-primary" id="btn_buscar"><span class="ing-buscar"></span> Obtener datos</button>
  81. <p>
  82. <p class="text-justify mb-0">
  83. <span style="font-size: 80%;" class="text-info"> Al ingresar a este sistema aceptas que tus datos almacenados en el Sistema de Gestión de Universitaria (SGU) podrán ser consultados y utilizados para cargar tu información en el Sistema de la Facultad de Ingeniería.<br>
  84. Si deseas más información sobre cómo se manejan tus datos, por favor consulta nuestro <a href="https://lasalle.mx/globales/aviso-de-privacidad.html" target="_blank" class="text-muted"> aviso de privacidad</a>.
  85. </p>
  86. </div>
  87. <div id="datos_block" class="d-none">
  88. <div>
  89. <h3>2. Revisión</h3>
  90. <p class="">Estos son los datos que tienes registrados en la Facultad de Ingeniería. Revisa que tu nombre y apellidos <b>estén completos y con los acentos, mayúsculas y minúsculas correctos</b>.</p>
  91. </div>
  92. <div class="form-box form-box-info">
  93. <div class="form-group row">
  94. <label for="nombre_orig" class="col-4 col-form-label">Nombre</label>
  95. <div class="col-8">
  96. <input id="nombre_orig" name="nombre" type="text" class="form-control bg-white nombre" readonly="readonly">
  97. </div>
  98. </div>
  99. <div class="form-group row">
  100. <label for="apellidos_orig" class="col-4 col-form-label text-right">Apellidos</label>
  101. <div class="col-8">
  102. <input id="apellidos_orig" name="apellidos" type="text" class="form-control bg-white apellidos" readonly="readonly">
  103. </div>
  104. </div>
  105. </div>
  106. <div class="form-group row">
  107. <div class="col-12 text-center">
  108. <p class="mb-4"><b class="text-danger">Recuerda que estos datos se utilizan para generar tus constancias y otros documentos oficiales y no oficiales</b></p>
  109. <button type="button" class="btn btn-outline-primary" id="btn_correcto"><span class="ing-aceptar ing-fw"></span> Mi nombre es correcto</button>
  110. <button type="button" class="btn btn-outline-danger" id="btn_error"><span class="ing-cancelar ing-fw"></span> Hay un error</button>
  111. </div>
  112. </div>
  113. </div>
  114. <div id="error_block" class="d-none">
  115. <div class="row">
  116. <div class="col">
  117. <h3>3. Corrección</h3>
  118. <p class="">Escribe tu nombre de la forma correcta.</p>
  119. </div>
  120. </div>
  121. <div class="form-box">
  122. <div class="form-group row">
  123. <label for="nombre_new" class="col-4 col-form-label">Nombre *</label>
  124. <div class="col-8">
  125. <input id="nombre_new" name="nombre" type="text" class="form-control nombre" required="required">
  126. </div>
  127. </div>
  128. <div class="form-group row">
  129. <label for="apellidos_new" class="col-4 col-form-label text-right">Apellidos *</label>
  130. <div class="col-8">
  131. <input id="apellidos_new" name="apellidos" type="text" class="form-control apellidos" required="required">
  132. </div>
  133. </div>
  134. </div>
  135. <div class="form-group row">
  136. <div class="col-12 text-center">
  137. <button type="button" class="btn btn-outline-primary" id="btn_cambios"><span class="ing-aceptar ing-fw"></span> Continuar</button>
  138. </div>
  139. </div>
  140. </div>
  141. <div id="correo_block" class="d-none">
  142. <input type="hidden" id="correo_id1" value="">
  143. <input type="hidden" id="correo_id2" value="">
  144. <div class="row">
  145. <div class="col">
  146. <h3>4. Contacto</h3>
  147. <p class="">Actualiza tu CURP y tus datos de contacto. Escribe tu correo institucional (<em>lasallistas.org.mx</em> o <em>lasalle.mx</em>) y un correo personal.</p>
  148. </div>
  149. </div>
  150. <div class="form-box">
  151. <div class="form-group row">
  152. <label for="curp_new" class="col-4 col-form-label">CURP *</label>
  153. <div class="col-8">
  154. <input id="curp_new" type="text" class="form-control" required="required" maxlength="20">
  155. </div>
  156. </div>
  157. <div class="form-group row">
  158. <label for="correo1_new" class="col-4 col-form-label">Correo institucional *</label>
  159. <div class="col-8">
  160. <input id="correo1_new" type="text" class="form-control" required="required">
  161. <div class="invalid-feedback" id="feedback1">Correo inválido</div>
  162. </div>
  163. </div>
  164. <div class="form-group row">
  165. <label for="correo2_new" class="col-4 col-form-label text-right">Correo personal *</label>
  166. <div class="col-8">
  167. <input id="correo2_new" type="text" class="form-control" required="required">
  168. <div class="invalid-feedback" id="feedback2">Correo inválido</div>
  169. </div>
  170. </div>
  171. <input type="hidden" id="tel_fijo_id" value="<?php echo $alumno["tel_fijo_id"];?>">
  172. <input type="hidden" id="tel_cel_id" value="<?php echo $alumno["tel_cel_id"];?>">
  173. <div class="form-group row solo_admin">
  174. <label for="tel_cel_new" class="col-4 col-form-label text-right">Teléfono celular *</label>
  175. <div class="col-8">
  176. <input id="tel_cel_new" type="text" class="form-control" required="required" value="<?php echo $alumno["tel_celular"];?>">
  177. </div>
  178. </div>
  179. <div class="form-group row solo_admin">
  180. <label for="tel_fijo_new" class="col-4 col-form-label">Teléfono fijo</label>
  181. <div class="col-8">
  182. <input id="tel_fijo_new" type="text" class="form-control" required="required" value="<?php echo $alumno["tel_fijo"];?>">
  183. </div>
  184. </div>
  185. </div>
  186. <div class="form-group row">
  187. <div class="col-12 text-center">
  188. <button type="button" class="btn btn-outline-primary" id="btn_correo"><span class="ing-aceptar ing-fw"></span> Continuar</button>
  189. </div>
  190. </div>
  191. </div>
  192. <div id="emergencia_block" class="d-none">
  193. <div class="row">
  194. <div class="col">
  195. <h3>5. Contacto de emergencia</h3>
  196. <p class="">Escribe los datos de un contacto adicional, esta información será utilizada <b>única y exclusivamente en caso de emergencias</b>.</p>
  197. </div>
  198. </div>
  199. <div class="form-box">
  200. <div class="form-group row">
  201. <label for="emergencia_nombre" class="col-4 col-form-label">Nombre *</label>
  202. <div class="col-8">
  203. <input id="emergencia_nombre" type="text" class="form-control" required="required" maxlength="200" value="">
  204. </div>
  205. </div>
  206. <div class="form-group row">
  207. <label for="emergencia_tel" class="col-4 col-form-label">Teléfono *</label>
  208. <div class="col-8">
  209. <input id="emergencia_tel" type="text" class="form-control" required="required" maxlength="15" value="">
  210. </div>
  211. </div>
  212. </div>
  213. <div class="form-group row">
  214. <div class="col-12 my-2 text-center">
  215. <input type="checkbox" class="form-check-input radio-md" value="1" id="acepto" checked="checked">
  216. <label for="acepto" style="padding-top: 2px;">
  217. He leído y acepto el <a href="https://lasalle.mx/globales/aviso-de-privacidad.html" target="_blank" class="font-italic">Aviso de Privacidad</a>.
  218. </label>
  219. </div>
  220. <div class="col-12 text-center">
  221. <p><button type="button" class="btn btn-outline-primary" id="btn_fin"><span class="ing-aceptar ing-fw"></span> Enviar datos</button></p>
  222. </div>
  223. </div>
  224. </div>
  225. <form action="./action/datos_update.php" method="post" id="sendForm">
  226. <input type="hidden" id="id_send" name="id" value="">
  227. <input type="hidden" id="cambio_send" name="cambio" value="0">
  228. <input type="hidden" id="nombre_send" name="nombre" value="">
  229. <input type="hidden" id="apellidos_send" name="apellidos" value="">
  230. <input type="hidden" id="curp_send" name="curp" value="">
  231. <input type="hidden" id="contactos_send" name="contactos" value="">
  232. <input type="hidden" id="emergencia_send" name="emergencia" value="">
  233. </form>
  234. <?php }else{?>
  235. <h3 class="text-danger text-center">Por el momento la actualización de datos se encuentra inactiva.</h3>
  236. <p class="text-center">¡Gracias por tu participación!</p>
  237. <p class="mt-4">En caso de necesitar alguna actualización puedes al LCI al correo: javier.garrido@lasalle.mx</p>
  238. <?php } ?>
  239. </div>
  240. </main>
  241. <!--- FOOTER--->
  242. <div class="container-fluid">
  243. <footer class="footer" >
  244. <div class="footerTop">
  245. <div class="container marco">
  246. <div class="logotipo"><img src="./img/lasalle-logo-blanco.png" alt="Universidad La Salle - ">
  247. <h3> <span>Profesionales</span>con <strong>Valor</strong></h3>
  248. </div>
  249. <div class="ubicacion row">
  250. <div class="address col-12 col-sm-8">
  251. <div class="tabs">
  252. <ul class="nav list-inline" id="tabsFooter" role="tablist">
  253. <li class="list-inline-item">
  254. <a class="nav-link px-0 pt-0 mr-4 active" id="unidad1-tab" data-toggle="tab" href="#unidad1" role="tab" aria-controls="calendario" aria-selected="true">Unidad Condesa</a>
  255. </li>
  256. <li class="list-inline-item">
  257. <a class="nav-link px-0 pt-0 mr-4" id="unidad2-tab" data-toggle="tab" href="#unidad2" role="tab" aria-controls="lista" aria-selected="false">Unidad Santa Teresa</a>
  258. </li>
  259. <li class="list-inline-item">
  260. <a class="nav-link px-0 pt-0 mr-4" id="unidad3-tab" data-toggle="tab" href="#unidad3" role="tab" aria-controls="lista" aria-selected="false">Unidad San Fernando</a>
  261. </li>
  262. <li class="list-inline-item">
  263. <a class="nav-link px-0 pt-0 mr-4" id="unidad4-tab" data-toggle="tab" href="#unidad4" role="tab" aria-controls="lista" aria-selected="false">Unidad Santa Lucía</a>
  264. </li>
  265. </ul>
  266. <div class="tab-content" id="tabsCont">
  267. <div class="tab-pane fade show active" id="unidad1" role="tabpanel" aria-labelledby="unidad1-tab">
  268. <p>Benjamín Franklin No 45, Col. Condesa, Alc. Cuauhtémoc, CDMX, CP 06140 <span class="tel">Tel. <a href="tel:+525552789500">55 5278-9500</a> / <a href="tel:+8005272553">800 LASALLE</a></span><br>
  269. <a class="btnMap " href="https://www.google.com/maps/place/Universidad+La+Salle/@19.4085702,-99.1810039,15z/data=!4m5!3m4!1s0x0:0x3108b5797f9c9ecd!8m2!3d19.4085702!4d-99.1810039" target="_blank"> <span class="ing-ubicacion mr-1"></span>¿Cómo llegar?</a></p>
  270. </div>
  271. <div class="tab-pane fade" id="unidad2" role="tabpanel" aria-labelledby="unidad2-tab">
  272. <p>Camino a Santa Teresa 811, Col. Rinconada del Pedregal, Alc. Tlalpan, CDMX, CP 14010 <span class="tel">Tel. <a href="tel:5552789500">55 5278-9500</a> / <a href="tel:+8005272553">800 LASALLE</a></span><br>
  273. <a class="btnMap " href="https://www.google.com/maps/place/Universidad+La+Salle+Unidad+Santa+Teresa/@19.299013,-99.196093,15z/data=!4m5!3m4!1s0x0:0xdfc2b61c9b67aac2!8m2!3d19.299013!4d-99.196093" target="_blank"> <span class="ing-ubicacion mr-1"></span>¿Cómo llegar?</a></p>
  274. </div>
  275. <div class="tab-pane fade" id="unidad3" role="tabpanel" aria-labelledby="unidad3-tab">
  276. <p>Av. De Las Fuentes 17, Col. Tlalpan, Alc. Tlalpan, CDMX, CP 14000 <span class="tel">Tel. <a href="tel:+525552789500">55 5278-9500</a> / <a href="tel:+8005272553">800 LASALLE</a></span><br>
  277. <a class="btnMap " href="https://www.google.com/maps/place/Universidad+La+Salle+Facultad+de+Medicina/@19.2930318,-99.1720808,15z/data=!4m5!3m4!1s0x0:0x29b7725e5a004277!8m2!3d19.2930318!4d-99.1720808" target="_blank"> <span class="ing-ubicacion mr-1"></span>¿Cómo llegar?</a></p>
  278. </div>
  279. <div class="tab-pane fade" id="unidad4" role="tabpanel" aria-labelledby="unidad4-tab">
  280. <p>Av. Tamaulipas 3, Col. Zona Federal, Alc. Álvaro Obregón, CDMX, CP 01357 <span class="tel">Tel. <a href="tel:5556021130">55 5602-1130</a> </span><br>
  281. <a class="btnMap " href="https://www.google.com/maps/place/Unidad+Deportiva+La+Salle/@19.3662852,-99.2421597,15z/data=!4m5!3m4!1s0x0:0x88e0334f044bc518!8m2!3d19.3662852!4d-99.2421597" target="_blank"> <span class="ing-ubicacion mr-1"></span>¿Cómo llegar?</a></p>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. <div class="redes col-12 col-sm-4">
  287. <h4>Compartir :</h4>
  288. <ul>
  289. <li><a href="https://www.facebook.com/LaSalleMXIngenieria" target="_blank"><i class="ing-fb2 ing-fw"></i></a></li>
  290. <!--<li><a href="https://twitter.com/lasalle_mx" target="_blank"><i class="fing-tw2 ing-fw"></i></a></li>-->
  291. <li><a href="https://www.youtube.com/user/IngenieriaLaSalle/" target="_blank"><i class="ing-youtube ing-fw"></i></a></li>
  292. <!--<li><a href="https://www.instagram.com/lasalle_mx/" target="_blank"><i class="fab fa-instagram fa-fw"></i></a></li>-->
  293. <!--<li><a href="https://www.linkedin.com/school/universidad-la-salle?pathWildcard=24227" target="_blank"><i class="fab fa-linkedin-in fa-fw"></i></a></li>-->
  294. </ul>
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. <div class="footerMiddle">
  300. <div class="container marco">
  301. <div class="row justify-content-md-center">
  302. <nav class="col-12 col-md-10">
  303. <a class="footerMore menuMore" href="#">Sistema y Red La Salle</a>
  304. <ul>
  305. <li><a href="http://bajio.delasalle.edu.mx/" target="_blank">Bajío</a></li>
  306. <li><a href="http://www.lasalle.mx/" target="_blank">Ciudad de México</a></li>
  307. <li><a href="http://lasallecancun.edu.mx/" target="_blank">Cancún</a></li>
  308. <li><a href="http://www.ulsapuebla.mx/" target="_blank">Puebla</a></li>
  309. <li><a href="http://www.ulsapuebla.mx/" target="_blank">Chihuahua</a></li>
  310. <li><a href="http://www.lasallecuernavaca.edu.mx/wp/" target="_blank">Cuernavaca</a></li>
  311. <li><a href="http://www.ulsalaguna.edu.mx/" target="_blank">Laguna</a></li>
  312. <li><a href="http://www.lasallemorelia.edu.mx/" target="_blank">Morelia</a></li>
  313. <li><a href="http://www.ulsaneza.edu.mx/" target="_blank">Nezahualcóyotl</a></li>
  314. <li><a href="http://www.ulsa-noroeste.edu.mx/n2015/" target="_blank">Noroeste</a></li>
  315. <li><a href="http://www.ulsaoaxaca.edu.mx/" target="_blank">Oaxaca</a></li>
  316. <li><a href="http://www.lasallep.edu.mx/" target="_blank">Pachuca</a></li>
  317. <li><a href="https://www.ulsasaltillo.edu.mx/" target="_blank">Saltillo</a></li>
  318. <li><a href="https://www.lasallevictoria.edu.mx/" target="_blank">Victoria</a></li>
  319. </ul>
  320. </nav>
  321. </div>
  322. </div>
  323. </div>
  324. <div class="footerBottom">
  325. <div class="container marco">
  326. <div class="logotipos">
  327. <ul>
  328. <li><a href="http://redlasalle.mx/" target="_blank"><img src="<?php echo $base;?>/img/la-salle-logo-red-universidades.png" alt="La Salle - logotipo" class="img-responsive" width="80"></a></li>
  329. <li><a href="http://ialu.org/english/" target="_blank"><img src="<?php echo $base;?>/img/la-salle-logo-international-ia.png" alt="La Salle - logotipo" class="img-responsive" width="80"></a></li>
  330. </ul>
  331. </div>
  332. <div class="legales">
  333. <a class="footerMore menuMore" href="#">Legales</a>
  334. <ul>
  335. <li><a href="https://lasalle.mx/globales/contacto.html" target="_blank">Contacto</a></li>
  336. <li><a href="https://lasalle.mx/globales/terminos-y-condiciones.html" target="_blank">Términos y condiciones</a></li>
  337. <li><a href="https://lasalle.mx/globales/aviso-de-privacidad.html" target="_blank">Aviso de Privacidad</a></li>
  338. <!--<li><a href="https://lasalle.mx/globales/mapa-de-sitio.html" target="_blank">Mapa de sitio</a></li>
  339. <li><a href="https://lasalle.mx/globales/preguntas-frecuentes/" target="_blank">Preguntas frecuentes</a></li>-->
  340. </ul>
  341. </div>
  342. </div>
  343. </div>
  344. </footer>
  345. </div>
  346. <script src="./js/jquery.min.js"></script>
  347. <script src="./js/bootstrap/bootstrap.min.js"></script>
  348. <script src="./js/bootstrap/popper.min.js"></script>
  349. <?php if($ACTIVO){ ?>
  350. <script>
  351. function trim(cadena){
  352. for(i=0; i<cadena.length; ){
  353. if(cadena.charAt(i)==" ")
  354. cadena=cadena.substring(i+1, cadena.length);
  355. else
  356. break;
  357. }
  358. for(i=cadena.length-1; i>=0; i=cadena.length-1){
  359. if(cadena.charAt(i)==" ")
  360. cadena=cadena.substring(0,i);
  361. else
  362. break;
  363. }
  364. return cadena;
  365. }
  366. var PASOS_MAX = 5;
  367. var esAdmin = false;
  368. if(!esAdmin){
  369. PASOS_MAX--;
  370. }
  371. $(document).ready(function(){
  372. //$("#errorBox").addClass('d-none');
  373. $("#errorBox").collapse('hide');
  374. $("#login_block").removeClass("d-none");
  375. $("#datos_block").addClass("d-none");
  376. $("#error_block").addClass("d-none");
  377. $('#progreso .progress-bar').css('width', '0').attr('aria-valuemax', PASOS_MAX);
  378. $("#btn_buscar").click(function(){
  379. // Disable the button
  380. $(this).prop("disabled", true);
  381. // Show the loading icon
  382. $(this).parent().hide()
  383. $("#loadingGroup").show()
  384. //$("#errorBox").addClass('d-none');
  385. $("#errorBox").collapse('hide');
  386. if(validaBusca()){
  387. $.ajax({
  388. url: './action/validausr_action.php',
  389. type: 'POST',
  390. dataType: 'json',
  391. data: {
  392. username: $("#username").val(), passwd: $("#passwd").val()
  393. },
  394. success: function(result) {
  395. if(result["error"]!= "" && result["error"] !== undefined){
  396. //$("#errorBox").removeClass('d-none');
  397. $("#errorBox").collapse('show');
  398. $("#errorBox_text").html(result["error"]);
  399. passwd: $("#passwd").val("");
  400. }else{
  401. $("#login_block").addClass("d-none");
  402. $("#datos_block").removeClass("d-none");
  403. $("#id_send").val(result["id"]);
  404. $(".nombre").val(result["nombre"]);
  405. $(".apellidos").val(result["apellidos"]);
  406. $("#curp_new").val(result["curp"]);
  407. $("#correo1_new").val(result["correo1"]);
  408. $("#correo2_new").val(result["correo2"]);
  409. $("#correo_id1").val(result["correo_id1"]);
  410. $("#correo_id2").val(result["correo_id2"]);
  411. $("#tel_fijo_id").val(result["tel_fijo_id"]);
  412. $("#tel_cel_id").val(result["tel_cel_id"]);
  413. $("#tel_fijo_new").val(result["tel_fijo"]);
  414. $("#tel_cel_new").val(result["tel_cel"]);
  415. $("#emergencia_nombre").val(result["emergencia_nombre"]);
  416. $("#emergencia_tel").val(result["emergencia_tel"]);
  417. esAdmin = result["administrativo"];
  418. if(esAdmin)
  419. $(".solo_admin").removeClass("d-none");
  420. else
  421. $(".solo_admin").addClass("d-none");
  422. changeProgress(1);
  423. }
  424. },
  425. error: function(jqXHR, textStatus, errorThrown ){
  426. //$("#errorBox").removeClass('d-none');
  427. $("#errorBox").collapse('show');
  428. $("#errorBox_text").html("Error al enviar la información."+errorThrown);
  429. }
  430. });//ajax
  431. }
  432. });
  433. $("#btn_error").click(function(){
  434. $("#datos_block").addClass("d-none");
  435. $("#error_block").removeClass("d-none");
  436. $('#error_block').find("input[type=text]:first").focus();
  437. $("#cambio_send").val(1);
  438. changeProgress(2);
  439. });
  440. $('#passwd').keydown(function(event) {
  441. if (event.keyCode == 13) {
  442. $("#btn_buscar").trigger('click');
  443. }
  444. });
  445. $("#btn_correcto").click(function(){
  446. $("#datos_block").addClass("d-none");
  447. $("#correo_block").removeClass("d-none");
  448. $("#nombre_send").val($("#nombre_orig").val());
  449. $("#apellidos_send").val($("#apellidos_orig").val());
  450. $('#correo_block').find("input[type=text]:first").focus();
  451. changeProgress(3);
  452. });
  453. $("#btn_cambios").click(function(){
  454. if(validaCambios()){
  455. $("#error_block").addClass("d-none");
  456. $("#correo_block").removeClass("d-none");
  457. $("#nombre_send").val($("#nombre_new").val());
  458. $("#apellidos_send").val($("#apellidos_new").val());
  459. $('#correo_block').find("input[type=text]:first").focus();
  460. changeProgress(3);
  461. }
  462. });
  463. $("#btn_correo").click(function(){
  464. if(validaCorreos()){
  465. $("#curp_send").val($("#curp_new").val());
  466. objSend = [];
  467. objSend.push({"num":1, "contacto_id":$("#correo_id1").val(), "contacto_valor":$("#correo1_new").val(), "perfil":2, "tipo": 3, "subtipo":null});
  468. objSend.push({"num":2, "contacto_id":$("#correo_id2").val(), "contacto_valor":$("#correo2_new").val(), "perfil":1, "tipo": 3, "subtipo":null});
  469. if(esAdmin){
  470. objSend.push({"num":3, "contacto_id":$("#tel_fijo_id").val(), "contacto_valor":$("#tel_fijo_new").val(), "perfil":1, "tipo": 1, "subtipo":1});
  471. objSend.push({"num":4, "contacto_id":$("#tel_cel_id").val(), "contacto_valor":$("#tel_cel_new").val(), "perfil":1, "tipo": 1, "subtipo":2});
  472. }
  473. console.log(objSend);
  474. $("#contactos_send").val(JSON.stringify(objSend));
  475. //if(esAdmin){
  476. $("#correo_block").addClass("d-none");
  477. $("#emergencia_block").removeClass("d-none");
  478. changeProgress(4);
  479. /*}else{
  480. $("#sendForm").submit();
  481. }*/
  482. }
  483. });
  484. $("#btn_fin").click(function(){
  485. if(validaEmergencia()){
  486. $("#emergencia_block").addClass("d-none");
  487. objSend=
  488. {"emergencia_nombre":$("#emergencia_nombre").val(), "emergencia_tel":$("#emergencia_tel").val()};
  489. $("#emergencia_send").val(JSON.stringify(objSend));
  490. $("#sendForm").submit();
  491. }
  492. });
  493. $("#acepto").change(function(){
  494. if($(this).prop("checked")){
  495. $("#btn_fin").attr("disabled", false);
  496. }else{
  497. $("#btn_fin").attr("disabled", true);
  498. }
  499. });
  500. });
  501. function validaBusca(){
  502. $(".is-invalid").removeClass("is-invalid");
  503. var ok = true;
  504. if($("#username").val() == ""){
  505. $("#username").addClass("is-invalid");
  506. ok = false;
  507. }
  508. if($("#passwd").val() == ""){
  509. $("#passwd").addClass("is-invalid");
  510. ok = false;
  511. }
  512. return ok;
  513. }
  514. function validaCambios(){
  515. $(".is-invalid").removeClass("is-invalid");
  516. var ok = true;
  517. if($("#nombre_new").val() == ""){
  518. $("#nombre_new").addClass("is-invalid");
  519. ok = false;
  520. }
  521. if($("#apellidos_new").val() == ""){
  522. $("#apellidos_new").addClass("is-invalid");
  523. ok = false;
  524. }
  525. return ok;
  526. }
  527. function validaCorreos(){
  528. $(".is-invalid").removeClass("is-invalid");
  529. if(trim($("#curp_new").val()).length < 16 ){
  530. $("#curp_new").addClass("is-invalid");
  531. return false;
  532. }
  533. if(trim($("#correo1_new").val()) == "" || !validaMail($("#correo1_new").val()) ){
  534. $("#correo1_new").addClass("is-invalid");
  535. $("#feedback1").html("El correo no es válido, revisa que no tenga acentos ni espacios");
  536. return false;
  537. }
  538. if(trim($("#correo2_new").val()) == "" || !validaMail($("#correo2_new").val()) ){
  539. $("#correo2_new").addClass("is-invalid");
  540. $("#feedback2").html("El correo no es válido, revisa que no tenga acentos ni espacios");
  541. return false;
  542. }
  543. if(trim($("#correo1_new").val()).toLowerCase().indexOf('@lasallistas.org.mx') == -1 && trim($("#correo1_new").val()).toLowerCase().indexOf('@lasalle.mx') == -1 ){
  544. $("#correo1_new").addClass("is-invalid");
  545. //$("#correo2_new").addClass("is-invalid");
  546. $("#feedback1").html("Se requiere al menos un correo institucional");
  547. //$("#feedback2").html("Se requiere al menos un correo institucional");
  548. return false;
  549. }
  550. if(trim($("#correo1_new").val().toLowerCase()) == trim($("#correo2_new").val().toLowerCase()) ){
  551. $("#correo2_new").addClass("is-invalid");
  552. $("#feedback2").html("Los correos no pueden ser iguales");
  553. return false;
  554. }
  555. if(esAdmin){
  556. if(trim($("#tel_cel_new").val()) == "" ){
  557. $("#tel_cel_new").addClass("is-invalid");
  558. return false;
  559. }
  560. }
  561. return true;
  562. }
  563. function validaEmergencia(){
  564. $(".is-invalid").removeClass("is-invalid");
  565. var ok = true;
  566. if($("#emergencia_nombre").val() == ""){
  567. $("#emergencia_nombre").addClass("is-invalid");
  568. ok = false;
  569. }
  570. if($("#emergencia_tel").val() == ""){
  571. $("#emergencia_tel").addClass("is-invalid");
  572. ok = false;
  573. }
  574. return ok;
  575. }
  576. function changeProgress(step){
  577. value = step*100/PASOS_MAX;
  578. $('#progreso .progress-bar').css('width', value+'%').attr('aria-valuenow', step);//valuemax
  579. }
  580. function validaMail(email) {
  581. //var patron = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  582. var patron = /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/;
  583. return patron.test(trim(email));
  584. }
  585. </script>
  586. <?php } ?>
  587. </body>
  588. </html>