/app/modules/login/views/login_view.php
PHP | 272 lines | 262 code | 10 blank | 0 comment | 5 complexity | eaf2515b79e6a7c9a96ca751fac2a4e8 MD5 | raw file
- <!DOCTYPE html>
- <html>
- <head>
- <title>Sistem Informasi Penggajian Universitas Proklamasi 45</title>
- <meta charset="utf-8"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <link rel="icon" href="<?php echo base_url()."favicon.ico"; ?>" type="image/x-icon" />
- <link rel="shortcut icon" href="<?php echo base_url()."favicon.ico"; ?>" type="image/x-icon" />
- <link rel="stylesheet" type="text/css" href="<?php echo base_url()."assets/frontend/bootstrap/css/bootstrap.min.css"; ?>" media="screen" />
- <link rel="stylesheet" type="text/css" href="<?php echo base_url()."assets/frontend/style/css/ionicons.min.css";?>">
- <link rel="stylesheet" type="text/css" href="<?php echo base_url()."assets/frontend/style/css/login.css"; ?>" media="screen" />
- <link rel="stylesheet" type="text/css" href="<?php echo base_url()."assets/frontend/style/css/color.css"; ?>" />
- <style type="text/css">
- .field-icon {
- color: black;
- float: right;
- font-size: 20px;
- margin-top: -30px;
- margin-right: 10px;
- position: relative;
- z-index: 9999;
- }
- </style>
- <script src="<?php echo base_url().'assets/frontend/jquery/jquery.min.js'; ?>"></script>
- <script src="<?php echo base_url().'assets/frontend/bootstrap/js/bootstrap.min.js'; ?>"></script>
- <script src="<?php echo base_url().'assets/frontend/style/js/sweetalert2.min.js'; ?>"></script>
- <script src="<?php echo base_url().'assets/frontend/style/js/login.js'; ?>"></script>
- </head>
- <body id="login">
- <div class="container">
- <div class="content">
- <div class="row justify-content-center">
- <div class="col-md-7 col-sm-12">
- <div class="content-logo">
- <center>
- <img src="<?=base_url()?>assets/frontend/style/img/logo/logo.png" class="img-responsive">
- </center>
- </div>
- <div class="content-title">
- <div class="">
- <h1 class="title">Sistem Informasi Penggajian<br>Universitas Proklamasi 45</h1>
- </div>
- </div>
- <div class="content-copyright copyright-big">
- <p>© 2018 Universitas Prokalamasi 45</p>
- </div>
- </div>
- <div class="col-md-5 col-sm-7">
- <div id="action-box">
- <div class="action-section login-section">
- <form method="POST" action="<?=base_url()?>login/open_login">
- <div class="login-box">
- <div class="login-title">
- <h3>Login Sistem</h3>
- </div>
- <div class="panel-body">
- <div class="form-group">
- <label>Pilih Level</label>
- <select class="form-control" name="level" required="">
- <option selected="" disabled="">Pilih</option>
- <option value="karyawan">Karyawan</option>
- <option value="SDM">SDM</option>
- <option value="AKD">Akademik</option>
- <option value="KEU">Keuangan</option>
- <option value="REK">Pimpinan</option>
- </select>
- </div>
- <div class="form-group">
- <label for="username">Username</label>
- <div class="input-group">
- <div class="input-group-addon"><i class="icon ion-person" style="font-size: 18px;"></i></div>
- <input type="text" class="form-control" name="username" id="username" placeholder="Username" autocomplete="off" required="" />
- </div>
- </div>
- <div class="form-group">
- <label for="password">Password</label>
- <div class="input-group">
- <div class="input-group-addon"><i class="icon ion-locked" style="font-size: 18px;"></i></div>
- <input type="password" class="form-control" name="password" id="password-field" placeholder="Password" autocomplete="off" required="" />
- <span toggle="#password-field" class="icon ion-eye field-icon toggle-password"></span>
- </div>
- </div>
- <?php if((isset($flash_message) and !empty($flash_message)) or($this->session->flashdata('login_message'))): ?>
- <div class="alert alert-danger alert-dismissible" role="alert">
- <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
- <?php echo $this->session->flashdata('login_message'); ?>
- </div>
- <?php endif; ?>
- <div class="form-group">
- <div class="">
- <button class="btn blue darken-2 z-depth-1 login-btn" type="submit">Login <span class="navicon-right"><i class="icon ion-log-in"></i></span></button>
- </div>
- <div>
- <a class="white-text activate-section" href="#" data-section="forgot-section">Lupa Password ?</a>
- <a class="white-text activate-section" href="#" data-section="aktivasi-section" style="float: right;">Aktivasi Akun</a>
- </div>
- </div>
- </div>
- </div>
- </form>
- </div>
- <div class="action-section forgot-section">
- <form method="POST" action="<?=base_url()?>login/forget_password/submit">
- <div class="login-box">
- <div class="login-title">
- <h3>Lupa Password</h3>
- </div>
- <div class="panel-body">
- <div class="form-group">
- <label for="email">Alamat Email</label>
- <div class="input-group">
- <div class="input-group-addon"><i class="icon ion-email" style="font-size: 18px;"></i></div>
- <input type="text" class="form-control" name="email" id="email" placeholder="Masukan Email Anda" autocomplete="off" required="" />
- </div>
- </div>
-
- <div class="form-group">
- <button class="btn blue darken-2 z-depth-1 login-btn" type="submit">Reset Password <span class="navicon-right"><i class="icon ion-unlocked"></i></span></button>
- </div>
- <div class="form-group">
- <div class="alert alert-danger alert-dismissible text-center" role="alert">
- Reset token hanya berlaku 24 jam
- </div>
- <div>
- <a class="white-text activate-section" href="#" data-section="login-section">Login</a>
- </div>
- </div>
- </div>
- </div>
- </form>
- </div>
- <div class="action-section aktivasi-section">
- <form method="POST" action="<?=base_url()?>login/aktivasi/submit">
- <div class="login-box">
- <div class="login-title">
- <h3>Aktivasi Akun</h3>
- </div>
- <div class="panel-body">
- <div class="form-group">
- <label for="nip">NIP Pegawai</label>
- <div class="input-group">
- <div class="input-group-addon"><i class="icon ion-person" style="font-size: 18px;"></i></div>
- <input type="text" class="form-control" name="nip" id="nip" placeholder="Masukan NIP Anda" autocomplete="off" required="" />
- </div>
- </div>
- <div class="form-group">
- <div class="input-group">
- <div class="input-group-addon"><button type="button" id="btn_cek" class="btn btn-sm btn-success">Cek</button></div>
- <input type="text" class="form-control" name="nama" id="nama" placeholder="Nama Anda" readonly="" />
- </div>
- </div>
- <div class="form-group">
- <input type="hidden" name="nip_pegawai" id="nip_pegawai">
- <label for="email_pegawai">Alamat Email Anda</label>
- <div class="input-group">
- <div class="input-group-addon"><i class="icon ion-ios-email" style="font-size: 18px;"></i></div>
- <input type="email" class="form-control" name="email_pegawai" id="email_pegawai" placeholder="Masukan Email Anda" autocomplete="off" required="" />
- </div>
- </div>
-
- <div class="form-group">
- <button id="btn_aktivasi" class="btn red darken-2 z-depth-1 login-btn" type="submit" disabled="">Aktivasi Akun <span class="navicon-right"><i class="icon ion-unlocked"></i></span></button>
- </div>
- <div class="form-group">
- <div class="text-center">
- <a href="#" class="btn btn-sm btn-success" data-toggle="modal" data-target="#ModalPanduan">Panduan Aktivasi Akun</a>
- </div>
- <div>
- <a class="white-text activate-section" href="#" data-section="login-section">Login</a>
- </div>
- </div>
- </div>
- </div>
- </form>
- </div>
- </div>
- <br>
- <div class="copyright-wrapper">
- <div class="content-copyright copyright-small">
- <p>© 2018 Universitas Prokalamasi 45</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal fade bs-example-modal-md" id="ModalPanduan" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-md">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
- </button>
- <h4 class="modal-title" id="myModalLabel">Panduan Aktivasi Akun</h4>
- </div>
- <div class="modal-body">
- <div class="row">
- <div class="col-md-12">
- <h5>Panduan Aktivasi:</h5>
- <ul>
- <li>Masukkan NIP Anda. Abaikan tanda titik ( . ) dan tanda garis miring ( / ) pada NIP jika ada.</li>
- <li>Tekan tombol <strong>Cek</strong>, dan sistem akan melakukan pengecekan apakah NIP yang Anda masukkan valid.</li>
- <li>Apabila NIP valid, tombol <strong>Aktivasi Akun</strong> akan berubah menjadi warna biru.</li>
- <li>Masukkan alamat email Anda yang valid.</li>
- <li>Tekan tombol <strong>Aktivasi Akun</strong>, dan sistem akan memproses permintaan Anda.</li>
- <li>Apabila email Anda valid, maka sistem akan mengirimkan email kepada Anda. Silakan cek kotak masuk email Anda.</li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- (function ($) {
- "use strict";
- var actionBox = $('#action-box'),
- modalSections = actionBox.find('.action-section');
- $('.activate-section').on('click', function (event) {
- var targetSection = $(this).data('section');
- modalSections.slideUp();
- actionBox.find('.' + targetSection).slideDown();
- event.preventDefault();
- });
- })(jQuery);
- $(".toggle-password").click(function() {
- $(this).toggleClass("ion-eye ion-eye-disabled");
- var input = $($(this).attr("toggle"));
- if (input.attr("type") == "password") {
- input.attr("type", "text");
- } else {
- input.attr("type", "password");
- }
- });
- $('#btn_cek').click(function(e){
- var nip = $('#nip').val();
- $.ajax({
- type : "POST",
- url : "<?php echo ajaxpublic_url()?>get_pegawai_by_nip",
- dataType : "json",
- data : {nip:nip},
- beforeSend: function(){
- $("#nama").val("");
- },
- success: function(response){
- if (response[0].code==200) {
- $("#nama").val(response[0].nama);
- $("#nip_pegawai").val(response[0].nip);
- $("#btn_aktivasi").removeClass('red').addClass('blue');
- document.getElementById("btn_aktivasi").disabled = false;
- }
- else{
- $("#nama").val("NIP Tidak Valid");
- $("#btn_aktivasi").removeClass('blue').addClass('red');
- document.getElementById("btn_aktivasi").disabled = true;
- }
- }
- });
- e.preventDefault();
- });
- </script>
- </body>
- </html>