Вы находитесь на странице: 1из 8

<?

php
$server = "localhost";
$username = "root";
$password = "";
$database = "latihanuas";

// Koneksi dan memilih database di server


$konek = mysqli_connect($server,$username,$password,$database) or die("Koneksi
gagal");
// mysqli_select_db($server,$database) or die("Database tidak bisa dibuka");
?>

<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head
content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">

<title>Sistem Pegawai Kantor</title>

<!-- Bootstrap core CSS -->


<style>
.input-tanggal{
padding: 10px;
font-size: 14pt;
}
.scroll{
width: 1140px;
background: white;
padding: 10px;
overflow: scroll;
height: 300px;

}
#myInput {
background-image: url('/css/searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
width: 25%;
font-size: 14px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}
</style>

</head>
<script type="text/javascript">
$(document).ready(function(){
$('.input-tanggal').datepicker();
});
</script>
<body class="w3-container">
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-
toggle="collapse" data-target="#navbar" aria-expanded="false" aria-
controls="navbar">
<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="./">Data Pegawai kantor</a>
</div>

</div>
</nav>
<!-- Begin page content -->
<div class="container" style="margin-bottom: 20px;" align="center">
<?php
if (!isset($_GET['act'])) {
?>
<div class="panel panel-primary" style="width: 60%" align="left">
<div class="panel-heading">
<h3 class="panel-title">Data Pegawai Kantor</h3>
<a href="read-v2.php?act=edit"></a>
</div>
<!-- Gambar Panel utama -->
<div class="panel-body">
<div style="margin-bottom: 10px;"><a class="btn btn-primary"
href="read-v2.php?act=input">Tambah Data</a></div>
<div class="col-md-20 col-md-offset-0 ">

<table id="myTable" class="table table-bordered table-striped"


style="width: 100%;">
<thead>
<tr style="text-align: center;">
<th style="text-align: center;">NIDN </th>
<th style="text-align: center;">Nama Pegawai </th>
<th style="text-align: center;">Jenis Kelamin </th>
<th style="text-align: center;">Pendidikan </th>
<th style="text-align: center;">Prodi </th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
$sqlAdmin = mysqli_query($konek,"SELECT * FROM pegawai ORDER
BY nidn ASC");
while ($data=mysqli_fetch_array($sqlAdmin)) {
echo "
<tr style='text-align: center'>
<td>$data[nidn]</td>
<td>$data[nama]</td>
<td>$data[jk]</td>
<td>$data[pendidikan]</td>
<td>$data[prodi]</td>
<td class='text-center'>
<a href='read-v2.php?act=edit&nidn=$data[nidn]'
class='btn btn-warning btn-sm'>Edit</a>
<a href='read-v2.php?act=delete&nidn=$data[nidn]'
class='btn btn-danger btn-sm'>Hapus</a>
</td>
</tr>";
$no++;
}
?>
</tbody>
</table>
<script>
</script>
</div>
</div>
</div>
</div>
<?php
}elseif ($_GET['act']=="input") {
?>
<div class="panel panel-primary" style="width: 50%;margin-left: 5%;"
align="left">
<div class="panel-heading">
<h3 class="panel-title">Tambah Data Input Pegawai</h3>
</div>
<div class="panel-body">

<form class="form-horizontal" method="get" action="read-v2.php"


style="margin-top: 30px;">
<input type="text" name="act" value="simpan" hidden>
<div class="form-group">
<label class="col-md-3">NIDN</label>
<div class="col-md-8">
<input type="text" name="nidn" class="form-control col-md-
4" placeholder="nomer NIDN" required="yes">
</div>
</div>

<div class="form-group">
<label class="col-md-3">Nama Pegawai</label>
<div class="col-md-8">
<input type="input" name="nama" class="form-control"
placeholder="Nama Pegawai" required="yes"></input>
</div>
</div>

<div class="form-group">
<label class="col-md-3">Jenis Kelamin</label>
<div class="col-md-8">
<input type="text" name="jk" class="form-control"
placeholder="Jenis Kelamin" required="yes"></input>
</div>
</div>

<div class="form-group">
<label class="col-md-3">Pendidikan</label>
<div class="col-md-8">
<select name="pendidikan" class="form-control"
placeholder="" required="yes">
<option value="" style="text-align: center;">-----------
Silahkan Di isi ----------</option>
<option value='S1'>S1 | Strata 1</option>";
<option value='S2'>S2 | Strata 2</option>";
<option value='S3'>S3 | Strata 3</option>";
</select>
</div>
</div>

<div class="form-group">
<label class="col-md-3">Prodi</label>
<div class="form-group">
<p for="" style="float: left;margin-right: 10px;"> <input
style="margin-right: 10px;" type="radio" name="prodi" placeholder="Prodi"
required="yes" value="Teknik Informatika"> Teknik Informatika</p>
<p for=""> <input style="margin-right: 10px;"
type="radio" name="prodi" placeholder="Prodi" required="yes" value="Sistem
Informatika"> Sistem Informatika</p>
</div>
</div>
</div>

<div class="form-group" style="margin-top: 30px;">


<label class="col-md-4 col-md-offset-3"></label>
<div class="col-md-5" style="margin-top: 30px;">
<input type="submit" class="btn btn-primary"
value="Simpan"></input>
<a href="data_pasien.php" class="btn btn-danger">Batal</a>
</div>
</div>
</form>
</div>
</div>
<?php
}elseif ($_GET['act']=='simpan') {
$nidn=$_GET['nidn'];
$nama=$_GET['nama'];
$jk=$_GET['jk'];
$pendidikan=$_GET['pendidikan'];
$prodi=$_GET['prodi'];
$simpan = mysqli_query($konek,"INSERT INTO
pegawai(nidn,nama,jk,pendidikan,prodi)

VALUES('$nidn','$nama','$jk','$pendidikan','$prodi')");
header('location:read-v2.php?');
}elseif ($_GET['act']=='edit') {
$nidn=$_GET['nidn'];
$sqldata = mysqli_query($konek,"SELECT * FROM pegawai WHERE nidn=$nidn");
$data=mysqli_fetch_array($sqldata);
?>
<div class="panel panel-primary" style="width: 50%;margin-left: 5%;"
align="left">
<div class="panel-heading">
<h3 class="panel-title">Tambah Data Input Pegawai</h3>
</div>
<div class="panel-body">
<form class="form-horizontal" method="get" action="read-v2.php"
style="margin-top: 30px;">
<input type="text" name="act" value="update" hidden>
<div class="form-group">
<label class="col-md-3">NIDN</label>
<div class="col-md-8">
<input type="text" name="nidn" class="form-control col-md-
4" placeholder="nomer NIDN" required="yes" value='<?php echo $data['nidn']; ?>'
readonly>
</div>
</div>

<div class="form-group">
<label class="col-md-3">Nama Pegawai</label>
<div class="col-md-8">
<input type="input" name="nama" class="form-control"
placeholder="Nama Pegawai" required="yes" value='<?php echo $data['nama']; ?>'
></input>
</div>
</div>

<div class="form-group">
<label class="col-md-3">Jenis Kelamin</label>
<div class="col-md-8">
<input type="text" name="jk" class="form-control"
placeholder="Jenis Kelamin" required="yes" value='<?php echo $data['jk']; ?
>'></input>
</div>
</div>

<div class="form-group">
<label class="col-md-3">Pendidikan</label>
<div class="col-md-8">
<select name="pendidikan" class="form-control"
placeholder="" required="yes">
<option value="value='<?php echo $data['pendidikan']; ?
>'" style="text-align: center;"><?php echo $data['pendidikan']; ?></option>
<option value='S1'>S1 | Strata 1</option>";
<option value='S2'>S2 | Strata 2</option>";
<option value='S3'>S3 | Strata 3</option>";
</select>
</div>
</div>

<div class="form-group">
<label class="col-md-3">Prodi</label>
<div class="form-group">
<p for="" style="float: left;margin-right: 10px;"> <input
style="margin-right: 10px;" type="radio" name="prodi" placeholder="Prodi"
required="yes" value="Teknik Informatika" <?php if ($data['prodi']=="Teknik
Informatika") {
echo "Checked";
} ?>> Teknik Informatika</p>
<p for=""> <input style="margin-right: 10px;"
type="radio" name="prodi" placeholder="Prodi" required="yes" value="Sistem
Informatika" <?php if ($data['prodi']!="Teknik Informatika") {
echo "Checked";
} ?>> Sistem Informatika</p>
</div>
</div>
</div>
<div class="form-group" style="margin-top: 30px;">
<label class="col-md-4 col-md-offset-3"></label>
<div class="col-md-5" style="margin-top: 30px;">
<input type="submit" class="btn btn-primary"
value="Simpan"></input>
<a href="data_pasien.php" class="btn btn-danger">Batal</a>
</div>
</div>
</form>
</div>
</div>
<?php
}elseif ($_GET['act']=='update') {
$nidn=$_GET['nidn'];
$nama=$_GET['nama'];
$jk=$_GET['jk'];
$pendidikan=$_GET['pendidikan'];
$prodi=$_GET['prodi'];
$update = mysqli_query($konek,"UPDATE pegawai SET nama='$nama',
jk='$jk',

pendidikan='$pendidikan',
prodi='$prodi'
WHERE nidn='$nidn'");
header('location:read-v2.php?');
}
?>
</div>
<!-- end page content -->
<div style="margin-top: 60px;">
<footer class="footer">
<div class="container">
<p class="text-muted" style="float: left;">Create By :</p>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-->

<!-- <script>window.jQuery || document.write('<script


src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> -->

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
<p class="text-muted" style="float: left;">A</p>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-->

<!-- <script>window.jQuery || document.write('<script


src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> -->

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
<p class="text-muted" style="float: left;">H</p>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-->

<!-- <script>window.jQuery || document.write('<script


src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> -->

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
<p class="text-muted" style="float: left;">M</p>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-->

<!-- <script>window.jQuery || document.write('<script


src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> -->

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
<p class="text-muted" style="float: left;">A</p>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-->

<!-- <script>window.jQuery || document.write('<script


src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> -->

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
<p class="text-muted" style="float: left;">D</p>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-->

<!-- <script>window.jQuery || document.write('<script


src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> -->

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
<p class="text-muted" style="float: left;">H</p>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-->

<!-- <script>window.jQuery || document.write('<script


src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> -->

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
</div>
</footer>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- <script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-->

<!-- <script>window.jQuery || document.write('<script


src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> -->

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
</body>
</html>

Вам также может понравиться