41
LAMPIRAN
1.1. Lampiran Utama
b.
c.
Coding List
1.
Index.php
<?phpsession_start();
if (empty($_SESSION['username'])){ header('location:../index.html'); } else {
include "../koneksi.php"; ?>
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial- scale=1.0"> <meta name="description" content="Aplikasi Penggajian Karyawan"><meta name="author" content=" ">
<title>Selamat Datang di Aplikasi Penggajian Karyawan</title> <!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet"> <!-- Add custom CSS here -->
<link href="css/sb-admin.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <!-- Page Specific CSS -->
<link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css"> <script type="text/javascript">
// 1 detik = 1000
window.setTimeout("waktu()",1000); function waktu() {
var tanggal = new Date(); setTimeout("waktu()",1000);
document.getElementById("output").innerHTML =
tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); }
</script>
<script language="JavaScript"> var tanggallengkap = new String();
var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember");
namabulan = namabulan.split(" "); var tgl = new Date();
var hari = tgl.getDay(); var tanggal = tgl.getDate(); var bulan = tgl.getMonth(); var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun;
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings
='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+ scroll+',resizable'
popupWindow = window.open(url,winName,settings) }
</script> </head> <body>
<!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header">
<button type="button" class="navbar-toggle" toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.php">Aplikasi penggajian Karyawan</a> </div>
<!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active"><a href="index.php"><i class="fa fa-dashboard"></i> Data Karyawan</a></li>
<li><a href="rekapgaji.php"><i class="fa fa-bar-chart-o"></i> Data Gaji Karyawan</a></li>
<li><a href="absensi.php"><i class="fa fa-edit"></i> Data Presensi Karyawan</a></li>
<li><a href="cetakgaji.php"><i class="fa fa-desktop"></i> Cetak Slip Gaji Karyawan</a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user"> <!--<li class="dropdown messages-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li class="dropdown-header">7 New Messages</li> <li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li>
<li><a href="#">View Inbox <span class="badge">7</span></a></li> </ul>
</li>-->
<!--<li class="dropdown alerts-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#">Info <span class="label label-info">Info</span></a></li>
<li><a href="#">Warning <span class="label label-warning">Warning</span></a></li> <li><a href="#">Danger <span class="label label-danger">Danger</span></a></li> <li class="divider"></li>
<li><a href="#">View All</a></li> </ul>
</li>-->
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Hallo,
<?php
echo $_SESSION['username']; ?>
<b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user"></i> Profil</a></li> <li><a href="#"><i class="fa fa-envelope"></i> Pesan Masuk <span class="badge">7</span></a></li>
<li><a href="#"><i class="fa fa-gear"></i> Pengaturan </a></li> <li class="divider"></li>
<li><a href="../logout.php" onclick="return confirm('Apakah anda akan keluar?');"><i class="fa fa-power-off"></i> Keluar APeK</a></li> </ul>
</li> </ul>
</div><!-- /.navbar-collapse --> </nav>
<?php } ?>
<div id="page-wrapper"> </div><!-- /.row --> <!--
<div class="row"> <div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Traffic Statistics: October 1, 2013 - October 31, 2013</h3>
</div>
<div class="panel-body">
<div id="morris-chart-area"></div> </div>
</div> </div> </div>--> <!-- /.row -->
<div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-user"></i> Data Karyawan </h3> </div>
<div class="panel-body"> <div class="table-responsive"> <?php
$tampil=mysql_query("select * from karyawan order by kode_kar");
?>
<table class="table table-bordered table-hover table-striped tablesorter"> <tr>
<th>Kode<i class="fa fa-sort"></i></th> <th>Nama<i class="fa fa-sort"></i></th> <th>Alamat <i class="fa fa-sort"></i></th> <th>No Rek <i class="fa fa-sort"></i></th> <th>Golongan <i class="fa fa-sort"></i></th>
<th>Departemen <i class="fa fa-sort"></i></th>
<th>Aksi <i class="fa fa-sort"></i></th> </tr>
<?php while($data=mysql_fetch_array($tampil)) { ?>
<td><?php echo $data['kode_kar']; ?></td> <td><?php echo $data['nama_kar']; ?></a></td> <td><?php echo $data['alamat_kar']; ?></td> <td><?php echo $data['no_rek']; ?></td> <td><?php echo $data['gol_kar'];?></td>
<td><?php echo $data['Department'];?></td> <td><a class="btn btn-sm btn-primary" href="edit.php?hal=edit&kd=<?php echo $data['kode_kar'];?>"><i class="fa fa-edit"></i> Edit</a>
<a class="btn btn-sm btn-danger" href="hapus.php?hal=hapus&kd=<?php echo $data['kode_kar'];?>"><i class="fa fa-wrench"></i> Hapus</a></td></tr> <?php
} ?> </tbody>
</table> </div>
<div class="text-right">
<a href="tambah.php" class="btn btn-sm btn-warning">Tambah Data Karyawan <i class="fa fa-arrow-circle-right"></i></a>
</div> </div> </div> </div>
</div><!-- /.row -->
</div><!-- /#page-wrapper --> </div><!-- /#wrapper --> <!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script> <script src="js/bootstrap.js"></script> <!-- Page Specific Plugins -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script> <script src="js/morris/chart-data-morris.js"></script>
<script src="js/tablesorter/jquery.tablesorter.js"></script> <script src="js/tablesorter/tables.js"></script>
</body> </html>
2.
Proseslogin.php
<?php
include "koneksi.php"; $username = $_POST['user']; $password = $_POST['pass'];
$query = mysql_query("SELECT COUNT(username) AS jumlah FROM tb_user WHERE username='$username' AND password='$password'");
$data = mysql_fetch_array($query); if ($data['jumlah'] >= 1){
session_start();
$_SESSION['username'] = $username; $_SESSION['password'] = $password; $username = $_SESSION['username'];
header('location:admin/menu.php'); } else {
header('location:index.html'); }
3.
Menu.php
<?php
session_start();
if (empty($_SESSION['username'])){ header('location:../index.html'); } else {
include "../koneksi.php"; ?>
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Aplikasi Penggajian Karyawan"> <meta name="author" content="Hakko Bio Richard">
<title>Selamat Datang di Aplikasi Penggajian Karyawan</title> <!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet"> <!-- Add custom CSS here -->
<link href="css/sb-admin.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <!-- Page Specific CSS -->
<link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css"> <script type="text/javascript">
// 1 detik = 1000
window.setTimeout("waktu()",1000); function waktu() {
var tanggal = new Date(); setTimeout("waktu()",1000);
document.getElementById("output").innerHTML =
tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); }
</script>
<script language="JavaScript"> var tanggallengkap = new String();
var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember");
namabulan = namabulan.split(" "); var tgl = new Date();
var hari = tgl.getDay(); var tanggal = tgl.getDate(); var bulan = tgl.getMonth(); var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun;
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings
='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+ scroll+',resizable'
popupWindow = window.open(url,winName,settings) }
</script> </head> <body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header">
<button type="button" class="navbar-toggle" toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.php">Aplikasi penggajian Karyawan</a> </div>
<!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active"><a href="index.php"><i class="fa fa-dashboard"></i> Data Karyawan</a></li>
<li><a href="rekapgaji.php"><i class="fa fa-bar-chart-o"></i> Data Gaji Karyawan</a></li>
<li><a href="absensi.php"><i class="fa fa-edit"></i> Data Presensi Karyawan</a></li>
<li><a href="cetakgaji.php"><i class="fa fa-desktop"></i> Cetak Slip Gaji Karyawan</a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user"> <!--<li class="dropdown messages-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li class="dropdown-header">7 New Messages</li> <li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li>
<li><a href="#">View Inbox <span class="badge">7</span></a></li> </ul>
</li>-->
<!--<li class="dropdown alerts-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#">Default <span class="label label-default">Default</span></a></li> <li><a href="#">Primary <span class="label label-primary">Primary</span></a></li> <li><a href="#">Success <span class="label label-success">Success</span></a></li> <li><a href="#">Info <span class="label label-info">Info</span></a></li>
<li><a href="#">Danger <span class="label label-danger">Danger</span></a></li> <li class="divider"></li>
<li><a href="#">View All</a></li> </ul>
</li>-->
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Hallo,
<?php
echo $_SESSION['username']; ?>
<b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user"></i> Profil</a></li> <li><a href="#"><i class="fa fa-envelope"></i> Pesan Masuk <span class="badge">7</span></a></li>
<li><a href="#"><i class="fa fa-gear"></i> Pengaturan </a></li> <li class="divider"></li>
<li><a href="../logout.php" onclick="return confirm('Apakah anda akan keluar?');"><i class="fa fa-power-off"></i> Keluar APeK</a></li> </ul>
</li> </ul>
</div><!-- /.navbar-collapse --> </nav>
<?php } ?>
<div id="page-wrapper"> </div><!-- /.row --> <!--
<div class="row"> <div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Traffic Statistics: October 1, 2013 - October 31, 2013</h3>
</div>
<div class="panel-body">
<div id="morris-chart-area"></div> </div>
</div> </div> </div>--> <!-- /.row -->
<div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-user"></i> Seputar Info </h3> </div>
<div class="panel-body"> </div>
</div> </div>
</div><!-- /.row -->
</div><!-- /#page-wrapper --> </div><!-- /#wrapper --> <!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script> <script src="js/bootstrap.js"></script> <!-- Page Specific Plugins -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script> <script src="js/morris/chart-data-morris.js"></script>
</body> </html>
4.
Absensi.php
<?php
session_start();
if (empty($_SESSION['username'])){ header('location:../index.html'); } else {
include "../koneksi.php"; ?>
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Aplikasi Penggajian Karyawan"> <meta name="author" content="Hakko Bio Richard">
<title>Selamat Datang di Aplikasi Penggajian Karyawan</title> <!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet"> <!-- Add custom CSS here -->
<link href="css/sb-admin.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <!-- Page Specific CSS -->
<link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css"> <script type="text/javascript">
// 1 detik = 1000
window.setTimeout("waktu()",1000); function waktu() {
var tanggal = new Date(); setTimeout("waktu()",1000);
document.getElementById("output").innerHTML =
tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); }
</script>
<script language="JavaScript"> var tanggallengkap = new String();
var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember");
namabulan = namabulan.split(" "); var tgl = new Date();
var hari = tgl.getDay(); var tanggal = tgl.getDate(); var bulan = tgl.getMonth(); var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun;
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings
='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+ scroll+',resizable'
popupWindow = window.open(url,winName,settings) }
<div id="wrapper"> <!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header">
<button type="button" class="navbar-toggle" toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.php">Aplikasi penggajian Karyawan</a> </div>
<!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active"><a href="index.php"><i class="fa fa-dashboard"></i> Data Karyawan</a></li>
<li><a href="rekapgaji.php"><i class="fa fa-bar-chart-o"></i> Data Gaji Karyawan</a></li>
<li><a href="absensi.php"><i class="fa fa-edit"></i> Data Presensi Karyawan</a></li>
<li><a href="rekapgaji.php"><i class="fa fa-desktop"></i> Cetak Slip Gaji Karyawan</a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user"> <!--<li class="dropdown messages-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li class="dropdown-header">7 New Messages</li> <li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li>
<li><a href="#">View Inbox <span class="badge">7</span></a></li> </ul>
</li>-->
<!--<li class="dropdown alerts-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#">Success <span class="label label-success">Success</span></a></li> <li><a href="#">Info <span class="label label-info">Info</span></a></li>
<li><a href="#">Warning <span class="label label-warning">Warning</span></a></li> <li><a href="#">Danger <span class="label label-danger">Danger</span></a></li> <li class="divider"></li>
<li><a href="#">View All</a></li> </ul>
</li>-->
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Hallo,
<?php
echo $_SESSION['username']; ?>
<b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user"></i> Profil</a></li> <li><a href="#"><i class="fa fa-envelope"></i> Pesan Masuk <span class="badge">7</span></a></li>
<li><a href="#"><i class="fa fa-gear"></i> Pengaturan </a></li> <li class="divider"></li>
<li><a href="../logout.php" onclick="return confirm('Apakah anda akan keluar?');"><i class="fa fa-power-off"></i> Keluar APeK</a></li> </ul>
</li> </ul>
</div><!-- /.navbar-collapse --> </nav>
<?php
$timeout = 10; // Set timeout minutes
$logout_redirect_url = "../index.html"; // Set logout URL $timeout = $timeout * 60; // Converts minutes to seconds if (isset($_SESSION['start_time'])) {
$elapsed_time = time() - $_SESSION['start_time']; if ($elapsed_time >= $timeout) {
session_destroy();
echo "<script>alert('Session Anda Telah Habis!'); window.location = '$logout_redirect_url'</script>";
} }
$_SESSION['start_time'] = time(); ?>
<?php } ?>
<div id="page-wrapper"> <div class="row"> </div><!-- /.row --> <!--
<div class="row"> <div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Traffic Statistics: October 1, 2013 - October 31, 2013</h3>
</div>
<div class="panel-body">
<div id="morris-chart-area"></div> </div>
</div> </div> </div>--> <!-- /.row -->
<div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-user"></i> Data Presensi Karyawan </h3> </div>
</div>
<div class="text-right">
<a href="rekapabsen.php" class="btn btn-sm btn-warning">Rekap Absen Karyawan <i class="fa fa-arrow-circle-right"></i></a> <a href="tambahabsen.php" class="btn btn-sm btn-warning">Input Absen Karyawan <i class="fa fa-arrow-circle-right"></i></a>
</div> </div> </div> </div>
</div><!-- /.row -->
</div><!-- /#page-wrapper --> </div><!-- /#wrapper --> <!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script> <script src="js/bootstrap.js"></script> <!-- Page Specific Plugins -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script> <script src="js/morris/chart-data-morris.js"></script>
<script src="js/tablesorter/jquery.tablesorter.js"></script> <script src="js/tablesorter/tables.js"></script>
</body> </html>
5.
Rekapabsensi.php
<?phpsession_start();
if (empty($_SESSION['username'])){ header('location:../index.html'); } else {
include "../koneksi.php"; ?>
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Aplikasi Penggajian Karyawan"> <meta name="author" content="Hakko Bio Richard">
<title>Rekap Data Absensi</title> <!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet"> <!-- Add custom CSS here -->
<link href="css/sb-admin.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <!-- Page Specific CSS -->
<link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css"> <script type="text/javascript">
// 1 detik = 1000
window.setTimeout("waktu()",1000); function waktu() {
var tanggal = new Date(); setTimeout("waktu()",1000);
document.getElementById("output").innerHTML =
tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); }
</script>
var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember");
namabulan = namabulan.split(" "); var tgl = new Date();
var hari = tgl.getDay(); var tanggal = tgl.getDate(); var bulan = tgl.getMonth(); var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun;
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings
='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+ scroll+',resizable'
popupWindow = window.open(url,winName,settings) }
</script> </head> <body>
<div id="wrapper"> <!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header">
<button type="button" class="navbar-toggle" toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.php">Aplikasi penggajian Karyawan</a> </div>
<!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active"><a href="index.php"><i class="fa fa-dashboard"></i> Data Karyawan</a></li>
<li><a href="rekapgaji.php"><i class="fa fa-bar-chart-o"></i> Data Gaji Karyawan</a></li>
<li><a href="absensi.php"><i class="fa fa-edit"></i> Data Presensi Karyawan</a></li>
<li><a href="rekapgaji.php"><i class="fa fa-desktop"></i> Cetak Slip Gaji Karyawan</a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user"> <!--<li class="dropdown messages-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li class="dropdown-header">7 New Messages</li> <li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li>
<li><a href="#">View Inbox <span class="badge">7</span></a></li> </ul>
</li>-->
<!--<li class="dropdown alerts-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#">Default <span class="label label-default">Default</span></a></li> <li><a href="#">Primary <span class="label label-primary">Primary</span></a></li> <li><a href="#">Success <span class="label label-success">Success</span></a></li> <li><a href="#">Info <span class="label label-info">Info</span></a></li>
<li><a href="#">Warning <span class="label label-warning">Warning</span></a></li> <li><a href="#">Danger <span class="label label-danger">Danger</span></a></li> <li class="divider"></li>
<li><a href="#">View All</a></li> </ul>
</li>-->
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Hallo,
<?php
echo $_SESSION['username']; ?>
<b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user"></i> Profil</a></li> <li><a href="#"><i class="fa fa-envelope"></i> Pesan Masuk <span class="badge">7</span></a></li>
<li><a href="#"><i class="fa fa-gear"></i> Pengaturan </a></li> <li class="divider"></li>
<li><a href="../logout.php" onclick="return confirm('Apakah anda akan keluar?');"><i class="fa fa-power-off"></i> Keluar APeK</a></li> </ul>
</li> </ul>
</div><!-- /.navbar-collapse --> </nav>
<?php
$timeout = 10; // Set timeout minutes
$logout_redirect_url = "../index.html"; // Set logout URL $timeout = $timeout * 60; // Converts minutes to seconds if (isset($_SESSION['start_time'])) {
$elapsed_time = time() - $_SESSION['start_time']; if ($elapsed_time >= $timeout) {
session_destroy();
echo "<script>alert('Session Anda Telah Habis!'); window.location = '$logout_redirect_url'</script>";
} }
$_SESSION['start_time'] = time(); ?>
<?php } ?>
<div class="col-lg-12"> <br />
<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<form method="POST" action="insertdataabsen.php"> <table class="table table-condensed"> <tr>
<td><label for="kode_kar">Periode</label></td> <td> Bulan
<select name="bulan">
<option value="1">Januari</option> <option value="2">Februari</option> <option value="3">Maret</option> <option value="4">April</option> <option value="5">Mei</option> <option value="6">Juni</option> <option value="7">Juli</option> <option value="8">Agustus</option> <option value="9">September</option> <option value="10">Oktober</option> <option value="11">November</option> <option value="12">Desember</option> </select>
Tahun
<select name="tahun"> <?php
$mulai= date('Y') - 50;
for($i = $mulai;$i<$mulai + 100;$i++){
$sel = $i == date('Y') ? ' selected="selected"' : ''; echo '<option value="'.$i.'"'.$sel.'>'.$i.'</option>'; }
?>
</select></td> </tr>
<tr><td><input type="submit" name="cari" value="Search" class="btn btn-sm btn-primary"/></td>
</tr> <form> </table> </div>
</div><!-- /.row --> <!--
<div class="row"> <div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Traffic Statistics: October 1, 2013 - October 31, 2013</h3>
</div>
<div class="panel-body">
<div id="morris-chart-area"></div> </div>
</div> </div> </div>--> <!-- /.row --> </div><!-- /.row -->
</div><!-- /#page-wrapper --> </div><!-- /#wrapper --> <!-- JavaScript -->
<!-- Page Specific Plugins -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script> <script src="js/morris/chart-data-morris.js"></script>
<script src="js/tablesorter/jquery.tablesorter.js"></script> <script src="js/tablesorter/tables.js"></script>
</body> </html>
6.
Insertabsen.php
<?php
include "../koneksi.php";
$tanggal = $_POST['tanggal']; $nrk = $_POST['kary_id'];
$nama = $_POST['kode_kar'];
if(isset($_POST['enter'])) {
if (isset($_POST['check1'])) {
$shift=$_POST['check1'];
$query = mysql_query("INSERT INTO tb_absen (tgl,kode_kar,pagi, siang, malam, libur, absen) VALUES ('$tanggal', '$nrk', '$shift', NULL, NULL, NULL, NULL)");
if ($query){
echo "<script>alert('Data Karyawan Berhasil dimasukan!'); window.location = 'tambahabsen.php'</script>";
} else {
echo "<script>alert('Data Karyawan Gagal dimasukan!'); window.location = 'tambahabsen.php'</script>";
} }
if (isset($_POST['check2'])) {
echo $_POST['check2']." <br/>"; $shift=$_POST['check2'];
$query = mysql_query("INSERT INTO tb_absen (tgl,kode_kar,pagi, siang, malam, libur, absen) VALUES ('$tanggal','$nrk', NULL,'$shift', NULL, NULL, NULL)");
if ($query){
echo "<script>alert('Data Karyawan Berhasil dimasukan!'); window.location = 'tambahabsen.php'</script>";
} else {
echo "<script>alert('Data Karyawan Gagal dimasukan!'); window.location = 'tambahabsen.php'</script>";
} }
if (isset($_POST['check3'])) { echo $_POST['check3']." <br/>"; $shift=$_POST['check3'];
$query = mysql_query("INSERT INTO tb_absen (tgl,kode_kar,pagi, siang, malam, libur, absen) VALUES ('$tanggal','$nrk',NULL,NULL,'$shift', NULL, NULL)");
if ($query){
echo "<script>alert('Data Karyawan Berhasil dimasukan!'); window.location = 'tambahabsen.php'</script>";
} else {
echo "<script>alert('Data Karyawan Gagal dimasukan!'); window.location = 'tambahabsen.php'</script>";
if (isset($_POST['check4'])) { echo $_POST['check4']." <br/>";
$shift=$_POST['check4'];
$query = mysql_query("INSERT INTO tb_absen (tgl,kode_kar,pagi, siang, malam, libur, absen) VALUES ('$tanggal','$nrk',NULL,
NULL,NULL,'$shift',NULL)"); if ($query){
echo "<script>alert('Data Karyawan Berhasil dimasukan!'); window.location = 'tambahabsen.php'</script>";
} else {
echo "<script>alert('Data Karyawan Gagal dimasukan!'); window.location = 'tambahabsen.php'</script>";
} }
if (isset($_POST['check5'])) { echo $_POST['check5']." <br/>";
echo $_POST['check5']." <br/>"; $shift=$_POST['check5'];
$query = mysql_query("INSERT INTO tb_absen (tgl,kode_kar,pagi, siang, malam, libur, absen) VALUES ('$tanggal','$nrk', NULL, NULL,NULL, NULL,'$shift')");
if ($query){
echo "<script>alert('Data Karyawan Berhasil dimasukan!'); window.location = 'tambahabsen.php'</script>";
} else {
echo "<script>alert('Data Karyawan Gagal dimasukan!'); window.location = 'tambahabsen.php'</script>";
} }
} ?>
7.
Insertdataabsen.php
<?php
session_start();
if (empty($_SESSION['username'])){
echo "<script>alert('Anda belum mempunyai hak akses.'); window.location = '../index.html'</script>";
} else {
include "../koneksi.php"; ?>
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Aplikasi Penggajian Karyawan"> <meta name="author" content="Hakko Bio Richard">
<title>Rekap Karyawan</title> <!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet"> <!-- Add custom CSS here -->
<link href="css/sb-admin.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <!-- Page Specific CSS -->
<link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css"> <script type="text/javascript">
// 1 detik = 1000
window.setTimeout("waktu()",1000); function waktu() {
var tanggal = new Date(); setTimeout("waktu()",1000);
document.getElementById("output").innerHTML =
}
</script>
<script language="JavaScript"> var tanggallengkap = new String();
var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember");
namabulan = namabulan.split(" "); var tgl = new Date();
var hari = tgl.getDay(); var tanggal = tgl.getDate(); var bulan = tgl.getMonth(); var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun;
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings
='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+ scroll+',resizable'
popupWindow = window.open(url,winName,settings) }
</script> </head> <body>
<div id="wrapper"> <!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header">
<button type="button" class="navbar-toggle" toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.php">APeK (Aplikasi penggajian Karyawan)</a> </div>
<!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active"><a href="index.php"><i class="fa fa-dashboard"></i> Data Karyawan</a></li>
<li><a href="tampilgajiaja.php"><i class="fa fa-bar-chart-o"></i> Data Gaji Karyawan</a></li>
<li><a href="absensi.php"><i class="fa fa-edit"></i> Data Presensi Karyawan</a></li>
<li><a href="tampilgaji.php"><i class="fa fa-desktop"></i> Cetak Slip Gaji Karyawan</a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user"> <!--<li class="dropdown messages-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li class="dropdown-header">7 New Messages</li> <li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li>
<li><a href="#">View Inbox <span class="badge">7</span></a></li> </ul>
</li>-->
<!--<li class="dropdown alerts-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#">Default <span class="label label-default">Default</span></a></li> <li><a href="#">Primary <span class="label label-primary">Primary</span></a></li> <li><a href="#">Success <span class="label label-success">Success</span></a></li> <li><a href="#">Info <span class="label label-info">Info</span></a></li>
<li><a href="#">Warning <span class="label label-warning">Warning</span></a></li> <li><a href="#">Danger <span class="label label-danger">Danger</span></a></li> <li class="divider"></li>
<li><a href="#">View All</a></li> </ul>
</li>-->
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Hallo,
<?php
echo $_SESSION['username']; ?>
<b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user"></i> Profil</a></li> <li><a href="#"><i class="fa fa-envelope"></i> Pesan Masuk <span class="badge">7</span></a></li>
<li><a href="#"><i class="fa fa-gear"></i> Pengaturan </a></li> <li class="divider"></li>
<li><a href="../logout.php" onclick="return confirm('Apakah anda akan keluar?');"><i class="fa fa-power-off"></i> Keluar APeK</a></li> </ul>
</li> </ul>
</div><!-- /.navbar-collapse --> </nav>
<?php } ?>
<div id="page-wrapper"> <div class="row"> <div class="col-lg-12">
<h1>Data Absen Karyawan<small> Karyawan</small></h1> <br />
<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
</div>
<!--
<div class="row"> <div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Traffic Statistics: October 1, 2013 - October 31, 2013</h3>
</div>
<div class="panel-body">
<div id="morris-chart-area"></div> </div>
</div> </div> </div>--> <!-- /.row -->
<div class="col-lg-12">
<div class="panel panel-primary"> <div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-user"></i> Data Rekap Absensi Karyawan </h3>
</div>
<div class="panel-body"> <div class="table-responsive"> <?php
$bulan = @$_POST['bulan']; $tahun = @$_POST['tahun'];
$sql = mysql_query("SELECT tgl,tb_absen.kode_kar,nama_kar,count(Pagi) AS Pagi,count(siang)AS
siang,count(malam)AS malam,count(libur)AS libur,count(absen)AS absen,(count(Pagi))+ (count(siang))+(count(malam)) as total
FROM tb_absen INNER
JOIN karyawan ON tb_absen.kode_kar = karyawan.kode_kar where month(tgl) like '%$bulan%' and year(tgl) like '%$tahun%' group by tb_absen.kode_kar") or die (mysql_error());
?>
<table class="table table-bordered table-hover table-striped tablesorter"> <tr>
<th>Kode Karyawan<i class="fa fa-sort"></i></th>
<th>Nama Karyawan<i class="fa fa-sort"></i></th> <th> Shift Pagi<i class="fa fa-sort"></i></th> <th>Shift Siang<i class="fa fa-sort"></i></th> <th>Shift Malam<i class="fa fa-sort"></i></th> <th>Libur<i class="fa fa-sort"></i></th>
<th>Mangkir<i class="fa fa-sort"></i></th>
<th>Total Masuk<i class="fa fa-sort"></i></th>
</tr>
<?php while($data=mysql_fetch_array($sql)) { ?>
<tr>
<td><?php echo $data['kode_kar']; ?></a></td> <td><?php echo $data['nama_kar']; ?></a></td>
<td><?php echo $data['Pagi'];?></td> <td><?php echo $data['siang']; ?></a></td>
<td><?php echo $data['malam'];?></td> <td><?php echo $data['libur']; ?></a></td>
<td><?php echo $data['absen'];?></td>
<td><?php echo $data['total'];?></td> <?php
} ?> </tbody>
<!--<div class="text-right">
<a href="tampilgajiaja.php" class="btn btn-sm btn-warning"><i class="fa fa-print"></i> Cetak Data</a>
</div>--> </div> </div> </div>
</div><!-- /.row -->
</div><!-- /#page-wrapper --> </div><!-- /#wrapper --> <!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script> <script src="js/bootstrap.js"></script> <!-- Page Specific Plugins -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script> <script src="js/morris/chart-data-morris.js"></script>
<script src="js/tablesorter/jquery.tablesorter.js"></script> <script src="js/tablesorter/tables.js"></script>
</body> </html>
8.
Rekapgaji.php
<?php
session_start();
if (empty($_SESSION['username'])){ header('location:../index.html'); } else {
include "../koneksi.php"; ?>
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Aplikasi Penggajian Karyawan"> <meta name="author" content="Hakko Bio Richard">
<title>Rekap Data Absensi</title> <!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet"> <!-- Add custom CSS here -->
<link href="css/sb-admin.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <!-- Page Specific CSS -->
<link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css"> <script type="text/javascript">
// 1 detik = 1000
window.setTimeout("waktu()",1000); function waktu() {
var tanggal = new Date(); setTimeout("waktu()",1000);
document.getElementById("output").innerHTML =
tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); }
</script>
<script language="JavaScript"> var tanggallengkap = new String();
namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember");
namabulan = namabulan.split(" "); var tgl = new Date();
var hari = tgl.getDay(); var tanggal = tgl.getDate(); var bulan = tgl.getMonth(); var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun;
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings
='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+ scroll+',resizable'
popupWindow = window.open(url,winName,settings) }
</script> </head> <body>
<div id="wrapper"> <!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header">
<button type="button" class="navbar-toggle" toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.php">Aplikasi penggajian Karyawan</a> </div>
<!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li class="active"><a href="index.php"><i class="fa fa-dashboard"></i> Data Karyawan</a></li>
<li><a href="rekapgaji.php"><i class="fa fa-bar-chart-o"></i> Data Gaji Karyawan</a></li>
<li><a href="absensi.php"><i class="fa fa-edit"></i> Data Presensi Karyawan</a></li>
<li><a href="cetakgaji.php"><i class="fa fa-desktop"></i> Cetak Slip Gaji Karyawan</a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user"> <!--<li class="dropdown messages-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li class="dropdown-header">7 New Messages</li> <li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li> <li class="message-preview"> <a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span> <span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span> <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a> </li>
<li class="divider"></li>
<li><a href="#">View Inbox <span class="badge">7</span></a></li> </ul>
</li>-->
<!--<li class="dropdown alerts-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span><b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#">Default <span class="label label-default">Default</span></a></li> <li><a href="#">Primary <span class="label label-primary">Primary</span></a></li> <li><a href="#">Success <span class="label label-success">Success</span></a></li> <li><a href="#">Info <span class="label label-info">Info</span></a></li>
<li><a href="#">Warning <span class="label label-warning">Warning</span></a></li> <li><a href="#">Danger <span class="label label-danger">Danger</span></a></li> <li class="divider"></li>
<li><a href="#">View All</a></li> </ul>
</li>-->
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Hallo,
<?php
echo $_SESSION['username']; ?>
<b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user"></i> Profil</a></li> <li><a href="#"><i class="fa fa-envelope"></i> Pesan Masuk <span class="badge">7</span></a></li>
<li><a href="#"><i class="fa fa-gear"></i> Pengaturan </a></li> <li class="divider"></li>
<li><a href="../logout.php" onclick="return confirm('Apakah anda akan keluar?');"><i class="fa fa-power-off"></i> Keluar APeK</a></li> </ul>
</li> </ul>
</div><!-- /.navbar-collapse --> </nav>
<?php
$timeout = 10; // Set timeout minutes
$logout_redirect_url = "../index.html"; // Set logout URL $timeout = $timeout * 60; // Converts minutes to seconds if (isset($_SESSION['start_time'])) {
$elapsed_time = time() - $_SESSION['start_time']; if ($elapsed_time >= $timeout) {
session_destroy();
echo "<script>alert('Session Anda Telah Habis!'); window.location = '$logout_redirect_url'</script>";
} }
$_SESSION['start_time'] = time(); ?>
<?php } ?>