Login Admin Sistem Cuti PT ISK

Tampilan Login
Coding :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
1
<title>Sistem Informasi Pengajuan Cuti Online - Login</title>
<link href="libs/images/isk-logo.jpg" rel="icon" type="images/x-icon">


<link href="libs/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">


<link href="dist/css/offline-font.css" rel="stylesheet">
<link href="dist/css/custom.css" rel="stylesheet">


<link href="libs/font-awesome/css/font-awesome.min.css" rel="stylesheet"
type="text/css">


<script src="libs/jquery/dist/jquery.min.js"></script>

 2

</head>
<body style="background-color: #f1f4f7">

<section id="main-wrapper" style="margin-top: 120px">
<div class="container-fluid">
<div class="row">
<div class="col-lg-4 col-lg-offset-4 col-md-4 col-md-offset-4">
</div>
</div>
<div class="row">
<div id="page-wrapper" class="col-lg-4 col-lg-offset-4 3
col-md-4 col-md-offset-4" style="background-color:
#ffffff; border-radius: 3px; webkit-box-shadow: 0 1px 1px
rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05)">
<div class="row">
<div class="col-lg-12">
<br/>
<center><img src="libs/images/isk-logo.jpg"
width="120" height="120"></center>
<h2 class="text-center">Sistem Informasi Pengajuan Cuti<br/>
<b>PT. ISK Indonesia</b></h2>
</div>
</div>
1
<div class="row">
<div class="panel panel-default">
<div class="panel-body"> 3
<form action="login_auth.php" method="post">
<div class="form-group">
<input type="text" class="form-control" name="username"
placeholder="Username" required>
</div>
<input type="password" class="form-control"

name="password" placeholder="Password" required>
</div>
<select class="form-control" name="akses" required>
<option value="">======= Login Sebagai =======</option>
<option value="Admin">Administrator/HRD</option>
<option value="Mng">Manager</option> 4
<option value="Spv">Supervisor</option>
</select>
</div>
<input type="submit" class="btn btn-success btn-block"
name="login" value="Masuk">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<script src="libs/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>
2
Login Admin :
Coding :
<!DOCTYPE html>
<html lang="en">
<head> 1
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Sistem Informasi Pengajuan Cuti Online PT. ISK Indonesia

- Beranda</title>


<link href="libs/metisMenu/dist/metisMenu.min.css" rel="stylesheet">

<link href=
"libs/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css"
rel="stylesheet">


<link href="libs/datatables-responsive/css/dataTables.responsive.css"
rel="stylesheet">
2

<link href="dist/css/sb-admin-2.css" rel="stylesheet">

<link href="libs/font-awesome/css/font-awesome.min.css" rel="stylesheet"
type="text/css">




</head>
<body>
<div id="wrapper"> 3

<nav class="navbar navbar-default navbar-static-top"
role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
3
<span class="icon-bar"></span></button>
<a class="navbar-brand hidden-xs" href="index.php">
<img src="libs/images/isk-logo.jpg" alt="brand" width="32"
class="float-left image-brand">
<div class="float-right"> <strong>PT. ISK Indonesia</strong> 3
</div>
<div class="clear-both"></div>
</a>
<a class="navbar-brand visible-xs" href="index.php">
<div class="float-right"> <strong>PT. ISK Indonesia</strong>
</div><div class="clear-both"></div></a>
</div>
<ul class="nav navbar-top-links navbar-right">

<li class="dropdown dropdown-right"> 4
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-user fa-fw"></i> Administrator
<i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user"> 5
<li><a href="pengaturan.php"><i class="fa fa-gear fa-fw"></i>
Pengaturan Akun</a></li>
<li class="divider"></li>
<li><a href="logout.php"><i class="fa fa-sign-out fa-fw"> 6
</i> Keluar</a></li>
</ul>
</li>
</ul>
<div class="navbar-default sidebar" role="navigation">

<div class="sidebar-nav navbar-collapse"> 7
<ul class="nav" id="side-menu">
<li class="sidebar-search"
<h4>Sistem Informasi Pengajuan Cuti Online <br>
<h5 class="text-muted"><i class="fa fa-calendar fa-fw">

</i> Senin, 20 Desember 2021</h5>
</li><li><a href="index.php" class="active"><i class="fa
fa-home fa-fw"></i> Beranda</a></li><li>
<a href="#"><i class="fa fa-group fa-fw"></i>
Data Karyawan<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li><a href="karyawan.php">Data Karyawan</a></li> 8
</ul>
</li>
<li>
<a href="#"><i class="fa fa-download fa-fw"></i> Approval
<span class="fa arrow"></span></a>
<li><a href="app_wait.php">Menunggu Approval</a></li><li><a
href="app.php">Approved</a></li><li><a href="app_all.php">
Semua Data</a></li</ul>
<li>
<a href="#"><i class="fa fa-folder fa-fw"></i>&
4
nbsp;Laporan<span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> 8
<li><a href="laporan.php">Laporan</a></li>
</li></ul>
</div>
<script src="libs/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="libs/metisMenu/dist/metisMenu.min.js"></script>
 9
