https://catedraticos.uth.hn/login.php

1<!DOCTYPE html>
2<html lang="es">
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <link rel="shortcut icon" type="image/x-icon" href="img/uth.ico"/>
8    <title>Calificador de Catedraticos UTH</title>
9
10    <!-- Bootstrap -->
11    <link href="css/bootstrap.min.css" rel="stylesheet">
12    <link rel="stylesheet" href="css/toast.css">
13    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
14    <link href="fonts/KaushanScript-Regular.ttf">
15    <link rel="stylesheet" href="css/estilo.css">
16    <link href="css/dataTables.bootstrap.min.css" rel="stylesheet">
17    <link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
18    <link href="js/jtree/dist/themes/default/style.css" rel="stylesheet">
19    

19<script src="js/encrypt.js"></script>

19
20    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
21
22    <!-- Tabulator -->
23<!--    <link href="dist/css/tabulator.min.css" rel="stylesheet">-->
24    <link href="dist/css/materialize/tabulator_materialize.min.css?1790860106" rel="stylesheet">
25
26    <!--fuentes-->
27    <link href="https://fonts.googleapis.com/css?family=Lato:300|Roboto+Slab:700" rel="stylesheet">
28    <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
29
30    <style>
31        /*table.dataTable th.focus,table.dataTable td.focus{outline:3px solid #3366FF;outline-offset:-1px}*/
32        .panel-default > .panel-heading {
33            color: #212121;
34            background-color: #FFD740;
35            border-color: #FFD740;
36            border: none;
37            box-shadow: none;
38            border-radius: 0;
39        }
40
41        nav {
42            border: none !important;
43        }
44
45     
46
47    </style>
48    

48<script>
49        var TiempoVidaSesion = 30; //minutos
50        var _idleSecondsCounter = 0;
51        document.onclick = function () {
52            _idleSecondsCounter = 0;
53        };
54
55        window.setInterval(CheckIdleTime, 60 * 1000); //comprobacion cada minuto
56
57        function CheckIdleTime() {
58            _idleSecondsCounter++;
59
60            if (_idleSecondsCounter >= TiempoVidaSesion) {
61                document.title = "Sesión ha expirado";
62                document.location.href = "logout.php";
63            }
64        }
65
66        function alto() {
67            return document.documentElement.offsetHeight;
68        }
69
70        console.log('%c CUIDADO!', 'font-weight: bold; font-size: 60px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)');
71        console.log("%c Esta función del navegador está pensada para desarrolladores. Si alguien te indicó que copiaras y pegaras algo aquí para habilitar una función o para 'hackear' la cuenta de alguien, se trata de un fraude. Si lo haces, esta persona podrá acceder a tu cuenta.","font-size:14pt;");
72        console.log("%c IP publica:81.16.3.32","font-size:14pt;");
73    </script>

