https://www.depedmisor.online/login.php

Submitted URL:
https://www.depedmisor.online/Redirected
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 65 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 3 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Mr. Kyrden Cyril G. Dacalos">
<meta property="og:site_name" content="DepEd Misamis Oriental Official">
<meta property="og:title" content="DepEd Misamis Oriental Official">
<meta property="og:description" content="DepEd, Division of Misamis Oriental">
<meta name="description" content="DepEd, Division of Misamis Oriental">
<meta name="keywords" content="depedmisor, deped, deped misamis oriental, deped misor">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">



  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>
    DEP-ED MISOR  </title>
  
  <script>

  </script>

  <!-- Google Font: Source Sans Pro -->
  <link rel="shortcut icon" type="image/jpg" href="assets/uploads/530752_DepEd-MisOr-Seal(150x150).png">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&amp;display=fallback">
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
  <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">
  <link rel="stylesheet" href="plugins/toastr/toastr.min.css">

  <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">

  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">

  <link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css">
  <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css">
  <link rel="stylesheet" href="plugins/fullcalendar/main.css">

  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&amp;display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <!-- icheck bootstrap -->
  <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
</head>

<body class="login-page" style="min-height: 711.781px;">
  <div class="login-box">
    <div class="login-logo">
      <img class="" style="max-width:300px;" src="assets/uploads/530752_DepEd-MisOr-Seal(150x150).png" alt="System Digitalization and Optimization">
      <br>
      <a href="#" style="font-family: Arial, Helvetica, sans-serif;">DEPED MISOR <b style=" FONT-WEIGHT:BOLD;">SDO</b></a>
    </div>
    <div class="col-md-12">
      <p class="text-nowrap" style="font-family: Arial, Helvetica, sans-serif;text-align:center;">
        SYSTEM DIGITALIZATION AND OPTIMIZATION
      </p>
    </div>
    <br>
    <!-- /.login-logo -->
    <div class="card">
      <div class="card-body login-card-body" id="logindiv">
        <p class="login-box-msg"><b>Sign in to start your session </b></p><br>

        <form action="#" method="post">
          <div class="input-group mb-3">
            <input type="text" class="form-control" id="username" value="" placeholder="Username">
            <div class="input-group-append">
              <div class="input-group-text">
                <span class="fas fa-user"></span>
              </div>
            </div>
          </div>
          <div class="input-group mb-3">
            <input type="password" class="form-control" id="password" placeholder="Password">
            <div class="input-group-append">
              <div class="input-group-text">
                <span class="fas fa-lock"></span>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-8">
              <div class="icheck-primary">
                <input type="checkbox" id="remember">
                <label for="remember">
                  Remember Me
                </label>
              </div>
            </div>
            <!-- /.col -->
            <div class="col-4">
              <button type="button" class="btn btn-primary btn-block" id="loginbtn" onclick="login()">Sign In</button>
            </div>
            <!-- /.col -->
          </div>
          <div class="row">
            <div class="col-12">
              <p class="mb-1">
                <a href="#" onclick=" $(&quot;#logindiv&quot;).addClass(&quot;d-none&quot;);$(&quot;#forgotpassdiv&quot;).removeClass(&quot;d-none&quot;);"><b>I
                    forgot my password</b></a>
              </p>
            </div>
          </div>

        </form>
      </div>


      <div class="card-body d-none login-card-body" id="forgotpassdiv">
        <p class="login-box-msg">You forgot your password? Here you can easily retrieve a new password.</p>


        <div class="input-group mb-3">
          <input type="email" class="form-control" id="emailforgotpass" placeholder="Email">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-envelope"></span>
            </div>
          </div>
        </div>
        <div class="input-group mb-3">
          <input type="text" class="form-control" id="userforgotusername" placeholder="Username">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-user"></span>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <button type="button" onclick="requestnewpassword();" class="btn btn-primary btn-block">Request new
              password</button>
          </div>
          <!-- /.col -->
        </div>

        <p class="mt-3 mb-1">
          <a href="#" onclick=" $(&quot;#logindiv&quot;).removeClass(&quot;d-none&quot;);$(&quot;#forgotpassdiv&quot;).addClass(&quot;d-none&quot;);"><b>Login</b></a>
        </p>

      </div>



      <div class="card-body d-none login-card-body" id="otpdiv">
        <p class="login-box-msg"><b>Enter OTP sent to your Email: </b></p><br>



        <div class="input-group mb-3">
          <input type="otp" class="form-control" id="otp" placeholder="One Time Password">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-key"></span>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-8">

          </div>
          <!-- /.col -->
          <div class="col-4">
            <button type="button" id="checkotpbtn" class="btn btn-primary btn-block" onclick="checkotp()">Sign
              In</button>
          </div>
          <!-- /.col -->
        </div>

      </div>

      <!-- /.login-card-body -->
    </div>
  </div>



  <div class="modal fade" aria-hidden="true" tabindex="-1" id="modallogin" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Please Enter new Password</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body" id="modalemployeediv">

          <form action="#" method="post">

            <div class="input-group mb-3">
              <input type="password" class="form-control" id="newpassword" placeholder="Password">
              <div class="input-group-append">
                <div class="input-group-text">
                  <span class="fas fa-lock"></span>
                </div>
              </div>
            </div>
            <div class="input-group mb-3">
              <input type="password" class="form-control" id="confirmpassword" placeholder="Password">
              <div class="input-group-append">
                <div class="input-group-text">
                  <span class="fas fa-lock"></span>
                </div>
              </div>
            </div>

          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary btn-block" onclick="resetpassword()" id="changepasswordbtn">Change Password</button>

        </div>
      </div>
    </div>
  </div>


  <!-- /.login-box -->
  <!-- jQuery -->
  <script src="plugins/jquery/jquery.min.js"></script>
  <!-- Bootstrap 4 -->
  <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  <!-- AdminLTE App -->
  <script src="dist/js/adminlte.min.js"></script>
  <!-- jQuery -->
  <script src="plugins/jquery/jquery.min.js"></script>
  <!-- jQuery UI 1.11.4 -->
  <script src="plugins/jquery-ui/jquery-ui.min.js"></script>
  <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
  <script>
    $.widget.bridge('uibutton', $.ui.button)
  </script>
  <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

  <script src="plugins/chart.js/Chart.min.js"></script>

  <script src="plugins/sparklines/sparkline.js"></script>

  <script src="plugins/jqvmap/jquery.vmap.min.js"></script>
  <script src="plugins/jqvmap/maps/jquery.vmap.usa.js"></script>

  <script src="plugins/jquery-knob/jquery.knob.min.js"></script>

  <script src="plugins/moment/moment.min.js"></script>
  <script src="plugins/daterangepicker/daterangepicker.js"></script>

  <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>

  <script src="plugins/summernote/summernote-bs4.min.js"></script>

  <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>

  <script src="dist/js/pages/dashboard.js"></script>
  <script src="plugins/sweetalert2/sweetalert2.js"></script>
  <script src="plugins/toastr/toastr.min.js"></script>
  <script src="assets/tinymce/tinymce.min.js"></script>
  <script src="plugins/dropzone/min/dropzone.min.js"></script>
  <script src="assets/globaljs/global.js"></script>
  <script src="plugins/fullcalendar/main.js"></script>

  <script src="plugins/datatables/jquery.dataTables.js"></script>
  <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
  <script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
  <script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
  <script src="plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
  <script src="plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
  <script src="plugins/jszip/jszip.min.js"></script>
  <script src="plugins/pdfmake/pdfmake.min.js"></script>
  <script src="plugins/pdfmake/vfs_fonts.js"></script>

  <script src="plugins/datatables-buttons/js/buttons.html5.min.js"></script>
  <script src="plugins/datatables-buttons/js/buttons.print.min.js"></script>
  <script src="plugins/datatables-buttons/js/buttons.colVis.min.js"></script>






