copy dari repo om Irfan
This commit is contained in:
@@ -0,0 +1,274 @@
|
||||
<!doctype html>
|
||||
<html class="fixed sidebar-left-collapsed">
|
||||
<head>
|
||||
|
||||
<!-- Basic -->
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>INFORMASI | ABSENSI</title>
|
||||
<meta name="keywords" content="HTML5 Admin Template" />
|
||||
<meta name="description" content="Porto Admin - Responsive HTML5 Template">
|
||||
<meta name="author" content="okler.net">
|
||||
|
||||
<!-- 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/bootstrap-timepicker/css/bootstrap-timepicker.css" />
|
||||
|
||||
<!-- 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/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>
|
||||
|
||||
</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>
|
||||
|
||||
<script type="text/javascript">
|
||||
let base_url = '<?=base_url()?>';
|
||||
</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><strong>Absensi</strong></h2>
|
||||
|
||||
<div class="right-wrapper pull-right">
|
||||
<ol class="breadcrumbs">
|
||||
<li>
|
||||
<a href="<?php echo base_url() ?>index.php">
|
||||
<i class="fa fa-home"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li><span>Absensi</span></li>
|
||||
</ol>
|
||||
|
||||
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- start: page -->
|
||||
<section class="panel panel-featured panel-featured-primary">
|
||||
<header class="panel-heading">
|
||||
<div class="panel-actions">
|
||||
<a href="<?php echo base_url('') ?>index.php"><strong>Kembali</strong><i class="fa fa-backward"></i></a>
|
||||
</div>
|
||||
|
||||
<h2 class="panel-title"><strong>DATA ABSENSI | PERIODE (<?=$bulan_awal?> <?=$tahun_awal?> s/d <?=$bulan_akhir?> <?=$tahun_akhir?>)</strong></h2>
|
||||
</header>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<?=form_open('ManageInformasi/dataAbsensi_All_A1');?>
|
||||
<div class="col-sm-2">
|
||||
<div class="mb-md">
|
||||
<div class="form-group">
|
||||
<select data-plugin-selectTwo id="bulan_awal" name="bulan_awal" class="form-control " required="true">
|
||||
<option value="" selected>-- Bulan Awal --</option>
|
||||
<option value="01">Januari</option>
|
||||
<option value="02">Februari</option>
|
||||
<option value="03">Maret</option>
|
||||
<option value="04">April</option>
|
||||
<option value="05">Mei</option>
|
||||
<option value="06">Juni</option>
|
||||
<option value="07">Juli</option>
|
||||
<option value="08">Agustus</option>
|
||||
<option value="09">September</option>
|
||||
<option value="10">Oktober</option>
|
||||
<option value="11">November</option>
|
||||
<option value="12">Desember</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<div class="mb-md">
|
||||
<div class="form-group">
|
||||
<select data-plugin-selectTwo id="tahun_awal" name="tahun_awal" class="form-control populate">
|
||||
<option value="" selected>-- Tahun Awal --</option>
|
||||
<option value="2022">2022</option>
|
||||
<option value="2023">2023</option>
|
||||
<option value="2024">2024</option>
|
||||
<option value="2025">2025</option>
|
||||
<option value="2026">2026</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<div class="mb-md">
|
||||
<div class="form-group">
|
||||
<h4><label position="center"><strong>SAMPAI</strong></label></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<div class="mb-md">
|
||||
<div class="form-group">
|
||||
<select data-plugin-selectTwo id="bulan_akhir" name="bulan_akhir" class="form-control " required="true">
|
||||
<option value="" selected>-- Bulan Akhir --</option>
|
||||
<option value="01">Januari</option>
|
||||
<option value="02">Februari</option>
|
||||
<option value="03">Maret</option>
|
||||
<option value="04">April</option>
|
||||
<option value="05">Mei</option>
|
||||
<option value="06">Juni</option>
|
||||
<option value="07">Juli</option>
|
||||
<option value="08">Agustus</option>
|
||||
<option value="09">September</option>
|
||||
<option value="10">Oktober</option>
|
||||
<option value="11">November</option>
|
||||
<option value="12">Desember</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<div class="mb-md">
|
||||
<div class="form-group">
|
||||
<select data-plugin-selectTwo id="tahun_akhir" name="tahun_akhir" class="form-control populate">
|
||||
<option value="" selected>-- Tahun Akhir --</option>
|
||||
<option value="2022">2022</option>
|
||||
<option value="2023">2023</option>
|
||||
<option value="2024">2024</option>
|
||||
<option value="2025">2025</option>
|
||||
<option value="2026">2026</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="kondisi" value="ada">
|
||||
<div class="col-sm-3 pull-left">
|
||||
<div class="mb-md">
|
||||
<button type="submit" class="btn btn-default"><strong>Cari Data </strong><i class="fa fa-search"></i></button>
|
||||
<a href="<?php echo base_url('') ?>index.php/ManageInformasi/dataAbsensi_All_A1"><button type="button" class="btn btn-info text-default"><strong>RESET VIEW <i class="fa fa-rotate-left"></i></strong></button></a><br></br>
|
||||
</div>
|
||||
</div>
|
||||
<?=form_close();?>
|
||||
|
||||
<div class="col-md-12 text-right">
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default text-danger"><strong>TERLAMBAT <?=$count_terlambat?>x</strong></button>
|
||||
<button type="button" class="btn btn-default text-primary"><strong>CUTI <?=$count_cuti?>x</strong></button>
|
||||
<button type="button" class="btn btn-default text-warning"><strong>IZIN <?=$count_izin?>x</strong></button><br></br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<table class="table table-bordered table-striped mb-none" id="datatable-default" >
|
||||
<thead>
|
||||
|
||||
<th class="dark center">No</th>
|
||||
<th class="dark">Nama Karyawan</th>
|
||||
<th class="dark">Tanggal</th>
|
||||
<th class="dark">Jam Masuk</th>
|
||||
<th class="dark">Jam Keluar</th>
|
||||
<th class="dark">Status</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php if (is_array($absensi) || is_object($absensi)) {
|
||||
$no = 1;
|
||||
foreach ($absensi as $key) { ?>
|
||||
<tr>
|
||||
<td class="center"><?= $no++ ?></td>
|
||||
<td><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?></td>
|
||||
<td><?= $key['TANGGAL'] ?></td>
|
||||
<td><?= $key['MASUK_ABSENSI'] ?></td>
|
||||
<td><?= $key['KELUAR_ABSENSI'] ?></td>
|
||||
<?php if ($key['STATUS_ABSENSI']=="0") { ?>
|
||||
<td class="text-danger"><strong>TERLAMBAT</strong></td>
|
||||
<?php } else if ($key['STATUS_ABSENSI']=="1") { ?>
|
||||
<td class="text-success"><strong>HADIR</strong></td>
|
||||
<?php } else if ($key['STATUS_ABSENSI']=="2") { ?>
|
||||
<td class="text-info"><strong>WFH</strong></td>
|
||||
<?php } else if ($key['STATUS_ABSENSI']=="3") { ?>
|
||||
<td class="text-primary"><strong>CUTI</strong></td>
|
||||
<?php } else if ($key['STATUS_ABSENSI']=="4") { ?>
|
||||
<td class="text-warning"><strong>IZIN</strong></td>
|
||||
<?php } ?>
|
||||
</tr>
|
||||
<?php }
|
||||
} ?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: page -->
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
<?php $this->load->view('template/sidebar_right'); ?>
|
||||
<!-- Vendor -->
|
||||
<script src="<?php echo base_url('')?>assets/vendor/jquery/jquery.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/bootstrap/js/bootstrap.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/nanoscroller/nanoscroller.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/magnific-popup/magnific-popup.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>
|
||||
|
||||
<!-- Specific Page Vendor -->
|
||||
<script src="<?php echo base_url('')?>assets/vendor/select2/select2.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/jquery-datatables/media/js/jquery.dataTables.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/vendor/jquery-datatables-bs3/assets/js/datatables.js"></script>
|
||||
<!-- Specific Page Vendor -->
|
||||
<script src="<?php echo base_url('')?>assets/vendor/pnotify/pnotify.custom.js"></script>
|
||||
|
||||
<!-- Theme Base, Components and Settings -->
|
||||
<script src="<?php echo base_url('')?>assets/javascripts/theme.js"></script>
|
||||
|
||||
<!-- Theme Custom -->
|
||||
<script src="<?php echo base_url('')?>assets/javascripts/theme.custom.js"></script>
|
||||
|
||||
<!-- Theme Initialization Files -->
|
||||
<script src="<?php echo base_url('')?>assets/javascripts/theme.init.js"></script>
|
||||
|
||||
|
||||
<!-- Examples -->
|
||||
<!-- Examples -->
|
||||
<script src="<?php echo base_url('')?>assets/javascripts/tables/examples.datatables.default.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/javascripts/tables/examples.datatables.row.with.details.js"></script>
|
||||
<script src="<?php echo base_url('')?>assets/javascripts/tables/examples.datatables.tabletools.js"></script>
|
||||
<!-- <script src="<?php echo base_url('')?>assets/javascripts/tables/examples.datatables.editable.js"></script> -->
|
||||
<script src="<?php echo base_url('')?>assets/javascripts/ui-elements/examples.notifications.js"></script>
|
||||
<?php $this->load->view('template/notification'); ?>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user