copy dari repo om Irfan
This commit is contained in:
@@ -0,0 +1,765 @@
|
||||
<!doctype html>
|
||||
<html class="fixed sidebar-left-collapsed">
|
||||
|
||||
<head>
|
||||
|
||||
<!-- Basic -->
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>DASHBOARD</title>
|
||||
<meta name="keywords" content="HTML5 Admin Template" />
|
||||
<meta name="description" content="JSOFT Admin - Responsive HTML5 Template">
|
||||
<meta name="author" content="JSOFT.net">
|
||||
<link rel="icon" type="image/png" href="<?php echo base_url('')?>assets/images/logoPcmBaru3.png" />
|
||||
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
|
||||
<!-- Vendor CSS -->
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/font-awesome/css/font-awesome.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/magnific-popup/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/fullcalendar/fullcalendar.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/fullcalendar/fullcalendar.print.css" media="print" />
|
||||
|
||||
<!-- Specific Page Vendor CSS -->
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/select2/select2.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-datatables-bs3/assets/css/datatables.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/morris/morris.css" />
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/pnotify/pnotify.custom.css" />
|
||||
|
||||
<!-- Theme CSS -->
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme.css" />
|
||||
|
||||
<!-- Skin CSS -->
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/skins/default.css" />
|
||||
|
||||
<!-- Theme Custom CSS -->
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme-custom.css">
|
||||
|
||||
<!-- Head Libs -->
|
||||
<script src="<?php echo base_url('') ?>assets/vendor/modernizr/modernizr.js"></script>
|
||||
|
||||
<style>
|
||||
#blink {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
tr {
|
||||
height: 55px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Create a two-column layout */
|
||||
.column {
|
||||
float: left;
|
||||
width: 33%;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/* Clearfix (clear floats) */
|
||||
.row::after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.f18 {
|
||||
font-size: 18px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<script src="<?= base_url() ?>assets/bower_components/jquery/jquery-3.3.1.min.js"></script>
|
||||
<script src="<?= base_url() ?>assets/bower_components/sweetalert2/sweetalert2.all.min.js"></script>
|
||||
|
||||
<body>
|
||||
<section class="body">
|
||||
|
||||
<!-- start: header -->
|
||||
<?php $this->load->view('template/header'); ?>
|
||||
<!-- end: header -->
|
||||
|
||||
<div class="inner-wrapper">
|
||||
<!-- start: sidebar -->
|
||||
<?php $this->load->view('template/sidebar'); ?>
|
||||
<!-- end: sidebar -->
|
||||
|
||||
<section role="main" class="content-body">
|
||||
<header class="page-header">
|
||||
<h2><b>ABSENSI</b> | <b style="color:Yellow"><?=date('d/m/Y')?></b></h2>
|
||||
<div class="right-wrapper pull-right">
|
||||
<ol class="breadcrumbs">
|
||||
<li><span><b style="color:Gold">Master Data </span></b></li>
|
||||
</ol>
|
||||
|
||||
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
|
||||
</div>
|
||||
</header>
|
||||
<section class="panel panel-featured panel-featured-dark">
|
||||
<header class="panel-heading">
|
||||
<div class="panel-actions">
|
||||
<a onclick="closeTab()" class="text-dark"><b>Tutup Tab </b><i class="fa fa-times"></i></a>
|
||||
</div>
|
||||
<h2 class="panel-title"><b style="color:Black">DATA ABSENSI</b></h2>
|
||||
</header>
|
||||
<div class="panel-body">
|
||||
<div class="panel-group" id="accordion">
|
||||
<div class="panel panel-accordion">
|
||||
<header class="panel-heading">
|
||||
<h2 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
|
||||
<b class="f18" style="color:Green"><b style="color:Black">[1]</b> PENGAJUAN CUTI | <u id="totKarCuti" style="color:DarkRed">0</u> KARYAWAN</b>
|
||||
</a>
|
||||
</h2>
|
||||
</header>
|
||||
<div id="collapseOne" class="accordion-body collapse">
|
||||
<div class="panel-body">
|
||||
<table class="table table-bordered table-striped mb-none">
|
||||
<thead>
|
||||
<th class="center default">No</th>
|
||||
<th class="default">Nama</th>
|
||||
<th class="center default">Jumlah</th>
|
||||
<th class="default">Pengajuan Cuti</th>
|
||||
</thead>
|
||||
<tbody id="isiTabelCuti"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-accordion">
|
||||
<header class="panel-heading">
|
||||
<h2 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
|
||||
<b class="f18" style="color:Green"><b style="color:Black">[2]</b> PENGAJUAN IZIN | <u id="totKarIzin" style="color:DarkRed">0</u> KARYAWAN</b>
|
||||
</a>
|
||||
</h2>
|
||||
</header>
|
||||
<div id="collapseTwo" class="accordion-body collapse">
|
||||
<div class="panel-body">
|
||||
<table class="table table-bordered table-striped mb-none">
|
||||
<thead>
|
||||
<th class="center default">No</th>
|
||||
<th class="default">Nama</th>
|
||||
<th class="default">Pengajuan Izin</th>
|
||||
<th class="default">Mulai</th>
|
||||
<th class="default">Selesai</th>
|
||||
<th class="default">Keterangan</th>
|
||||
</thead>
|
||||
<tbody id="isiTabelIzin"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-accordion">
|
||||
<header class="panel-heading">
|
||||
<h2 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
|
||||
<b class="f18" style="color:Green"><b style="color:Black">[3]</b> ABSENSI HARI INI</b>
|
||||
</a>
|
||||
</h2>
|
||||
</header>
|
||||
<div id="collapseThree" class="accordion-body collapse in">
|
||||
<div class="panel-body">
|
||||
<?php if ($id_karyawan==1) { ?>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalTambah" onclick="isiDataTambahAbsensi()"><b>Tambah Data</b> <i class="fa fa-plus-circle"></i></button>
|
||||
</div>
|
||||
<br><br>
|
||||
<?php } ?>
|
||||
<div class="column">
|
||||
<table class="table table-bordered table-striped mb-none">
|
||||
<thead>
|
||||
<th class="center default">No</th>
|
||||
<th class="default">Nama</th>
|
||||
<th class="default">Status</th>
|
||||
</thead>
|
||||
<tbody id="isiTabelAbsensi1"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="column">
|
||||
<table class="table table-bordered table-striped mb-none">
|
||||
<thead>
|
||||
<th class="center default">No</th>
|
||||
<th class="default">Nama</th>
|
||||
<th class="default">Status</th>
|
||||
</thead>
|
||||
<tbody id="isiTabelAbsensi2"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="column">
|
||||
<table class="table table-bordered table-striped mb-none">
|
||||
<thead>
|
||||
<th class="center default">No</th>
|
||||
<th class="default">Nama</th>
|
||||
<th class="default">Status</th>
|
||||
</thead>
|
||||
<tbody id="isiTabelAbsensi3"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end: page -->
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div id="modalTambah" class="modal fade" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<header class="panel-heading">
|
||||
<h4 class="panel-title"><b>Tambah Data </b><b class="text-danger">[Warna Merah harus diisi]</b></h4>
|
||||
</header>
|
||||
<div class="modal-body ">
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-2"><b class="text-danger">Tanggal</b></div>
|
||||
<div class="col-md-10">
|
||||
<input type="date" name="tgl_absensinew" id="tgl_absensinew" class="form-control" value="<?=$tgl?>" required>
|
||||
<small class="help-block"></small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-2"><b class="text-danger">Karyawan</b></div>
|
||||
<div class="col-md-10">
|
||||
<select data-plugin-selectTwo name="id_karyawannew" id="id_karyawannew" class="form-control populate" required>
|
||||
<option value="" selected>Pilih Karyawan</option>
|
||||
<?php if (is_array($karyawan) || is_object($karyawan)) {
|
||||
foreach ($karyawan as $key) { ?>
|
||||
<option value="<?= $key['ID_KARYAWAN'] ?>" ><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?></option>
|
||||
<?php }
|
||||
} ?>
|
||||
</select>
|
||||
<small class="help-block"></small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-2"><b class="text-danger">Status</b></div>
|
||||
<div class="col-md-10">
|
||||
<select data-plugin-selectTwo name="status_absensinew" id="status_absensinew" onchange="bukaAbsensi(value)" class="form-control populate" required>
|
||||
<option value="" selected>Pilih Status</option>
|
||||
<option value="1">ONTIME</option>
|
||||
<option value="2">TERLAMBAT</option>
|
||||
<option value="3">CUTI MENDADAK</option>
|
||||
<option value="4">SAKIT</option>
|
||||
</select>
|
||||
<small class="help-block"></small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-2"><b class="text-danger">Masuk</b></div>
|
||||
<div class="col-md-10">
|
||||
<input disabled type="time" name="jam_masuknew" id="jam_masuknew" class="form-control" required>
|
||||
<small class="help-block"></small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<footer class="panel-footer">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-right">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
|
||||
<button type="button" name="SubmitButton" id="SubmitButton" class="btn btn-success" onclick="tambahAbsensi()"><b>Tambah</b> <i class="fa fa-plus-circle"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$this->load->view('template/sidebar_right');
|
||||
$this->load->view('template/script_vendor');
|
||||
$this->load->view('template/script_flashdata');
|
||||
$this->load->view('template/notification');
|
||||
?>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
var baris = '';
|
||||
baris += '<tr>';
|
||||
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Tomato">Memuat Data...</b></i></h5></td>';
|
||||
baris += '</tr>';
|
||||
$('#isiTabelCuti').html(baris);
|
||||
$('#isiTabelIzin').html(baris);
|
||||
$('#isiTabelAbsensi1').html(baris);
|
||||
$('#isiTabelAbsensi2').html(baris);
|
||||
$('#isiTabelAbsensi3').html(baris);
|
||||
|
||||
tampilkanDataAbsensi();
|
||||
tampilkanDataCuti();
|
||||
tampilkanDataIzin();
|
||||
|
||||
otmAll();
|
||||
});
|
||||
|
||||
function closeTab() {
|
||||
window.close();
|
||||
}
|
||||
|
||||
function bukaAbsensi(id) {
|
||||
var jam_masuk = "<?=$jam_masuk?>";
|
||||
if (id!="") {
|
||||
if (id==1 || id==2) {
|
||||
document.getElementById("jam_masuknew").disabled = false;
|
||||
document.getElementById("jam_masuknew").value = jam_masuk;
|
||||
} else {
|
||||
document.getElementById("jam_masuknew").disabled = true;
|
||||
document.getElementById("jam_masuknew").value = null;
|
||||
}
|
||||
} else {
|
||||
document.getElementById("jam_masuknew").disabled = true;
|
||||
document.getElementById("jam_masuknew").value = null;
|
||||
}
|
||||
}
|
||||
|
||||
function otmAll() {
|
||||
setInterval(function() {
|
||||
tampilkanDataAbsensi();
|
||||
tampilkanDataCuti();
|
||||
tampilkanDataIzin();
|
||||
}, 10000);
|
||||
}
|
||||
|
||||
function tampilkanDataAbsensi() {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: '[]',
|
||||
url: '<?= base_url('') ?>index.php/Menu/DA_Ambil_Sub0_DataAbsensi',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
JUMLAH = response.total;
|
||||
coloum = JUMLAH / 16;
|
||||
coloum1 = coloum.toString();
|
||||
coloum2 = coloum1.substr(0, 1);
|
||||
coloum3 = parseInt(coloum2);
|
||||
totalColoum = coloum3+1;
|
||||
|
||||
if (totalColoum>=1) {
|
||||
baris = '';
|
||||
limiter = JUMLAH-15;
|
||||
if (limiter<0) {
|
||||
lim = JUMLAH;
|
||||
} else {
|
||||
lim = 15;
|
||||
}
|
||||
|
||||
for (i = 1; i <= lim; i++) {
|
||||
stat = response.data[i - 1]['STAT'];
|
||||
nama_panggilan = response.data[i - 1]['NAMA_PANGGILAN_KARYAWAN'];
|
||||
masuk = response.data[i - 1]['MASUK'];
|
||||
keluar = response.data[i - 1]['KELUAR'];
|
||||
lokasi = response.data[i - 1]['LOKASI'];
|
||||
pulang = response.data[i - 1]['PULANG'];
|
||||
link = response.data[i - 1]['LINK'];
|
||||
|
||||
if (keluar==null) {
|
||||
keluar = "";
|
||||
}
|
||||
|
||||
baris += '<tr>';
|
||||
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama_panggilan + '</b>';
|
||||
if (stat=="ONTIME") {
|
||||
if (lokasi=="" || lokasi==null) {
|
||||
if (link=="") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
}
|
||||
} else {
|
||||
if (link=="") {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
} else {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (stat=="TERLAMBAT") {
|
||||
if (lokasi=="" || lokasi==null) {
|
||||
if (link=="") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
}
|
||||
} else {
|
||||
if (link=="") {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
} else {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (stat=="CUTI") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Blue">' + stat + '</b>';
|
||||
} else if (stat=="SAKIT") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrange">' + stat + '</b>';
|
||||
} else if (stat=="TIDAK ABSEN") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:HotPink">' + stat + '</b>';
|
||||
}
|
||||
baris += '</td>';
|
||||
baris += '</tr>';
|
||||
}
|
||||
$('#isiTabelAbsensi1').html(baris);
|
||||
}
|
||||
|
||||
if (totalColoum>=2) {
|
||||
baris = '';
|
||||
limiter = JUMLAH-30;
|
||||
if (limiter<0) {
|
||||
lim = JUMLAH;
|
||||
} else {
|
||||
lim = 30;
|
||||
}
|
||||
|
||||
for (i = 16; i <= lim; i++) {
|
||||
stat = response.data[i - 1]['STAT'];
|
||||
nama_panggilan = response.data[i - 1]['NAMA_PANGGILAN_KARYAWAN'];
|
||||
masuk = response.data[i - 1]['MASUK'];
|
||||
keluar = response.data[i - 1]['KELUAR'];
|
||||
lokasi = response.data[i - 1]['LOKASI'];
|
||||
pulang = response.data[i - 1]['PULANG'];
|
||||
link = response.data[i - 1]['LINK'];
|
||||
|
||||
if (keluar==null) {
|
||||
keluar = "";
|
||||
}
|
||||
|
||||
baris += '<tr>';
|
||||
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama_panggilan + '</b>';
|
||||
if (stat=="ONTIME") {
|
||||
if (lokasi=="" || lokasi==null) {
|
||||
if (link=="") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
}
|
||||
} else {
|
||||
if (link=="") {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
} else {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (stat=="TERLAMBAT") {
|
||||
if (lokasi=="" || lokasi==null) {
|
||||
if (link=="") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
}
|
||||
} else {
|
||||
if (link=="") {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
} else {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (stat=="CUTI") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Blue">' + stat + '</b>';
|
||||
} else if (stat=="SAKIT") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrange">' + stat + '</b>';
|
||||
} else if (stat=="TIDAK ABSEN") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:HotPink">' + stat + '</b>';
|
||||
}
|
||||
baris += '</td>';
|
||||
baris += '</tr>';
|
||||
}
|
||||
$('#isiTabelAbsensi2').html(baris);
|
||||
}
|
||||
|
||||
if (totalColoum>=3) {
|
||||
baris = '';
|
||||
limiter = JUMLAH-45;
|
||||
if (limiter<0) {
|
||||
lim = JUMLAH;
|
||||
} else {
|
||||
lim = 45;
|
||||
}
|
||||
|
||||
for (i = 31; i <= lim; i++) {
|
||||
stat = response.data[i - 1]['STAT'];
|
||||
nama_panggilan = response.data[i - 1]['NAMA_PANGGILAN_KARYAWAN'];
|
||||
masuk = response.data[i - 1]['MASUK'];
|
||||
keluar = response.data[i - 1]['KELUAR'];
|
||||
lokasi = response.data[i - 1]['LOKASI'];
|
||||
pulang = response.data[i - 1]['PULANG'];
|
||||
link = response.data[i - 1]['LINK'];
|
||||
|
||||
if (keluar==null) {
|
||||
keluar = "";
|
||||
}
|
||||
|
||||
baris += '<tr>';
|
||||
baris += '<td class="center" style="vertical-align: middle;">' + i + '</td>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama_panggilan + '</b>';
|
||||
if (stat=="ONTIME") {
|
||||
if (lokasi=="" || lokasi==null) {
|
||||
if (link=="") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
}
|
||||
} else {
|
||||
if (link=="") {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
} else {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Green">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (stat=="TERLAMBAT") {
|
||||
if (lokasi=="" || lokasi==null) {
|
||||
if (link=="") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
}
|
||||
} else {
|
||||
if (link=="") {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
} else {
|
||||
if (pulang=="" || pulang==null) {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">Masuk : <b style="color:DarkSlateGray">' + masuk + '</b> | <b style="color:Red">' + stat + '</b> <b style="color:DarkOrchid">['+ link +']</b> | <a onclick="bukaLokasi(`'+ lokasi +'`)"><i class="fa fa-external-link"></i></a><br>Pulang : <b style="color:SaddleBrown">' + keluar + '</b> <a onclick="bukaLokasi(`'+ pulang +'`)"><i class="fa fa-external-link"></i></a>';
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (stat=="CUTI") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Blue">' + stat + '</b>';
|
||||
} else if (stat=="SAKIT") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrange">' + stat + '</b>';
|
||||
} else if (stat=="TIDAK ABSEN") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:HotPink">' + stat + '</b>';
|
||||
}
|
||||
baris += '</td>';
|
||||
baris += '</tr>';
|
||||
}
|
||||
$('#isiTabelAbsensi3').html(baris);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function tampilkanDataCuti() {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: '[]',
|
||||
url: '<?= base_url('') ?>index.php/Menu/DA_Ambil_Sub0_DataCuti',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
JUMLAH = response.total;
|
||||
baris = '';
|
||||
|
||||
if (JUMLAH==0) {
|
||||
baris += '<tr>';
|
||||
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Blue">Data Kosong...</b></i></h5></td>';
|
||||
baris += '</tr>';
|
||||
} else {
|
||||
for (i = 1; i <= JUMLAH; i++) {
|
||||
nama_panggilan = response.data[i - 1]['NAMA_PANGGILAN_KARYAWAN'];
|
||||
absen = response.data[i - 1]['ABSEN'];
|
||||
coab = response.data[i - 1]['COAB'];
|
||||
LIM = absen.length;
|
||||
|
||||
baris += '<tr>';
|
||||
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama_panggilan + '</b>';
|
||||
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Green">' + coab + ' Hari</b>';
|
||||
|
||||
fill = "";
|
||||
for (j = 1; j <= LIM; j++) {
|
||||
sb = absen[j - 1]['TANGGAL'];
|
||||
if (j==LIM) {
|
||||
fill = fill + sb;
|
||||
} else {
|
||||
fill = fill + sb + ', ';
|
||||
}
|
||||
}
|
||||
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + fill + '</b>';
|
||||
baris += '</td>';
|
||||
baris += '</tr>';
|
||||
}
|
||||
}
|
||||
$('#isiTabelCuti').html(baris);
|
||||
$("#totKarCuti").html(JUMLAH);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function tampilkanDataIzin() {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: '[]',
|
||||
url: '<?= base_url('') ?>index.php/Menu/DA_Ambil_Sub0_DataIzin',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
JUMLAH = response.total;
|
||||
baris = '';
|
||||
|
||||
if (JUMLAH==0) {
|
||||
baris += '<tr>';
|
||||
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Blue">Data Kosong...</b></i></h5></td>';
|
||||
baris += '</tr>';
|
||||
} else {
|
||||
for (i = 1; i <= JUMLAH; i++) {
|
||||
nama_panggilan = response.data[i - 1]['NAMA_PANGGILAN_KARYAWAN'];
|
||||
tanggal = response.data[i - 1]['TANGGAL'];
|
||||
mulai = response.data[i - 1]['MULAI_DFFK'];
|
||||
selesai = response.data[i - 1]['SELESAI_DFFK'];
|
||||
ket = response.data[i - 1]['KET_DFFK'];
|
||||
|
||||
baris += '<tr>';
|
||||
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama_panggilan + '</b>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + tanggal + '</b>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + mulai + '</b>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Tomato">' + selesai + '</b>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkSlateGray">' + ket + '</b>';
|
||||
baris += '</td>';
|
||||
baris += '</tr>';
|
||||
}
|
||||
}
|
||||
$('#isiTabelIzin').html(baris);
|
||||
$("#totKarIzin").html(JUMLAH);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function bukaLokasi(lokasi) {
|
||||
window.open(lokasi,'_blank');
|
||||
}
|
||||
|
||||
function isiDataTambahAbsensi() {
|
||||
PNotify.removeAll();
|
||||
var tgl = "<?=$tgl?>";
|
||||
document.getElementById("tgl_absensinew").value = tgl;
|
||||
document.getElementById("id_karyawannew").value = null;
|
||||
document.getElementById("status_absensinew").value = null;
|
||||
$('#id_karyawannew').select2().select2('val', null);
|
||||
$('#status_absensinew').select2().select2('val', null);
|
||||
bukaAbsensi();
|
||||
}
|
||||
|
||||
function tambahAbsensi() {
|
||||
PNotify.removeAll();
|
||||
|
||||
var tgl_absensi = document.getElementById("tgl_absensinew").value;
|
||||
var id_karyawan = document.getElementById("id_karyawannew").value;
|
||||
var status_absensi = document.getElementById("status_absensinew").value;
|
||||
var jam_masuk = document.getElementById("jam_masuknew").value;
|
||||
var status = 0;
|
||||
|
||||
if (tgl_absensi=="") {
|
||||
status++;
|
||||
notify("tgl_null");
|
||||
}
|
||||
|
||||
if (id_karyawan=="") {
|
||||
status++;
|
||||
notify("karyawan_null");
|
||||
}
|
||||
|
||||
if (status_absensi=="") {
|
||||
status++;
|
||||
notify("statusid_null");
|
||||
}
|
||||
|
||||
if (status_absensi==1 || status_absensi==2) {
|
||||
if (jam_masuk=="") {
|
||||
status++;
|
||||
notify("time_null");
|
||||
}
|
||||
}
|
||||
|
||||
if (status==0) {
|
||||
$('#modalTambah').modal('hide');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
data: {
|
||||
tgl_absensi : tgl_absensi,
|
||||
id_karyawan : id_karyawan,
|
||||
status_absensi : status_absensi,
|
||||
jam_masuk : jam_masuk,
|
||||
},
|
||||
url: '<?= base_url() ?>index.php/Menu/DA_Tambah_Sub0_DataAbsensi',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
if (response.value == 1) {
|
||||
notify("success_add");
|
||||
tampilkanDataAbsensi();
|
||||
} else {
|
||||
notify("failed");
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user