<script>
  userid = "";
  $("#tableuser").DataTable({
    "responsive": true,
    order: [
      [1, 'desc']
    ],
    "lengthMenu": [10, 25, 50, 75, 100, 200, 500, 1000],
    "autoWidth": false,
    "buttons": [],

  }).buttons().container().appendTo('#tableuser_wrapper .col-md-6:eq(0)');

  // console.log("");


  $("#username").keyup(function () {

    if (event.keyCode === 13) {

      event.preventDefault();
      login();
    }
  });
  $("#password").keyup(function () {
    if (event.keyCode === 13) {

      event.preventDefault();
      login();
    }
  });

  function login() {
    let user = {
      username: $("#username").val(),
      password: $("#password").val(),
      remember: $("#remember").prop("checked")
    };

    for (const property in user) {
      if (user[property] == '' && property != 'remember') {

        showtoast(['0', 'Please fill ' + $("#" + property).attr('placeholder')]);
        return;
      }
    }
    $.ajax({
      type: 'POST',
      url: "globalaction/login.php",
      data: {
        "user": user
      },
      dataType: "Html",
      beforeSend: function () {
        $("#loginbtn").attr("disabled", true);

      },
      success: function (response) {

        response = JSON.parse(response);
        $("#loginbtn").removeAttr("disabled");
        showtoast(response);
        if (response[0] == 1) {
          window.location.href = "index.php";
        }
        if (response[0] == 2) {
          $("#logindiv").addClass("d-none");
          $("#otpdiv").removeClass("d-none");
        }

        if (response[2] == "changepassword") {
          $("#modallogin").modal('toggle');
          userid = response[3];

        }

      },
      error: function (err) {
        console.log(err);
      }
    }).done(function (data) {
      $("#loginbtn").removeAttr("disabled");

    });

  }


  function validateEmail(value) {
    var input = document.createElement('input');

    input.type = 'email';
    input.required = true;
    input.value = value;

    return typeof input.checkValidity === 'function' ? input.checkValidity() : /\S+@\S+\.\S+/.test(value);
  }

  function requestnewpassword() {



    if (validateEmail($("#emailforgotpass").val()) == false) {
      showtoast(['0', 'Invalid Email Address']);
      return;
    }
    if ($("#userforgotusername").val() == "" || $("#userforgotusername").val().length < 1) {
      showtoast(['0', 'Please Enter Username']);
      return;
    }
    let user = {
      email : $("#emailforgotpass").val(),
      username : $("#userforgotusername").val()

    };

    $.ajax({
      type: 'POST',
      url: "globalaction/resetpassword.php",
      data: {
        'user': user
      },
      dataType: "Html",
      beforeSend: function () {
        $("#changepasswordbtn").attr("disabled", true);

      },
      success: function (response) {

        response = JSON.parse(response);
        showtoast(response);
        if (response[0] == 1) {
          $("#logindiv").removeClass("d-none");$("#forgotpassdiv").addClass("d-none");
          
        }

      },
      error: function (err) {
        console.log(err);
      }
    }).done(function (data) {
      $("#changepasswordbtn").attr("disabled", true);

    });

  }

  function checkotp() {

    $.ajax({
      type: 'POST',
      url: "globalaction/checkotp.php",
      data: {
        "otp": $("#otp").val()
      },
      dataType: "Html",
      beforeSend: function () {
        $("#checkotpbtn").attr("disabled", true);
      },
      success: function (response) {
        $("#checkotpbtn").removeAttr("disabled");

        response = JSON.parse(response);
        showtoast(response);
        if (response[0] == 1) {
          window.location.href = "index.php";
        }

      },
      error: function (err) {
        console.log(err);
      }
    }).done(function (data) {

    });

  }

  function resetpassword() {

    if ($("#newpassword").val().length < 5) {
      showtoast(['0', 'Please enter alteast 5 characters.']);
      return;
    }
    if ($("#newpassword").val() != $("#confirmpassword").val()) {
      showtoast(['0', 'Incorrect Password confirmation.']);
      return;
    }
    let user = {

      userid: userid,
      password: $("#newpassword").val()
    };

    $.ajax({
      type: 'POST',
      url: "globalaction/updateuser.php",
      data: {
        'user': user
      },
      dataType: "Html",
      beforeSend: function () {

      },
      success: function (response) {

        response = JSON.parse(response);
        showtoast(response);
        if (response[0] == 1) {
          $("#modallogin").modal('toggle');
          $("#checkotpbtn").removeAttr("disabled");
        }

      },
      error: function (err) {
        console.log(err);
      }
    }).done(function (data) {
      // do stuff
    });

  }
</script>


</body></html>