<script src="libs/datatables/media/js/jquery.dataTables.min.js">
</script><script
src="libs/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></
script>

<script src="libs/jTerbilang/jTerbilang.js"></script>

<script src="dist/js/sb-admin-2.js"></script>
</body>
</html>
5
Data Karyawan
Codingan :
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="description" content=""> 1
<title>Sistem Informasi Pengajuan Cuti Online

PT. ISK Indonesia - Data Karyawan</title>



<link href="
libs/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css"
rel="stylesheet">

<link href=" 2
libs/datatables-responsive/css/dataTables.responsive.css"
rel="stylesheet">



<link href="libs/font-awesome/css/font-awesome.min.css"
rel="stylesheet" type="text/css">





</head>
<body><div id="wrapper">

6
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span> 4
</button>
<img src="libs/images/isk-logo.jpg" alt="brand"
width="32" class="float-left image-brand">
<div class="float-right"> <strong>
PT. ISK Indonesia</strong></div> 5
<div class="clear-both"></div></a>
<img src="libs/images/isk-logo.jpg" alt="brand"
width="32" class="float-left image-brand">
<div class="float-right"> <strong>
PT. ISK Indonesia</strong></div>
</a></div>

<li class="dropdown dropdown-right">
<i class="fa fa-user fa-fw"></i> 6
Administrator <i class="fa fa-caret-down"></i>
</a><ul class="dropdown-menu dropdown-user">
<li><a href="pengaturan.php"><i class="fa fa-gear fa-fw"></i>
Pengaturan Akun</a></li>
<li><a href="logout.php"><i class="fa fa-sign-out fa-fw">
</i> Keluar</a></li></ul>
</li></ul>

<div class="sidebar-nav navbar-collapse">
<ul class="nav" id="side-menu"> 7
<li class="sidebar-search">
<h4>Sistem Informasi Pengajuan Cuti Online
<br> <b>PT. ISK Indonesia</b></h4>
</li>
<li><a href="index.php"><i class="fa fa-home fa-fw">
</i> Beranda</a></li><li>
<a href="#"><i class="fa fa-folder fa-fw"></i>
Laporan<span class="fa arrow"></span></a>
7
</li>
</ul>
</div>

</div
</nav> 9
<div id="page-wrapper">
<div class="container-fluid">
<div class="row">
<div class="row">
<div class="col-lg-12"></div>
</div>
<div class="row">
<div class="panel panel-default">
<div class="panel-heading">
<a href="karyawan_tambah.php"class="btn btn-success">Tambah</a>
</div>
<div class="panel-body">
<table class="table table-striped table-bordered
table-hover" id="tabel-data">
<thead>
<tr>
<th width="1%">No</th>
<th width="10%">NPP</th>
<th width="10%">Nama</th> 10
<th width="5%">Telepon</th>
<th width="10%">Divisi</th>
<th width="10%">Akses</th>
<th width="10%">Opsi</th>
</tr>
</thead><tbody>
<tr><td class="text-center">1</td><td class="text-center">
Gladys</td><td class="text-center">Manager</td><td
class="text-center">081287189898</td><td class="text-center">IT</td><td class="text-
center">Manager</td><td class="text-center">
<a href="#myModal" data-toggle="modal" data-load-code="Gladys" data-remote-

target="#myModal .modal-body" class="btn btn-primary btn-xs">Detail</a>
<a href="karyawan_edit.php?npp=Gladys" class="btn btn-warning

btn-xs">Edit</a>
<ahref="karyawan_hapus.php?npp=Gladys" onclick="return confirm
('Apakah anda yakin akan menghapus Manager?');"class="btn btn-danger
btn-xs">Hapus</a></td>
</td></tr><tr><td class="text-center">2</td><td class="text-center"> 11
Ruhama</td><td class="text-center">Pegawai</td><td
class="text-center">0812983198</td><td class="text-center">IT</td><td class="text-
center">Pegawai</td><td class="text-center">
<a href="#myModal" data-toggle="modal" data-load-code="Ruhama" data-remote-

<a href="karyawan_edit.php?npp=Ruhama" class="btn btn-warning

btn-xs">Edit</a>
<a href="karyawan_hapus.php?npp=Ruhama" onclick="return
confirm
8
('Apakah anda yakin akan menghapus Pegawai?');" class="btn btn-danger
btn-xs">Hapus</a></td>
</td></tr><tr><td class="text-center">3</td> 12
<td class="text-center">Riska</td><td class="text-center">
Test Supervisor</td><td class="text-center">08129181998</td>
<td class="text-center">IT</td><td class="text-center">
Supervisor</td><td class="text-center">
<a href="#myModal" data-toggle="modal" data-load-code="Riska" data-remote-

<a href="karyawan_edit.php?npp=Riska" class="btn btn-warning btn-xs">Edit</a>
<a href="karyawan_hapus.php?npp=Riska" onclick="return confirm

('Apakah anda yakin akan menghapus Test Supervisor?');" 13
class="btn btn-danger btn-xs">Hapus</a></td>
</td></tr></tbody>
</table>
</div>
<div class="modal fade bs-example-modal" id="myModal"
tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<p>One fine body…</p>
</div></div>
</div></div>
</div>
</div>
</div>
</div>
</div>
 14