73
74</head>
75<body class="CoverImage " background="img/campus/001.jpg">
76<div style="z-index: 5000 !important;" id="snackbar"></div>
77
78<nav style="background-color: #79B82E" class="navbar navbar-default navbar-static-top col-sm-12">
79    <div class="row container col-sm-12">
80        <div  class="col-sm-10">
81            <h1 style="color: #FFF;" class="pull-left roboto"><i class="fa fa-pencil-square-o"></i> Portal de
82                Catedraticos
83            </h1>
84        </div>
85
86        
87        
88
89        <div class="col-sm-2">
90            <div class="pull-right ">
91                <img src="img/logo-pie-blanco.png" style="height: 58px;" alt="UTH">
92            </div>
93        </div>
94
95    </div>
96
97</nav>
98
99<div style="z-index: 10000 !important;" class="modal fade" id="loading" role="dialog">
100    <div class="modal-dialog modal-sm">
101        <div style="padding: 20px" class="modal-content">
102            <div class="loader"></div>
103        </div>
104    </div>
105</div>
106
107<!-- inicio de container body-->
108
109<style>
110    #btnEntrar:hover {
111        background-color: #31A6B1 !important;
112        color: white;
113    }
114</style>
115<!--inicio de la modal de reestablecer password-->
116<div class="modal fade" id="recuperar_password_modal" role="dialog">
117    <div class="modal-dialog">
118        <div class="modal-content">
119            <div class="modal-header">
120                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
121                <h4 class="modal-title" id="modalRecuperarPass">Recuperar contraseña</h4>
122            </div>
123
124
125            <div class="modal-body">
126                <mark>
127                    Nota: Debe ingresar su correo de docente.
128                </mark>
129                <div class="row">
130                    <div class="col-xs-8 col-sm-8 col-md-8 login-box">
131                        <div class="form-group">
132                            <div class="input-group">
133                                <div class="input-group-addon"><span class="glyphicon glyphicon-send"></span></div>
134                                <input type="text" name="email" class="form-control" placeholder="Correo electrónico"
135                                       aria-describedby="basic-addon2">
136                            <!--    <span class="input-group-addon" id="basic-addon2">@uth.hn</span> -->
137                            </div>
138                        </div>
139                    </div>
140                </div>
141
142                <mark>
143                    Nota: solo se enviará correo de recuperación al correo institucional, si no tiene activo uno,
144                    diríjase a sala de catedráticos para que hagan la gestión de habilitárselo
145                </mark>
146
147            </div>
148
149            <div class="modal-footer">
150                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
151                <a onclick="ResetPassword();" class="btn btn-success btn-ok">Enviar correo</a>
152            </div>
153        </div>
154    </div>
155</div>
156<!--fin de la modal de reestablecer password-->
157<div class="container">
158    <div class="row">
159        <div class="col-sm-6 col-md-4 col-md-offset-4">
160            <div class="panel" style="border: none!important;">
161                <div class="panel-heading" style="background-color: #79B82E  !important;">
162                    <strong style="color: white"> Iniciar sesión</strong>
163                </div>
164                <div class="panel-body">
165                    <fieldset>
166                        <div class="row">
167                            <div class="text-center">
168                                <p style="margin-bottom: 10px; text-align: center; font-family: 'Kaushan Script', cursive; color: olive; font-size: 42pt;">
169                                    <span style="color: #3c851a">e</span>-Campus</p>
170
171                                <p style="margin-bottom: 10px; text-align: center; font-family: 'Kaushan Script', cursive; color: olive; font-size: 22pt;"
172                                >Catedraticos</p>
173                            </div>
174                        </div>
175                        <div class="row">
176                            <div class="col-sm-12 col-md-10  col-md-offset-1 ">
177                                <div class="form-group">
178                                    <div class="input-group">
179												<span class="input-group-addon">
180													<i class="glyphicon glyphicon-user"></i>
181												</span>
182                                        <input class="form-control" required="required"
183                                               placeholder="Usuario"
184                                               name="usuario" type="text"
185                                               autofocus>
186                                    </div>
187                                </div>
188                                <div class="form-group">
189                                    <div class="input-group">
190												<span class="input-group-addon">
191													<i class="glyphicon glyphicon-lock"></i>
192												</span>
193                                        <input class="form-control" required="required" placeholder="Password"
194                                               name="password"
195                                               type="password">
196                                    </div>
197                                </div>
198                                <div class="form-group">

199                                    <input id="btnEntrar" onclick="login();" type="submit"
200                                           style="background: #22C0CB;color:#FFF;border: 0"
201                                           class="btn btn-lg btn-block btn-success"
202                                           value="Entrar">
203                                </div>
204                            </div>
205                        </div>
206                    </fieldset>
207                </div>
208                <div class="panel-footer ">
209                    ¿Olvidó su contraseña? <a href="#" data-toggle="modal" data-target="#recuperar_password_modal">
210                        Recuperar aqui </a>
211                </div>
212            </div>
213        </div>
214    </div>
215</div>
216<!-- fin de container body-->
217
218<!-- JQuery (necesario para los plugins JavaScript de Bootstrap) -->

