can add karyawan
This commit is contained in:
kicap1992
60
application/views/home/404.php
Normal file
60
application/views/home/404.php
Normal file
@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<!-- Mirrored from demo.ninjateam.org/html/my-admin/light/page-404.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 03 Jan 2018 03:48:56 GMT -->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title>Home</title>
|
||||
<link rel="stylesheet" href="<?=base_url()?>assets/styles/style.min.css">
|
||||
|
||||
<!-- Waves Effect -->
|
||||
<link rel="stylesheet" href="<?=base_url()?>assets/plugin/waves/waves.min.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="page-404">
|
||||
<div class="content">
|
||||
<div class="title-on-desktop">
|
||||
<svg style="width: 600px; height: 200px" alignment-baseline="middle">
|
||||
<defs>
|
||||
<clipPath id="clip2">
|
||||
<path d="M 0 0 L 600 0 L 600 80 L 0 80 L 0 0 L 0 125 L 600 125 L 600 200 L 0 200 Z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<text x="300" y="190" style="width: 600px; height: 200px" text-anchor="middle" font-family="Lato" font-weight="700" font-size="250" fill="#505458" clip-path="url(#clip2)">4<tspan fill="#35b8e0">0</tspan>4</text>
|
||||
</svg>
|
||||
<div class="title">Halaman Tidak Ditemukan</div>
|
||||
</div>
|
||||
<h1 class="title-on-mobile">Error 404: Halaman Tidak Ditemukan</h1>
|
||||
<p>Sepertinya Anda Mencoba Untuk Memasuki Wilayah Terbatas. Jan Takut Bosku..Aman Itu...Klik Saja <b>"Kembali"</b>...Ndak Da Masalah...HAHAHAHAHAH</p>
|
||||
<button class="btn btn-info" onclick="window.history.back()">Kembali BOSKU</button>
|
||||
|
||||
</div>
|
||||
</div><!--/#single-wrapper -->
|
||||
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="assets/script/html5shiv.min.js"></script>
|
||||
<script src="assets/script/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!--
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="<?=base_url()?>assets/scripts/jquery.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/scripts/modernizr.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/plugin/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/plugin/nprogress/nprogress.js"></script>
|
||||
<script src="<?=base_url()?>assets/plugin/waves/waves.min.js"></script>
|
||||
|
||||
<script src="<?=base_url()?>assets/scripts/main.min.js"></script>
|
||||
</body>
|
||||
|
||||
<!-- Mirrored from demo.ninjateam.org/html/my-admin/light/page-404.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 03 Jan 2018 03:48:56 GMT -->
|
||||
</html>
|
||||
8
application/views/home/footer.php
Normal file
8
application/views/home/footer.php
Normal file
@ -0,0 +1,8 @@
|
||||
<footer class="footer">
|
||||
<ul class="list-inline">
|
||||
<li>2021 © Kicap Karan.</li>
|
||||
<li><a href="#">Privacy</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Help</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
30
application/views/home/head.php
Normal file
30
application/views/home/head.php
Normal file
@ -0,0 +1,30 @@
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title><?=$header?></title>
|
||||
|
||||
<!-- Main Styles -->
|
||||
<link rel="stylesheet" href="<?=base_url()?>/assets/styles/style.min.css">
|
||||
|
||||
<!-- mCustomScrollbar -->
|
||||
<link rel="stylesheet" href="<?=base_url()?>/assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css">
|
||||
|
||||
<!-- Waves Effect -->
|
||||
<link rel="stylesheet" href="<?=base_url()?>/assets/plugin/waves/waves.min.css">
|
||||
|
||||
<link rel="stylesheet" href="<?=base_url()?>/assets/fonts/material-design-iconic-font/css/material-design-iconic-font.min.css">
|
||||
|
||||
<link rel="stylesheet" href="<?=base_url()?>/assets/fonts/fontello/fontello.css">
|
||||
<link rel="stylesheet" href="<?=base_url()?>/assets/fonts/material-design/css/materialdesignicons.css">
|
||||
<!-- Dark Themes -->
|
||||
<!-- <link rel="stylesheet" href="<?=base_url()?>/assets/styles/style-dark.min.css"> -->
|
||||
<link rel="stylesheet" href="<?=base_url()?>/assets/sweet-alert/sweetalert.css">
|
||||
<style type="text/css">
|
||||
.swal-modal .swal-text {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
58
application/views/home/header.php
Normal file
58
application/views/home/header.php
Normal file
@ -0,0 +1,58 @@
|
||||
<div class="main-menu">
|
||||
<header class="header">
|
||||
<a href="<?=base_url()?>home" class="logo">Absensi Karyawan</a>
|
||||
<button type="button" class="button-close fa fa-times js__menu_close"></button>
|
||||
<div class="user">
|
||||
<a href="#" class="avatar"><img src="<?=base_url()?>/assets/images/admin.png" alt=""><span class="status online"></span></a>
|
||||
<h5 class="name"></h5>
|
||||
<h5 class="position"></h5>
|
||||
<!-- /.name -->
|
||||
|
||||
</div>
|
||||
<!-- /.user -->
|
||||
</header>
|
||||
<!-- /.header -->
|
||||
<div class="content">
|
||||
|
||||
<div class="navigation">
|
||||
<h5 class="title">Navigasi</h5>
|
||||
<!-- /.title -->
|
||||
<ul class="menu js__accordion">
|
||||
<li <?php if ($this->uri->segment(2) == ""): ?>class="current"<?php endif ?>>
|
||||
<a class="waves-effect" href="<?=base_url()?>home/"><i class="menu-icon fa fa-home"></i><span>Halaman Utama</span></a>
|
||||
</li>
|
||||
<li <?php if ($this->uri->segment(2) == "karyawan"): ?>class="current"<?php endif ?>>
|
||||
<a class="waves-effect" href="<?=base_url()?>home/karyawan"><i class="menu-icon fa fa-users"></i><span>Halaman Karyawan</span></a>
|
||||
</li>
|
||||
<li <?php if ($this->uri->segment(2) == "laporan"): ?>class="current"<?php endif ?>>
|
||||
<a class="waves-effect" href="<?=base_url()?>home/laporan"><i class="menu-icon zmdi zmdi-storage"></i><span>Laporan Absensi</span></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- /.menu js__accordion -->
|
||||
<h5 class="title">Komponen Lain</h5>
|
||||
<!-- /.title -->
|
||||
<ul class="menu js__accordion">
|
||||
|
||||
<li>
|
||||
<a class="waves-effect" onclick="logout()"><i class="menu-icon icon icon-logout"></i><span>Logout</span></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- /.navigation -->
|
||||
</div>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
<!-- /.main-menu -->
|
||||
|
||||
<div class="fixed-navbar">
|
||||
<div class="pull-left">
|
||||
<button type="button" class="menu-mobile-button glyphicon glyphicon-menu-hamburger js__menu_mobile"></button>
|
||||
<h1 class="page-title"><?=$header?></h1>
|
||||
<!-- /.page-title -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- /.fixed-navbar -->
|
||||
63
application/views/home/index.php
Normal file
63
application/views/home/index.php
Normal file
@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<?php $this->load->view('home/head');?>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php $this->load->view('home/header');?>
|
||||
|
||||
|
||||
<div id="wrapper">
|
||||
<div class="main-content">
|
||||
<div class="row small-spacing">
|
||||
<div class="col-lg-4 col-md-4 col-xs-12">
|
||||
<div class="box-content bg-success text-white">
|
||||
<div class="statistics-box with-icon">
|
||||
<i class="ico small fa fa-users"></i>
|
||||
<p class="text text-white">Jumlah Karyawan</p>
|
||||
<h2 class="counter">??</h2>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.box-content -->
|
||||
</div>
|
||||
<!-- /.col-lg-3 col-md-6 col-xs-12 -->
|
||||
<div class="col-lg-4 col-md-4 col-xs-12">
|
||||
<div class="box-content bg-info text-white">
|
||||
<div class="statistics-box with-icon">
|
||||
<i class="ico small fa fa-dollar"></i>
|
||||
<p class="text text-white">Tanggal</p>
|
||||
<h2 class="counter">??</h2>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.box-content -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-xs-12">
|
||||
<div class="box-content bg-info text-white">
|
||||
<div class="statistics-box with-icon">
|
||||
<i class="ico small fa fa-dollar"></i>
|
||||
<p class="text text-white">Karyawan Bekerja</p>
|
||||
<h2 class="counter">??</h2>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.box-content -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<?php $this->load->view('home/footer');?>
|
||||
|
||||
</div>
|
||||
<!-- /.main-content -->
|
||||
</div><!--/#wrapper -->
|
||||
|
||||
<?php $this->load->view('home/script'); ?>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
264
application/views/home/menu/karyawan.php
Normal file
264
application/views/home/menu/karyawan.php
Normal file
@ -0,0 +1,264 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<?php $this->load->view('home/head');?>
|
||||
|
||||
<link rel="stylesheet" href="<?=base_url()?>assets/plugin/datatables/media/css/dataTables.bootstrap.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php $this->load->view('home/header');?>
|
||||
|
||||
|
||||
<div id="wrapper">
|
||||
<div class="main-content">
|
||||
<div class="row small-spacing">
|
||||
<div class="col-lg-6 col-md-6 col-xs-12">
|
||||
<div class="box-content card">
|
||||
<h4 class="box-title" style="background: #0055FF ;cursor: pointer;" onclick="myFunction('div_tambah_user')">Form Penambahan Karyawan</h4>
|
||||
<!-- /.box-title -->
|
||||
<div class="card-content" style="overflow-x: auto; display: none;" id="div_tambah_user">
|
||||
<form id="sini_form">
|
||||
<div class="form-group">
|
||||
<label for="exampleInputEmail1">NIK Karyawan</label>
|
||||
<input type="text" class="form-control" id="nik_karyawan" name="nik_karyawan" placeholder="Masukkan NIK Karyawan" maxlength="14" onkeypress="return isNumberKey(event)" >
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Nama Karyawan</label>
|
||||
<input type="text" class="form-control" id="nama" name="nama" placeholder="Masukkan Nama">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Tempat Lahir</label>
|
||||
<input type="text" class="form-control" id="tempat_lahir" name="tempat_lahir" placeholder="Masukkan Tempat Lahir">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Tanggal Lahir</label>
|
||||
<input type="date" class="form-control" id="tanggal_lahir" name="tanggal_lahir" title="Masukkan Tanggal Lahir">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Jenis Kelamin</label>
|
||||
<select name="jk" id="jk" class="form-control" title="Pilih Jenis Kelamin">
|
||||
<option value="" disabled selected>-Pilih Jenis Kelamin</option>
|
||||
<option value="Laki-laki">Laki-laki</option>
|
||||
<option value="Perempuan">Perempuan</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Agama</label>
|
||||
<select name="agama" id="agama" class="form-control" title="Pilih Agama">
|
||||
<option value="" disabled selected>-Pilih Agama</option>
|
||||
<option value="Islam">Islam</option>
|
||||
<option value="Kristen Protestan">Kristen Protestan</option>
|
||||
<option value="Katolik">Katolik</option>
|
||||
<option value="Hindu">Hindu</option>
|
||||
<option value="Buddha">Buddha</option>
|
||||
<option value="Khonghucu">Khonghucu</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Status</label>
|
||||
<select name="status" id="status" class="form-control" title="Pilih Status">
|
||||
<option value="" disabled selected>-Pilih Status</option>
|
||||
<option value="Sudah Menikah">Sudah Menikah</option>
|
||||
<option value="Belum Menikah">Belum Menikah</option>
|
||||
<option value="Janda / Duda">Janda / Duda</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Pendidikan</label>
|
||||
<select name="pendidikan" id="pendidikan" class="form-control" title="Pilih Pendidikan">
|
||||
<option value="" disabled selected>-Pilih Pendidikan</option>
|
||||
<option value="SMA">SMA dan sederajatnya</option>
|
||||
<option value="D3">D3 dan Sederajatnya</option>
|
||||
<option value="S1">S1 dan Sederajatnya</option>
|
||||
<option value="S2">S2 dan Sederajatnya</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Alamat</label>
|
||||
<textarea name="alamat" id="alamat" class="form-control" style="resize: none;" placeholder="Masukkan Alamat"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Jabatan</label>
|
||||
<input type="text" class="form-control" id="jabatan" name="jabatan" placeholder="Masukkan Jabatan">
|
||||
</div>
|
||||
|
||||
<center><button type="button" class="btn btn-primary btn-sm waves-effect waves-light" onclick="tambah_karyawan()">Tambah Karyawan</button></center>
|
||||
</form>
|
||||
</div>
|
||||
<!-- /.card-content -->
|
||||
</div>
|
||||
<!-- /.box-content -->
|
||||
</div>
|
||||
<!-- /.col-lg-6 col-xs-12 -->
|
||||
|
||||
<div class="col-lg-6 col-md-6 col-xs-12">
|
||||
<div class="box-content card">
|
||||
<h4 class="box-title" style="background: #0055FF ;cursor: pointer;" onclick="myFunction('div_table_user')">List Karyawan</h4>
|
||||
<!-- /.box-title -->
|
||||
<div class="card-content" style="overflow-x: auto; display: none;" id="div_table_user">
|
||||
<table id="table_list_karyawan" class="table table-striped table-bordered display" style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No</th>
|
||||
<th>NIK</th>
|
||||
<th>Nama</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
</table>
|
||||
<hr>
|
||||
<center><button type="button" class="btn btn-primary btn-sm waves-effect waves-light">Cetak Laporan</button></center>
|
||||
</div>
|
||||
<!-- /.card-content -->
|
||||
</div>
|
||||
<!-- /.box-content -->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<?php $this->load->view('home/footer');?>
|
||||
|
||||
</div>
|
||||
<!-- /.main-content -->
|
||||
</div><!--/#wrapper -->
|
||||
|
||||
<?php $this->load->view('home/script'); ?>
|
||||
|
||||
<script src="<?=base_url()?>assets/plugin/datatables/media/js/jquery.dataTables.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/plugin/datatables/media/js/dataTables.bootstrap.min.js"></script>
|
||||
<script>
|
||||
|
||||
var table;
|
||||
function datatables() {
|
||||
table = $('#table_list_karyawan').DataTable({
|
||||
// "searching": false,
|
||||
"lengthMenu": [ [5, 10, 15, -1], [5, 10, 15, "All"] ],
|
||||
"pageLength": 15,
|
||||
"ordering": true,
|
||||
"processing": true,
|
||||
"serverSide": true,
|
||||
"order": [],
|
||||
|
||||
"ajax": {
|
||||
"url": url+"home/karyawan",
|
||||
"type": "POST",
|
||||
data : {proses : 'table_karyawan'}
|
||||
},
|
||||
|
||||
"columnDefs": [
|
||||
{
|
||||
"targets": [ 0 ],
|
||||
"orderable": false,
|
||||
},
|
||||
],
|
||||
});
|
||||
}
|
||||
|
||||
datatables()
|
||||
|
||||
function tambah_karyawan(){
|
||||
const nik_karyawan = $("#nik_karyawan").val()
|
||||
const nama = $("#nama").val()
|
||||
const tempat_lahir = $("#tempat_lahir").val()
|
||||
const tanggal_lahir = $("#tanggal_lahir").val()
|
||||
const jk = $("#jk").val()
|
||||
const agama = $("#agama").val()
|
||||
const status = $("#status").val()
|
||||
const pendidikan = $("#pendidikan").val()
|
||||
const alamat = $("#alamat").val()
|
||||
const jabatan = $("#jabatan").val()
|
||||
|
||||
if (nik_karyawan == '') {
|
||||
toastnya('NIK Karyawan Harus Terisi')
|
||||
$("#nik_karyawan").focus()
|
||||
}else if (nik_karyawan.length != 14) {
|
||||
toastnya('Panjang NIK Karyawan Harus 14 Karakter')
|
||||
$("#nik_karyawan").focus()
|
||||
}else if (nama == '') {
|
||||
toastnya('Nama Karyawan Harus Terisi')
|
||||
$("#nama").focus()
|
||||
}else if (tempat_lahir == '') {
|
||||
toastnya('Tempat Lahir Karyawan Harus Terisi')
|
||||
$("#tempat_lahir").focus()
|
||||
}else if (tanggal_lahir == '') {
|
||||
toastnya('Tanggal Lahir Karyawan Harus Terisi')
|
||||
$("#tanggal_lahir").focus()
|
||||
}else if (jk == null) {
|
||||
toastnya('Jenis Kelamin Harus Terpilih')
|
||||
$("#jk").focus()
|
||||
}else if (agama == null) {
|
||||
toastnya('Agama Harus Terpilih')
|
||||
$("#agama").focus()
|
||||
}else if (status == null) {
|
||||
toastnya('Status Harus Terpilih')
|
||||
$("#status").focus()
|
||||
}else if (pendidikan == null){
|
||||
toastnya('Pendidikan Harus Terpilih')
|
||||
$("#pendidikan").focus()
|
||||
}else if (alamat == '') {
|
||||
toastnya('Alamat Harus Terisi')
|
||||
$("#alamat").focus()
|
||||
}else if (jabatan == '') {
|
||||
toastnya('Jabatan Harus Terisi')
|
||||
$("#jabatan").focus()
|
||||
}else{
|
||||
console.log('jalanakan')
|
||||
}
|
||||
let data = getFormData($("#sini_form").serializeArray())
|
||||
$.ajax({
|
||||
url: url+"api_server/karyawan",
|
||||
type: 'post',
|
||||
data: {data : data},
|
||||
beforeSend: function(res) {
|
||||
|
||||
block_ui()
|
||||
},
|
||||
success: function (response) {
|
||||
$.unblockUI();
|
||||
console.log(response)
|
||||
// $('#sini_form')[0].reset();
|
||||
// document.getElementById('head_div_pendaftaran_pembeli').click()
|
||||
swal({
|
||||
title : "Sukses",
|
||||
text: "NIK "+nik_karyawan+" suskes didaftar dalam sistem ",
|
||||
icon: "success",
|
||||
buttons: {
|
||||
cancel: false,
|
||||
confirm: true,
|
||||
},
|
||||
timer : 3000
|
||||
// dangerMode: true,
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
||||
// console.log(errorThrown)
|
||||
bad_request(errorThrown,JSON.parse(XMLHttpRequest.responseText).message,'nik_karyawan')
|
||||
$.unblockUI();
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
30
application/views/home/script.php
Normal file
30
application/views/home/script.php
Normal file
@ -0,0 +1,30 @@
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../<?=base_url()?>/assets/script/html5shiv.min.js"></script>
|
||||
<script src="../<?=base_url()?>/assets/script/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!--
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="<?=base_url()?>/assets/scripts/jquery.min.js"></script>
|
||||
<script src="<?=base_url()?>/assets/scripts/modernizr.min.js"></script>
|
||||
<script src="<?=base_url()?>/assets/plugin/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="<?=base_url()?>/assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="<?=base_url()?>/assets/plugin/nprogress/nprogress.js"></script>
|
||||
<script src="<?=base_url()?>/assets/plugin/sweet-alert/sweetalert.min.js"></script>
|
||||
<script src="<?=base_url()?>/assets/plugin/waves/waves.min.js"></script>
|
||||
<!-- Full Screen Plugin -->
|
||||
<script src="<?=base_url()?>/assets/plugin/fullscreen/jquery.fullscreen-min.js"></script>
|
||||
|
||||
|
||||
<script src="<?=base_url()?>/assets/scripts/main.min.js"></script>
|
||||
<script type="text/javascript" src="<?=base_url()?>/assets/js/url.js"></script>
|
||||
<script type="text/javascript" src="<?=base_url()?>/assets/js/main.js"></script>
|
||||
<script src="<?=base_url()?>/assets/sweet-alert/sweetalert.js"></script>
|
||||
<script src="<?=base_url()?>/assets/sweet-alert/toastr/toastr.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/sweet-alert/toastr/toastr.min.css">
|
||||
<script src="<?=base_url()?>/assets/sweet-alert/block/jquery.blockUI.js"></script>
|
||||
<script type="text/javascript">
|
||||
// localStorage.removeItem("level");
|
||||
// localStorage.removeItem("nik");
|
||||
</script>
|
||||
131
application/views/login/index.php
Normal file
131
application/views/login/index.php
Normal file
@ -0,0 +1,131 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title>Aplikasi Absensi Barcode Karyawan</title>
|
||||
<link rel="stylesheet" href="<?=base_url()?>assets/styles/style.min.css">
|
||||
|
||||
<!-- Waves Effect -->
|
||||
<link rel="stylesheet" href="<?=base_url()?>assets/plugin/waves/waves.min.css">
|
||||
|
||||
<link rel="stylesheet" href="<?=base_url()?>assets/sweet-alert/sweetalert.css">
|
||||
<style type="text/css">
|
||||
.swal-modal .swal-text {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="single-wrapper">
|
||||
<form class="frm-single" id="sini_form">
|
||||
<div class="inside">
|
||||
<!-- <div class="title"><strong>Ninja</strong>Admin</div> -->
|
||||
<h4 style="text-align: center;">Halaman <br> <strong>Admin</strong></h4>
|
||||
<!-- /.title -->
|
||||
<div class="frm-title">Login</div>
|
||||
<!-- /.frm-title -->
|
||||
<div class="frm-input"><input type="text" placeholder="Username" class="frm-inp" id="username" name="username"><i class="fa fa-user frm-ico"></i></div>
|
||||
<!-- /.frm-input -->
|
||||
<div class="frm-input"><input type="password" placeholder="Password" class="frm-inp" id="password" name="password"><i class="fa fa-lock frm-ico"></i></div>
|
||||
<!-- /.frm-input -->
|
||||
<!-- /.clearfix -->
|
||||
<button type="button" class="frm-submit" onclick="login()">Login<i class="fa fa-arrow-circle-right"></i></button>
|
||||
|
||||
<!-- <a href="page-register.html" class="a-link"><i class="fa fa-key"></i>New to NinjaAdmin? Register.</a> -->
|
||||
<div class="frm-footer">Kicap Karan © 2021.</div>
|
||||
<!-- /.footer -->
|
||||
</div>
|
||||
<!-- .inside -->
|
||||
</form>
|
||||
<!-- /.frm-single -->
|
||||
</div><!--/#single-wrapper -->
|
||||
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="<?=base_url()?>assets/script/html5shiv.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/script/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!--
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="<?=base_url()?>assets/scripts/jquery.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/scripts/modernizr.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/plugin/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/plugin/nprogress/nprogress.js"></script>
|
||||
<script src="<?=base_url()?>assets/plugin/waves/waves.min.js"></script>
|
||||
|
||||
|
||||
<script src="<?=base_url()?>assets/sweet-alert/sweetalert.js"></script>
|
||||
<script src="<?=base_url()?>assets/sweet-alert/toastr/toastr.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/sweet-alert/toastr/toastr.min.css">
|
||||
<script src="<?=base_url()?>assets/scripts/main.min.js"></script>
|
||||
<script src="<?=base_url()?>assets/sweet-alert/block/jquery.blockUI.js"></script>
|
||||
<script type="text/javascript" src="<?=base_url()?>assets/js/url.js"></script>
|
||||
<script type="text/javascript" src="<?=base_url()?>assets/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
function login(){
|
||||
const username = $("#username").val();
|
||||
const password = $("#password").val();
|
||||
|
||||
if (username == '') {
|
||||
toastnya('Username Harus Terisi');
|
||||
$("#username").focus();
|
||||
}else if (password == '') {
|
||||
toastnya('Password Harus Terisi');
|
||||
$("#password").focus();
|
||||
}else{
|
||||
// console.log('jalankan');
|
||||
let data = $("#sini_form").serializeArray();
|
||||
data = getFormData(data)
|
||||
// console.log(data);
|
||||
|
||||
$.ajax({
|
||||
url: url+"api_server/login",
|
||||
type: 'get',
|
||||
data: data,
|
||||
beforeSend: function(res) {
|
||||
block_ui()
|
||||
},
|
||||
success: function (response) {
|
||||
$.unblockUI();
|
||||
console.log(response)
|
||||
swal({
|
||||
title : "Success",
|
||||
text: "Selamat Kembali",
|
||||
icon: "success",
|
||||
buttons: {
|
||||
cancel: false,
|
||||
confirm: false,
|
||||
},
|
||||
timer : 1500
|
||||
// dangerMode: true,
|
||||
})
|
||||
.then((hehe) =>{
|
||||
window.location.replace(url+'state_')
|
||||
});
|
||||
|
||||
},
|
||||
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
||||
bad_request(errorThrown,JSON.parse(XMLHttpRequest.responseText).message,'username')
|
||||
// console.log(errorThrown)
|
||||
// console.log(JSON.parse(XMLHttpRequest.responseText).message)
|
||||
$.unblockUI();
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user