<script type="text/javascript">$(document).ready(function()
{$('#tabel-data').DataTable({"responsive": true,"processing":
true,columnDefs": [{ "orderable": false, "targets": [6] }]});
$('#tabel-data').parent().addClass("table-responsive");});
</script>
<script>
var app = {code: '0'};
$('[data-load-code]').on('click',function(e){
e.preventDefault();var $this = $(this); 15
var code = $this.data('load-code');
if(code) {$($this.data('remote-target')).load
('karyawan_detail.php?code='+code);app.code = code;});
</script></div>


<div class="navbar navbar-inverse navbar-fixed-bottom footer-bottom">
<div class="container text-center">
<p class="text-center" style="color: #D1C4E9;
margin: 0 0 5px; padding: 0"><small>PT. ISK Indonesia</p>
</div>
</div>
<script src="libs/bootstrap/dist/js/bootstrap.min.js"></script> 16

<script src="libs/metisMenu/dist/metisMenu.min.js"></script>

<script src="libs/datatables/media/js/jquery.dataTables.min.js"></script>
<script
src="libs/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></
script>
9

<script src="libs/jTerbilang/jTerbilang.js"></script>

<script src="dist/js/sb-admin-2.js"></script>
</body>
</html>
10
Data Approval
Coding :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sistem Informasi Pengajuan Cuti Online PT. ISK Indonesia
-Semua Data</title>



<link href="
libs/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css"
rel="stylesheet">

<link href="libs/datatables-responsive/css/dataTables.responsive.css"
rel="stylesheet">



<link href="libs/font-awesome/css/font-awesome.min.css"rel="stylesheet"
type="text/css">





</head>
<body>
11
<div id="wrapper">


<button type="button" class="navbar-toggle" data-toggle=
"collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
</button>
<div class="float-right"> <strong>PT. ISK Indonesia</strong></div>
</a>
<div class="float-right"> <strong>PT. ISK Indonesia</strong>
</div><div class="clear-both"></div>
</a>
</div>

<li class="dropdown dropdown-right">
<i class="fa fa-user fa-fw"></i> Administrator
<i class="fa fa-caret-down"></i>
</a><ul class="dropdown-menu dropdown-user">
<li><a href="pengaturan.php"><i class="fa fa-gear fa-fw">
</i> Pengaturan Akun</a></li>
<li><a href="logout.php"><i class="fa fa-sign-out fa-fw"></i>
Keluar</a></li></ul>
</li>
</ul>

<div class="sidebar-nav navbar-collapse">
<ul class="nav" id="side-menu">
<li class="sidebar-search">
<h4>Sistem Informasi Pengajuan Cuti Online <br>
</li>
<li><a href="index.php"><i class="fa fa-home fa-fw">
</i> Beranda</a></li><li>
<li>
<a href="#"><i class="fa fa-folder fa-fw"></i>&
nbsp;Laporan<span class="fa arrow"></span></a>
</li></ul>
</div>
</div>
</nav>
<div id="page-wrapper"><div class="container-fluid">
<div class="row"><div class="col-lg-12">
<h1 class="page-header">Semua Data Cuti</h1>
</div>
</div>
<div class="row">
<div class="col-lg-12"></div>
</div>
<div class="row">
<div class="col-lg-12"><div class="panel panel-default">
<div class="panel-body">
</body>
</html>
13

Login Admin Sistem Cuti PT ISK

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Login Admin Sistem Cuti PT ISK

Uploaded by

Copyright:

Available Formats

Tampilan Login

<link href="libs/images/isk-logo.jpg" rel="icon" type="images/x-icon">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements

<body style="background-color: #f1f4f7">

<input type="password" class="form-control"

<title>Sistem Informasi Pengajuan Cuti Online PT. ISK Indonesia

<!-- HTML5 Shim and Respond.js IE8 support of

<ul class="nav navbar-top-links navbar-right">

<div class="navbar-default sidebar" role="navigation">

<h5 class="text-muted"><i class="fa fa-calendar fa-fw">

<title>Sistem Informasi Pengajuan Cuti Online

<link href="libs/images/isk-logo.jpg" rel="icon" type="images/x-icon">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5

<ul class="nav navbar-top-links navbar-right">

<div class="navbar-default sidebar" role="navigation">

<a href="#myModal" data-toggle="modal" data-load-code="Gladys" data-remote-

<a href="karyawan_edit.php?npp=Gladys" class="btn btn-warning

<a href="#myModal" data-toggle="modal" data-load-code="Ruhama" data-remote-

<a href="karyawan_edit.php?npp=Ruhama" class="btn btn-warning

<a href="#myModal" data-toggle="modal" data-load-code="Riska" data-remote-

<a href="karyawan_edit.php?npp=Riska" class="btn btn-warning btn-xs">Edit</a>

<a href="karyawan_hapus.php?npp=Riska" onclick="return confirm

<link href="libs/images/isk-logo.jpg" rel="icon" type="images/x-icon">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements

<ul class="nav navbar-top-links navbar-right">

<div class="navbar-default sidebar" role="navigation">

You might also like