219<script src="js/jquery.min.js"></script>

219
220
221<!-- Incluir todos los archivos javascript necesarios despues de jqury -->

222<script src="js/bootstrap.min.js"></script>

222

223<script src="js/jquery.dataTables.min.js"></script>

223

224<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

224

225<script src="js/dataTables.bootstrap.min.js"></script>

225

226<script src="js/dataTables.keyTable.min.js"></script>

226

227<script src="js/jtree/dist/jstree.min.js"></script>

227

228<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>

228
229

230<script>
231
232    $(function () {
233        $('#loading').modal({
234            show: false,
235            backdrop: 'static',
236            keyboard: false  // to prevent closing with Esc button (if you want this too)
237        })
238    });
239
240    function msgbox(text) {
241        var x = document.getElementById("snackbar");
242        x.innerHTML = text;
243        x.className = "show";
244        setTimeout(function () {
245            x.className = x.className.replace("show", "");
246        }, 2000);
247    }
248
249</script>

249
250</body>
251</html>

252<script>
253
254    $(function () {
255    });
256
257    var input = document.querySelector("[name=password]");
258
259    input.addEventListener("keyup", function(event) {
260        event.preventDefault();
261        if (event.keyCode === 13) {
262            login();
263        }
264    });
265
266    function login() {
267
268        if ($("input[name=usuario]").val().length === 0)
269            return;
270
271        var formData = {
272            "tipo": "login",
273            "usuario": $("input[name=usuario]").val().trim(),
274            "password": $("input[name=password]").val()
275        };
276
277        console.log(formData);
278
279        $.ajax({
280            type: 'POST',
281            url: 'dsLoginCatedratico.php',
282            data: formData,
283            dataType: 'json',
284            encode: true,
285            beforeSend: function () {
286                $('#loading').modal('show');
287            }
288        }).done(function (data) {
289            $('#loading').modal('hide');
290            if (data.success === true) {
291                window.location.href = 'index.php';
292            }
293            else {
294                var x = document.getElementById("snackbar");
295                if (data.response[0] === 1) {
296
297                    x.innerHTML = data.response[1];
298                    x.className = "show";
299                    setTimeout(function () {
300                        x.className = x.className.replace("show", "");
301                    }, 2000);
302                } else if (data.response[0] === 2) {
303                    window.location.href = 'setPassword2.php';
304                }
305            }
306        }).fail(function (jqXHR, textStatus) {
307            $('#loading').modal('hide');
308            var x = document.getElementById("snackbar");
309            //console.log(data);
310            x.innerHTML = textStatus;
311            x.className = "show";
312            setTimeout(function () {
313                x.className = x.className.replace("show", "");
314            }, 2000);
315        });
316    }
317
318    function ResetPassword() {
319
320        if ($("input[name=email]").val().length === 0)
321            return;
322
323        var formData = {
324            "email": $("input[name=email]").val()
325        };
326
327        $.ajax({
328            type: 'GET',
329            url: 'EnviarEmail.php',
330            data: formData,
331            dataType: 'json',
332            encode: true,
333            beforeSend: function () {
334                $('#loading').modal('show');
335            }
336        }).done(function (data) {
337            $('#loading').modal('hide');
338
339            var x = document.getElementById("snackbar");
340            x.innerHTML = data.response[0].message;
341            x.className = "show";
342            setTimeout(function () {
343                x.className = x.className.replace("show", "");
344            }, 2000);
345
346        }).fail(function (jqXHR, textStatus) {
347            $('#loading').modal('hide');
348            var x = document.getElementById("snackbar");
349            x.innerHTML = "Ocurrio un problema, intentelo mas tarde";
350            x.className = "show";
351            setTimeout(function () {
352                x.className = x.className.replace("show", "");
353            }, 2000);
354        });
355
356    }
357</script>

357
358
359
360