dwi.firman/eletter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

penambahan sweetalert,Login,template Menu

Browse Source
This commit is contained in:
firman4895
2024-06-14 16:03:36 +07:00
parent 5da401f823
commit 3f9000421b
11 changed files with 8354 additions and 902 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/koneksi.php
View File

@@ -1,8 +1,18 @@
<?php
$conn = pg_connect("host=10.10.123.230 port=5432 dbname=simdistu user='postgres' password='rumbuk'");
// $conn = pg_connect("host=10.10.123.230 port=5432 dbname=simdistu user='postgres' password='rumbuk'");
// if ($conn->connect_error) {
// die("Connection failed: " . $con->connect_error);
// }
$db_hostname = "10.10.123.230";
$db_port = "5432";
$db_username = "postgres";
$db_password = "rumbuk";
$db_name = "simdistu";
$koneksi = pg_connect("host=$db_hostname port=$db_port dbname=$db_name user=$db_username password=$db_password");
?>

BIN
src/assets/images/logo_rssa2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

3067
src/assets/vendor/sweetalert2/sweetalert2.all.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
src/assets/vendor/sweetalert2/sweetalert2.all.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1371
src/assets/vendor/sweetalert2/sweetalert2.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

3065
src/assets/vendor/sweetalert2/sweetalert2.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

1
src/assets/vendor/sweetalert2/sweetalert2.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
src/assets/vendor/sweetalert2/sweetalert2.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

94
src/index.php
View File

@@ -1,6 +1,3 @@
<?php
session_start();
?>
<!DOCTYPE html>
<html>
@@ -13,7 +10,7 @@ session_start();
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/logo_rssa.png">
<!-- App title -->
<title>E-LETTER RSSA 2</title>
<title>E-LETTER RSSA</title>
<!-- App css -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
@@ -23,6 +20,8 @@ session_start();
<link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
<link href="assets/css/menu.css" rel="stylesheet" type="text/css" />
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
<!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -49,8 +48,7 @@ session_start();
<div class="m-t-40 account-pages">
<div class="text-center account-logo-box" style="background-color:white">
<span>
<center><img src="assets/images/logo_rssa.jpg" alt="image" class="img-responsive"
width="200"></center>
<center><img src="assets/images/logo_rssa.jpg" alt="image" class="img-responsive" width="200"></center>
</span>
<br>
<h2 class="text-uppercase">
@@ -64,21 +62,18 @@ session_start();
<form class="form-horizontal" action="#">
<div class="form-group">
<div class="col-xs-12">
<input class="form-control" type="text" required="" placeholder="Username"
id="username">
<input class="form-control" type="text" required="" placeholder="Username" id="username">
</div>
</div>
<div class="form-group">
<div class="col-xs-12">
<input class="form-control" type="password" required=""
placeholder="Password" id="password" onkeydown="tekan1(event)">
<input class="form-control" type="password" required="" placeholder="Password" id="password" onkeydown="tekan1(event)">
</div>
</div>
<div class="form-group account-btn text-center m-t-10">
<div class="col-xs-12">
<button class="btn w-md btn-bordered btn-danger waves-effect waves-light"
type="button" name="login">Login</button>
<button class="btn w-md btn-bordered btn-danger waves-effect waves-light" type="button" name="login">Login</button>
</div>
</div>
@@ -107,9 +102,11 @@ session_start();
</section>
<!-- END HOME -->
<script src="assets/jquery/jquery-3.6.js"></script>
<script src="assets/jquery/jquery-3.6.min.js"></script>
<script>
var resizefunc = [];
// $('#username').first().focus().selected();
$('#username').first().focus();
</script>
<!-- jQuery -->
@@ -121,47 +118,61 @@ session_start();
<script src="assets/js/waves.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<!-- sweetalert2 -->
<script src="assets/vendor/sweetalert2/sweetalert2.js"></script>
<script src="assets/vendor/sweetalert2/sweetalert2.all.min.js"></script>
<!-- App js -->
<script src="assets/js/jquery.core.js"></script>
<script src="assets/js/jquery.app.js"></script>
<script>
/* $('button[name="login"]').click(function(){
$(location).attr('href', 'menu.php')
}); */
$("#add_err").css('display', 'none', 'important');
$("#add_err").hide();
$('button[name="login"]').click(function() {
var password = $('#password').val();
var username = $('#username').val();
if (username === '' && password === '') {
infoToast('error', 'Username dan Password \nHarus Terisi.....!!!');
return false;
}
if (username === '') {
infoToast('error', 'Username Harus Terisi.....!!!');
return false
}
if (password === '') {
infoToast('error', 'Password Harus Terisi.....!!!');
return false
}
$.ajax({
type: "POST",
url: "login.php",
data: "username=" + username + "&password=" + password,
data: {
username: username,
password: password
},
success: function(html) {
// if(html=='true') {
if (html != 'false') {
var chars = html.split('$%^');
var sess_nama = chars[0];
var sess_jenis = chars[1];
var sess_satker = chars[2];
var sess_nampeg = chars[3];
var sess_data_user_id = chars[4];
var sess_jabatan = chars[5];
var satker_nama = chars[6];
var sess_jabatan_id = chars[8];
window.location = "menu.php?nama=" + sess_nama + "&jenis=" + sess_jenis +
"&satker=" + sess_satker + "&nampeg=" + sess_nampeg + "&data_user_id=" +
sess_data_user_id + "&jabatan=" + sess_jabatan + "&satker_nama=" +
satker_nama + "&password=" + password + "&jabatan_id=" + sess_jabatan_id;
var data = {
nama: chars[0],
jenis: chars[1],
satker: chars[2],
nampeg: chars[3],
data_user_id: chars[4],
jabatan: chars[5],
satker_nama: chars[6],
jabatan_id: chars[8],
password: password
};
console.log(html);
window.location = "menu.php?" + $.param(data);
} else {
$("#add_err").css('display', 'inline', 'important');
alert("Username atau Password SALAH..");
infoToast('error', 'Username dan Password \n Tidak Sesuai...!!!');
}
},
beforeSend: function() {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").show();
}
});
return false;
@@ -173,8 +184,21 @@ session_start();
$('button[name="login"]').trigger('click');
}
}
function infoToast(icone, infone) {
Swal.fire({
// position: posisine,
icon: icone,
title: infone,
showConfirmButton: false,
timer: 2500
});
}
</script>
<script src="assets/js/enter.js"></script>
</body>
</html>

55
src/login.php
View File

@@ -1,14 +1,16 @@
<?php
include("app/koneksi.php");
session_start();
$password = $_POST['password'];
$username = $_POST['username'];
$res = pg_query("SELECT u.jenis_user,u.nama,u.satuan_kerja_id,u.data_pegawai_id,u.id,s.nama,u.password,u.jabatan_pegawai_id
$res = pg_query($koneksi,"SELECT u.jenis_user,u.nama,u.satuan_kerja_id,u.data_pegawai_id,u.id,s.nama,u.password,u.jabatan_pegawai_id
FROM data_user u
JOIN satuan_kerja s ON s.id = u.satuan_kerja_id
WHERE u.password = '{$password}' AND u.nama = '{$username}' AND u.aktif='true'");
INNER JOIN satuan_kerja s ON (s.id=u.satuan_kerja_id)
WHERE u.password='$password' AND u.nama='$username' AND u.aktif='t'");
$num_row = pg_num_rows($res);
$row = pg_fetch_array($res);
if ($num_row == 1) {
$jns_user_id = $row['jenis_user'];
$sess_nama = $row[1];
@@ -18,13 +20,13 @@ if ($num_row == 1) {
$satker_nama = $row[5];
$password = $row['password'];
$jabatan_pegawai_id = $row['jabatan_pegawai_id'];
$bb = pg_query("SELECT id,jenis FROM jenis_user WHERE id='$jns_user_id'");
$bb = pg_query($koneksi,"SELECT id,jenis FROM jenis_user WHERE id='$jns_user_id'");
while ($rj = pg_fetch_array($bb)) {
$sess_jenis = $rj['jenis'];
}
if (($sess_jenis == 'Kepala Urusan Admin') || ($sess_jenis == 'Sekretaris')) {
$cc = pg_query("SELECT p.nama,j.jenis,j.id,u.jabatan_pegawai_id FROM data_pegawai p
$cc = pg_query($koneksi,"SELECT p.nama,j.jenis,j.id,u.jabatan_pegawai_id FROM data_pegawai p
INNER JOIN data_user u ON (p.id=u.data_pegawai_id)
INNER JOIN jenis_user j ON (j.id=u.jenis_user) WHERE u.id='$data_user_id' AND u.aktif='t'
");
@@ -35,9 +37,10 @@ if ($num_row == 1) {
}
} else
if ($sess_jenis == 'Kepala') {
$cc = pg_query("SELECT p.nama,j.nama,j.id FROM data_pegawai p
$cc = pg_query($koneksi,"SELECT p.nama,j.nama,j.id FROM data_pegawai p
INNER JOIN data_user u ON (p.id=u.data_pegawai_id)
INNER JOIN jabatan_pegawai j ON (j.id=u.jabatan_pegawai_id) WHERE u.jabatan_pegawai_id='$jabatan_pegawai_id' AND u.aktif='t'
INNER JOIN jabatan_pegawai j ON (j.id=u.jabatan_pegawai_id)
WHERE u.jabatan_pegawai_id='$jabatan_pegawai_id' AND u.aktif='t'
");
while ($rk = pg_fetch_array($cc)) {
$sess_nampeg = $rk[0];
@@ -46,14 +49,7 @@ if ($num_row == 1) {
}
} else
if ($sess_jenis == 'Direksi') {
/*
$cc=pg_query("SELECT p.nama,j.nama,j.id FROM data_pegawai p
INNER JOIN data_user u ON (p.id=u.data_pegawai_id)
INNER JOIN jabatan_pegawai j ON (j.id=u.jabatan_pegawai_id) WHERE u.jabatan_pegawai_id='$jabatan_pegawai_id'
AND p.satuan_kerja='$sess_satker'
");
*/
$cc = pg_query("SELECT p.nama,j.nama,j.id FROM data_pegawai p
$cc = pg_query($koneksi,"SELECT p.nama,j.nama,j.id FROM data_pegawai p
INNER JOIN data_user u ON (p.id=u.data_pegawai_id)
INNER JOIN jenis_user u1 ON (u1.id=u.jenis_user)
INNER JOIN jabatan_pegawai j ON (j.id=u.jabatan_pegawai_id) WHERE u.jabatan_pegawai_id='$jabatan_pegawai_id' AND u.aktif='t' AND u1.jenis='Direksi'
@@ -65,28 +61,23 @@ if ($num_row == 1) {
}
} else {
$id_peg = $row['data_pegawai_id'];
$cc = pg_query("SELECT nama,satuan_kerja FROM data_pegawai WHERE id='$id_peg'");
$cc = pg_query($koneksi,"SELECT nama,satuan_kerja FROM data_pegawai WHERE id='$id_peg'");
while ($rs = pg_fetch_array($cc)) {
$sess_nampeg = $rs['nama'];
}
}
/*$id_peg=$row['data_pegawai_id'];
$cc=pg_query("SELECT nama,satuan_kerja FROM data_pegawai WHERE id='$id_peg'");
while($rs=pg_fetch_array($cc)) {
$sess_satker=$rs['satuan_kerja'];
} */
$array_session = [
'sess_name' => $sess_nama,
'sess_jenis' => $sess_jenis,
'sess_satker' => $sess_satker,
'sess_nampeg' => $sess_nampeg,
'data_user_id' => $data_user_id,
'sess_jabatan' => $sess_jabatan,
'satker_nama' => $satker_nama
];
// $_SESSION['userData'] = $array_session;
echo $sess_nama . '$%^' . $sess_jenis . '$%^' . $sess_satker . '$%^' . $sess_nampeg . '$%^' . $data_user_id . '$%^' . $sess_jabatan . '$%^' . $satker_nama . '$%^' . $password . '$%^' . $sess_jabatan_id;
$_SESSION = [
'idUser' => $data_user_id,
'username' => $sess_nama,
'namaPegawai' => $sess_nampeg,
'jenis' => $sess_jenis,
'satker' => $sess_satker,
'idJabatan' => $sess_jabatan_id,
'jabatan' => $sess_jabatan,
'nama_satker' => $satker_nama,
'pass' => $password
];
} else {
echo "false";
}

528
src/menu.php
View File

@@ -1,3 +1,4 @@
<?php session_start(); ?>
<!DOCTYPE html>
<html>
@@ -22,7 +23,7 @@
<link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
<link href="assets/css/menu.css" rel="stylesheet" type="text/css" />
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../plugins/switchery/switchery.min.css">
<!-- <link rel="stylesheet" href="../plugins/switchery/switchery.min.css"> -->
<!-- DataTables -->
<link href="plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
@@ -190,28 +191,13 @@
font-family: 'InterSB';
font-weight: normal;
}
/*
ul {
font-family: "Inter";font-size:15px;
}
*/
</style>
<!-- Begin page -->
<div id="wrapper">
<!-- Top Bar Start -->
<div class="topbar">
<div class="navbar-custom" style="background: rgba(161,219,0,1);
background: -moz-linear-gradient(left, rgba(161,219,0,1) 0%, rgba(255,242,0,1) 12%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 77%, rgba(255,242,0,1) 88%, rgba(161,219,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,219,0,1)), color-stop(12%, rgba(255,242,0,1)), color-stop(24%, rgba(255,255,255,1)), color-stop(77%, rgba(255,255,255,1)), color-stop(88%, rgba(255,242,0,1)), color-stop(100%, rgba(161,219,0,1)));
@@ -223,95 +209,54 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
<div class="container">
<div class="row">
<div class="col-lg-12">
<center><img style="padding:5px 5px 5px 5px" src="assets/images/logo-rssa-black-1.png">
</center>
<center><img style="padding:5px 5px 5px 5px" src="assets/images/logo-rssa-black-1.png"></center>
</div>
</div>
</div> <!-- end container -->
</div> <!-- end navbar-custom -->
<?php
// var_dump($_SESSION);
// exit();
?>
<input type="hidden" id="cek_nama" value="<?php echo $_GET['nama']; ?>">
<input type="hidden" id="cek_satker" value="<?php echo $_GET['satker']; ?>">
<input type="hidden" id="cek_jenis" value="<?php echo $_GET['jenis']; ?>">
<input type="hidden" id="cek_nampeg" value="<?php echo $_GET['nampeg']; ?>">
<input type="hidden" id="cek_data_user_id" value="<?php echo $_GET['data_user_id']; ?>">
<input type="hidden" id="cek_jabatan" value="<?php echo $_GET['jabatan']; ?>">
<input type="hidden" id="cek_satker_nama" value="<?php echo $_GET['satker_nama']; ?>">
<input type="hidden" id="cek_password" value="<?php echo $_GET['password']; ?>">
<input type="hidden" id="cek_jabatan_id" value="<?php echo $_GET['jabatan_id']; ?>">
<!--
<input type="text" id="cek_nama" value="<?php echo $_GET['nama']; ?>">
<input type="text" id="cek_satker" value="<?php echo $_GET['satker']; ?>">
<input type="text" id="cek_jenis" value="<?php echo $_GET['jenis']; ?>">
<input type="text" id="cek_nampeg" value="<?php echo $_GET['nampeg']; ?>">
<input type="text" id="cek_data_user_id" value="<?php echo $_GET['data_user_id']; ?>">
<input type="text" id="cek_jabatan" value="<?php echo $_GET['jabatan']; ?>">
<input type="text" id="cek_satker_nama" value="<?php echo $_GET['satker_nama']; ?>">
<input type="text" id="cek_password" value="<?php echo $_GET['password']; ?>">
<input type="text" id="cek_jabatan_id" value="<?php echo $_GET['jabatan_id']; ?>">
-->
<input type="hidden" id="cek_nama" value="<?php echo $_SESSION['username']; ?>">
<input type="hidden" id="cek_password" value="<?php echo $_SESSION['pass']; ?>">
<input type="hidden" id="cek_data_user_id" value="<?php echo $_SESSION['idUser']; ?>">
<input type="hidden" id="cek_nampeg" value="<?php echo $_SESSION['namaPegawai']; ?>">
<input type="hidden" id="cek_jabatan_id" value="<?php echo $_SESSION['idJabatan']; ?>">
<input type="hidden" id="cek_jabatan" value="<?php echo $_SESSION['jabatan']; ?>">
<input type="hidden" id="cek_satker_nama" value="<?php echo $_SESSION['nama_satker']; ?>">
<input type="hidden" id="cek_satker" value="<?php echo $_SESSION['satker']; ?>">
<input type="hidden" id="cek_jenis" value="<?php echo $_SESSION['jenis']; ?>">
<!-- LOGO -->
<div class="topbar-left" style="background-color:#f3f3f3" id="compose">
<a href="#" class="logo" style="font-size:16px"><span style="color:black">BERANDA UTAMA</span></a>
<div class="topbar-left" style="background-color:#f3f3f3;width: 5%;" id="compose">
<a href="#" class="logo"><img style="padding:10px;margin-left:10px; width: 100%;" src="assets/images/logo_rssa2.png"></a>
</div>
<!-- Button mobile view to collapse sidebar menu -->
<div class="navbar navbar-default" role="navigation">
<div class="navbar navbar-default" role="navigation" style="margin-left:5%">
<div class="container">
<!-- Navbar-left -->
<ul class="nav navbar-nav navbar-left">
<!--<li>
<a href="#" class="right-menu-item dropdown-toggle" data-toggle="dropdown">
<i class="mdi mdi-bell"></i>
<span class="badge up bg-success"></span>
</a>
</li>-->
<!-- <li class="hidden-xs">
<form role="search" class="app-search">
<input type="text" placeholder="Pencarian data.." style="font-size:14px;width:300px;"
class="form-control">
<a href=""><i class="fa fa-search"></i></a>
</form>
</li> -->
<li class="hidden-xs">
<form role="search" class="app-search">
<?php
if (($_GET['jenis'] == 'Kepala Urusan Admin') || ($_GET['jenis'] == 'Sekretaris')) {
if (($_SESSION['jenis'] == 'Kepala Urusan Admin') || ($_SESSION['jenis'] == 'Sekretaris')) {
?>
<input type="text" style="font-size:14px;width:1030px;" class="form-control"
value="<?php echo $_GET['nampeg'] . ' / ' . strtoupper($_GET['jenis']) . ' / ' . $_GET['satker_nama']; ?>"
disabled>
<input type="text" style="font-size:14px;width:1030px;" class="form-control" value="<?php echo $_SESSION['namaPegawai'] . ' / ' . strtoupper($_SESSION['jenis']) . ' / ' . $_SESSION['nama_satker']; ?>" disabled>
<?php } else
if ($_GET['jenis'] == 'Arsiparis') {
if ($_SESSION['jenis'] == 'Arsiparis') {
?>
<input type="text" style="font-size:14px;width:1030px;" class="form-control"
value="<?php echo $_GET['nampeg'] . ' / ' . strtoupper($_GET['jenis']); ?>"
disabled>
<input type="text" style="font-size:14px;width:1030px;" class="form-control" value="<?php echo $_SESSION['namaPegawai'] . ' / ' . strtoupper($_SESSION['jenis']); ?>" disabled>
<?php } else
if (($_GET['jenis'] == 'Admin') || ($_GET['jenis'] == 'Satker')) {
if (($_SESSION['jenis'] == 'Admin') || ($_SESSION['jenis'] == 'Satker')) {
?>
<input type="text" style="font-size:14px;width:1030px;" class="form-control"
value="<?php echo $_GET['nampeg'] . ' / ' . $_GET['satker_nama']; ?>" disabled>
<input type="text" style="font-size:14px;width:1030px;" class="form-control" value="<?php echo $_SESSION['namaPegawai'] . ' / ' . $_SESSION['nama_satker']; ?>" disabled>
<?php
} else {
?>
<input type="text" style="font-size:14px;width:1030px;" class="form-control"
value="<?php echo $_GET['nampeg'] . ' / ' . $_GET['jabatan']; ?>" disabled>
<input type="text" style="font-size:14px;width:1030px;" class="form-control" value="<?php echo $_SESSION['namaPegawai'] . ' / ' . $_SESSION['jabatan']; ?>" disabled>
<?php } ?>
</form>
</li>
@@ -319,133 +264,21 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
<!-- Right(Notification) -->
<ul class="nav navbar-nav navbar-right">
<!-- <li>
<a href="#" class="right-menu-item dropdown-toggle" data-toggle="dropdown">
<i class="mdi mdi-bell"></i>
<span class="badge up bg-success">4</span>
</a>
<ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right dropdown-lg user-list notify-list">
<li>
<h5>Notifications</h5>
</li>
<li>
<a href="#" class="user-list-item">
<div class="icon bg-info">
<i class="mdi mdi-account"></i>
</div>
<div class="user-desc">
<span class="name">New Signup</span>
<span class="time">5 hours ago</span>
</div>
</a>
</li>
<li>
<a href="#" class="user-list-item">
<div class="icon bg-danger">
<i class="mdi mdi-comment"></i>
</div>
<div class="user-desc">
<span class="name">New Message received</span>
<span class="time">1 day ago</span>
</div>
</a>
</li>
<li>
<a href="#" class="user-list-item">
<div class="icon bg-warning">
<i class="mdi mdi-settings"></i>
</div>
<div class="user-desc">
<span class="name">Settings</span>
<span class="time">1 day ago</span>
</div>
</a>
</li>
<li class="all-msgs text-center">
<p class="m-0"><a href="#">See all Notification</a></p>
</li>
</ul>
</li>-->
<!--<li>
<a href="#" class="right-menu-item dropdown-toggle" data-toggle="dropdown">
<i class="mdi mdi-email"></i>
<span class="badge up bg-danger">8</span>
</a>
<ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right dropdown-lg user-list notify-list">
<li>
<h5>Messages</h5>
</li>
<li>
<a href="#" class="user-list-item">
<div class="avatar">
<img src="assets/images/users/avatar-2.jpg" alt="">
</div>
<div class="user-desc">
<span class="name">Patricia Beach</span>
<span class="desc">There are new settings available</span>
<span class="time">2 hours ago</span>
</div>
</a>
</li>
<li>
<a href="#" class="user-list-item">
<div class="avatar">
<img src="assets/images/users/avatar-3.jpg" alt="">
</div>
<div class="user-desc">
<span class="name">Connie Lucas</span>
<span class="desc">There are new settings available</span>
<span class="time">2 hours ago</span>
</div>
</a>
</li>
<li>
<a href="#" class="user-list-item">
<div class="avatar">
<img src="assets/images/users/avatar-4.jpg" alt="">
</div>
<div class="user-desc">
<span class="name">Margaret Becker</span>
<span class="desc">There are new settings available</span>
<span class="time">2 hours ago</span>
</div>
</a>
</li>
<li class="all-msgs text-center">
<p class="m-0"><a href="#">See all Messages</a></p>
</li>
</ul>
</li> -->
<!-- <li>
<a href="javascript:void(0);" class="right-bar-toggle right-menu-item">
<i class="mdi mdi-settings"></i>
</a>
</li> -->
<li class="dropdown user-box">
<a href="#" class="right-menu-item dropdown-toggle" data-toggle="dropdown">
<i class="mdi mdi-account"></i>
</a>
<ul
class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right user-list notify-list">
<ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right user-list notify-list">
<li>
<h5>Hi, <?php echo $_GET['nama']; ?></h5>
<h5> <?php echo $_SESSION['namaPegawai']; ?></h5>
</li>
<li><a href="#" id="ganti_password"><i class="ti-user m-r-5"></i> Ubah Userlogin dan
Password</a></li>
<li><a href="#" id="ganti_password"><i class="ti-user m-r-5"></i> Ubah Userlogin dan Password</a></li>
<!--<li><a href="javascript:void(0)"><i class="ti-settings m-r-5"></i> Settings</a></li>
<li><a href="javascript:void(0)"><i class="ti-lock m-r-5"></i> Lock screen</a></li>-->
<li><a href="#" id="logout"><i class="ti-power-off m-r-5"></i> Logout</a></li>
</ul>
</li>
</ul> <!-- end navbar-right -->
</div><!-- end container -->
</div><!-- end navbar -->
</div>
@@ -455,152 +288,173 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
<!-- ========== Left Sidebar Start ========== -->
<div class="left side-menu" style="background-color:white;">
<div class="sidebar-inner slimscrollleft">
<!--- Sidemenu -->
<div id="sidebar-menu"><br><br><br><br><br><br><br>
<ul>
<?php if ($_GET['jenis'] == 'Admin') { ?>
<li class="menu-title" style="color:red">BAGIAN UMUM</li>
<?php if ($_SESSION['jenis'] == 'Admin') { ?>
<li class="menu-title">
<h4 style="color:red;font-weight: 600;">BAGIAN UMUM</h4>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kirimbu"><i
class="mdi mdi-arrange-send-backward"></i>
<a href="#" class="waves-effect" style="color:#707071" id="kirimbu"><i class="mdi mdi-arrange-send-backward"></i>
<span> Kirim Surat</span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="inboxbu"><i
class="mdi mdi-email"></i>
<span class="label label-danger pull-right" id="not_inboxbu"></span><span> Surat Masuk
</span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="inboxbu"><i class="mdi mdi-email"></i>
<span class="label label-danger pull-right" id="not_inboxbu"></span><span> Surat Masuk </span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kendalibu"><i
class="mdi mdi-account-box-outline"></i>
<span class="label label-danger pull-right" id="not_kendali_bu"></span><span>Kendali
BU</span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="kendalibu"><i class="mdi mdi-account-box-outline"></i>
<span class="label label-danger pull-right" id="not_kendali_bu"></span><span>Kendali BU</span> </a>
</li>
<?php } else {
} ?>
<li class="menu-title" style="color:green">
<?php if ($_GET['jenis'] == 'Admin') {
<li class="menu-title">
<h4 style="color:green;font-weight: 600;">
<?php if ($_SESSION['jenis'] == 'Admin') {
echo "TATA USAHA";
} else {
echo "Main Menu";
} ?></li>
<!-- <li class="has_sub">
<a href="javascript:void(0);" class="waves-effect" style="color:#707071"><i class="mdi mdi-email-outline"></i> <span>Inbox </span> </a>
</li>-->
} ?>
</h4>
</li>
<?php
if (($_GET['jenis'] == 'Kepala') || ($_GET['jenis'] == 'Satker') || ($_GET['jenis'] == 'Direksi') || ($_GET['jenis'] == 'Sekretaris')) {
if (($_SESSION['jenis'] == 'Kepala') || ($_SESSION['jenis'] == 'Satker') || ($_SESSION['jenis'] == 'Direksi') || ($_SESSION['jenis'] == 'Sekretaris')) {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="uparaf"><i
class="mdi mdi-tooltip-image"></i>
<a href="#" class="waves-effect" style="color:#707071" id="uparaf"><i class="mdi mdi-tooltip-image"></i>
<span> Upload Paraf </span> </a>
</li>
<?php }
if (($_GET['jenis'] == 'Direksi') || ($_GET['jenis'] == 'Sekretaris')) {
if (($_SESSION['jenis'] == 'Direksi') || ($_SESSION['jenis'] == 'Sekretaris')) {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="monitoring"><i
class="mdi mdi-recycle"></i>
<a href="#" class="waves-effect" style="color:#707071" id="monitoring"><i class="mdi mdi-recycle"></i>
<span> Monitoring</span> </a>
</li>
<?php } ?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kode_surat"><i
class="mdi mdi-library-books"></i>
<a href="#" class="waves-effect" style="color:#707071" id="kode_surat"><i class="mdi mdi-library-books"></i>
<span> Kode Surat</span> </a>
</li>
<?php
if ($_GET['jenis'] != 'Arsiparis') {
if ($_SESSION['jenis'] != 'Arsiparis') {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kirim"><i
class="mdi mdi-lead-pencil"></i>
<span> Kirim Surat</span> </a>
<button class="collapsible has_sub" style="padding-left: 25px;"><i class="mdi mdi-lead-pencil" style="margin-right: 20px;"></i>Kirim</button>
<div class="contain">
<li class="has_sub" style="margin-left: 10px;padding: 7px;">
<a href="#" class="waves-effect" style="color:#707071" id="kirim">
<i class="fa fa-circle" style="font-size: x-small;"></i> <span>Surat</span>
</a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="inbox"><i
class="mdi mdi-email-outline"></i>
<span class="label label-danger pull-right" id="not_inbox"></span><span> Surat Masuk
</span> </a>
<li class="has_sub" style=" margin-left: 10px;padding: 7px;">
<a href="#" class="waves-effect" style="color:#707071" id="s_pengesahan">
<i class="fa fa-circle" style="font-size: x-small;"></i> <span>Surat Pengesahan</span>
</a>
</li>
</div>
<!-- <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" >
<div class="panel panel-default waves-effect" style="border: none;">
<div class="panel-heading" role="tab" id="headingOne" style="background-color: white;border-color: white;">
<a role="button" data-toggle="collapse" style="color:#707071;width: 50%;" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
<i class="mdi mdi-lead-pencil"></i> <span>Kirim Surat</span>
</a>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kirim">
<i class="mdi mdi-lead-pencil"></i> <span>Kirim Surat</span>
</a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="s_pengesahan">
<i class="mdi mdi-lead-pencil"></i> <span>Surat Pengesahan</span>
</a>
</li>
</div>
</div>
</div>
</div> -->
<button class="collapsible has_sub" style="padding-left: 25px;"><i class="mdi mdi-email-outline" style="margin-right: 20px;"></i>Surat Masuk</button>
<div class="contain">
<li class="has_sub" style="margin-left: 10px;padding: 7px;">
<a href="#" class="waves-effect" style="color:#707071" id="inbox"><i class="fa fa-circle" style="font-size: x-small;"></i>
<span class="label label-danger pull-right" id="not_inbox"></span><span> Surat Masuk </span>
</a>
</li>
<li class="has_sub" style=" margin-left: 10px;padding: 7px;">
<a href="#" class="waves-effect" style="color:#707071" id="inbox_pengesahan" id="inbox_pengesahan"><i class="fa fa-circle" style="font-size: x-small;"></i>
<span class="label label-danger pull-right" id="not_inbox_pengesahan"></span><span>Pengesahan</span>
</a>
</li>
</div>
<?php
} else {
}
?>
<?php
if (($_GET['jenis'] == 'Admin') || ($_GET['nama'] == 'farmasi')) {
if (($_SESSION['jenis'] == 'Admin') || ($_SESSION['jenis'] == 'farmasi')) {
?>
<li class="has_sub" style="display:none">
<a href="#" class="waves-effect" style="color:#707071" id="smasuk"><i
class="mdi mdi-download"></i>
<a href="#" class="waves-effect" style="color:#707071" id="smasuk"><i class="mdi mdi-download"></i>
<span> Input Surat </span> </a>
</li>
<?php }
if (($_GET['jenis'] == 'Admin') || ($_GET['jenis'] == 'Kepala') || ($_GET['jenis'] == 'Arsiparis') || ($_GET['jenis'] == 'Direksi') || ($_GET['jenis'] == 'Kepala Urusan Admin') || ($_GET['jenis'] == 'Sekretaris')) {
if (($_SESSION['jenis'] == 'Admin') || ($_SESSION['jenis'] == 'Kepala') || ($_SESSION['jenis'] == 'Arsiparis') || ($_SESSION['jenis'] == 'Direksi') || ($_SESSION['jenis'] == 'Kepala Urusan Admin') || ($_SESSION['jenis'] == 'Sekretaris')) {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="disposisi"><i
class="mdi mdi-file-document"></i>
<span class="label label-danger pull-right" id="not_disposisi"></span> <span>Disposisi
</span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="disposisi"><i class="mdi mdi-file-document"></i>
<span class="label label-danger pull-right" id="not_disposisi"></span> <span>Disposisi </span> </a>
</li>
<?php
}
if (($_GET['jenis'] == 'Kepala') || ($_GET['jenis'] == 'Direksi') || ($_GET['jenis'] == 'Kepala Urusan Admin') || ($_GET['jenis'] == 'Sekretaris')) {
if (($_SESSION['jenis'] == 'Kepala') || ($_SESSION['jenis'] == 'Direksi') || ($_SESSION['jenis'] == 'Kepala Urusan Admin') || ($_SESSION['jenis'] == 'Sekretaris')) {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="riwayat_disposisi"><i
class="mdi mdi-recycle"></i>
<a href="#" class="waves-effect" style="color:#707071" id="riwayat_disposisi"><i class="mdi mdi-recycle"></i>
<span>Arsip Disposisi </span> </a>
</li>
<?php
}
if (($_GET['jenis'] == 'Admin') || ($_GET['jenis'] == 'Direksi') || ($_GET['jenis'] == 'Sekretaris')) {
if (($_SESSION['jenis'] == 'Admin') || ($_SESSION['jenis'] == 'Direksi') || ($_SESSION['jenis'] == 'Sekretaris')) {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kendali"><i
class="mdi mdi-file-outline"></i>
<?php if ($_GET['jenis'] == 'Admin') {
<a href="#" class="waves-effect" style="color:#707071" id="kendali"><i class="mdi mdi-file-outline"></i>
<?php if ($_SESSION['jenis'] == 'Admin') {
} else { ?>
<span class="label label-danger pull-right" id="not_kendali">
<?php } ?>
</span><span>Lembar Kendali </span> </a>
</li>
<?php }
if ($_GET['jenis'] == 'Admin') {
if ($_SESSION['jenis'] == 'Admin') {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kendalitu"><i
class="mdi mdi-account-location"></i>
<span class="label label-danger pull-right" id="not_kendali"></span><span>Kendali
TU</span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="kendalitu"><i class="mdi mdi-account-location"></i>
<span class="label label-danger pull-right" id="not_kendali"></span><span>Kendali TU</span> </a>
</li>
<?php } /* || ($_GET['satker']==84) */
if (($_GET['jenis'] == 'Admin') || ($_GET['satker'] == 15) || ($_GET['satker'] == 84)) {
<?php } /* || ($_SESSION['satker']==84) */
if (($_SESSION['jenis'] == 'Admin') || ($_SESSION['satker'] == 15) || ($_SESSION['satker'] == 84)) {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="skeluar"><i
class="mdi mdi-send"></i> <span>Surat Keluar </span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="skeluar"><i class="mdi mdi-send"></i> <span>Surat Keluar </span> </a>
</li>
<?php }
if (($_GET['jenis'] == 'Admin') || ($_GET['jenis'] == 'Direksi') || ($_GET['jenis'] == 'Sekretaris')) {
if (($_SESSION['jenis'] == 'Admin') || ($_SESSION['jenis'] == 'Direksi') || ($_SESSION['jenis'] == 'Sekretaris')) {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pencarian"><i
class="mdi mdi-magnify"></i> <span>Pencarian </span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="pencarian"><i class="mdi mdi-magnify"></i> <span>Pencarian </span> </a>
</li>
<?php
}
@@ -608,48 +462,33 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
?>
<?php
if (($_GET['jenis'] == 'Admin') || ($_GET['jenis'] == 'Arsiparis')) {
if (($_SESSION['jenis'] == 'Admin') || ($_SESSION['jenis'] == 'Arsiparis')) {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="arsip"><i
class="mdi mdi-archive"></i> <span>Arsip </span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="arsip"><i class="mdi mdi-archive"></i> <span>Arsip </span> </a>
</li>
<?php } ?>
<?php
if ($_GET['jenis'] == 'Admin') {
if ($_SESSION['jenis'] == 'Admin') {
?>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="laporan"><i
class="mdi mdi-buffer"></i> <span>Laporan </span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="laporan"><i class="mdi mdi-buffer"></i> <span>Laporan </span> </a>
</li>
<li class="menu-title" style="color:#707071">Master</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="master"><i
class="mdi mdi-settings"></i> <span>Master Data </span> </a>
<li class="menu-title">
<h4 style="color:#707071;font-weight: 600;">Master</h4>
</li>
<li class="menu-title" style="color:#707071">Ujicoba</li>
<!--
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="inbox_u"><i class="mdi mdi-email-outline"></i>
<span class="label label-danger pull-right" id="not_inbox_u"></span><span> Surat Masuk </span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="master"><i class="mdi mdi-settings"></i> <span>Master Data </span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kirim_u"><i class="mdi mdi-lead-pencil"></i>
<span> Kirim Surat</span> </a>
<a href="#" class="waves-effect" style="color:#707071" id="sifat_surat"><i class="fa fa-circle" style="font-size: x-small;"></i> <span>Sifat Surat</span> </a>
</li>
-->
<?php } ?>
<!--
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="tdisposisi"><i class="mdi mdi-file-document"></i>
<span>TES </span> </a>
</li>
-->
</ul>
</div>
<!-- Sidebar -->
@@ -676,9 +515,8 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
© 2019 dynandsoftware
</footer> -->
<footer class="main-footer navbar-fixed-bottom"
style="background-color:#36404e;color:white;px;padding:10px;" align="center">
&copy; 2020 dynandsoftware
<footer class="main-footer navbar-fixed-bottom" style="background-color:#36404e;color:white;padding:10px;" align="center">
Powerade &copy; STIM RSSA <?= date('Y') ?>
</footer>
</div>
@@ -743,18 +581,16 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
<div id="modal_kode" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div id="modal_kode" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header no-border">
<div class="modal-content" style="border-radius: 8px;">
<div class="modal-header ">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">List Kode Surat</h4>
</div>
<div class="modal-body" id="modal_body_kode"></div>
<div class="modal-footer no-border">
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal"
id="keluar_kode">Keluar</button>
<div class="modal-footer">
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_kode">Keluar</button>
</div>
</div>
</div>
@@ -924,6 +760,12 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
$('#kirim').click(function() {
$.post('app/kirim/main.php', function(html) {
$("#main_tag").html(html)
});
});
$('#s_pengesahan').click(function() {
$.post('app/spengesahan/main.php', function(html) {
$("#main_tag").html(html)
});
});
@@ -933,6 +775,11 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
$("#main_tag").html(html)
});
});
$('#inbox_pengesahan').click(function() {
$.post('app/inbox/pengesahan/main.php', function(html) {
$("#main_tag").html(html)
});
});
$('#kirimbu').click(function() {
$.post('app/kirim/main.php', {
@@ -975,6 +822,11 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
$("#main_tag").html(html)
});
});
$('#sifat_surat').click(function() {
$.post('app/master/sifat/main.php', function(html) {
$("#main_tag").html(html)
});
});
$('#kirim_u').click(function() {
$.post('app/kirim_u/main.php', function(html) {
@@ -1159,7 +1011,9 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
$.ajax({
type: "POST",
url: 'app/notif/inbox_notifbu.php',
data: 'satker=' + sess_satker,
data: {
satker: sess_satker
},
success: function(data) {
if (data == 0) {
$('#not_inboxbu').hide();
@@ -1174,7 +1028,9 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
$.ajax({
type: "POST",
url: 'app/notif/inbox_notifbu.php',
data: 'satker=' + sess_satker,
data: {
satker: sess_satker
},
success: function(data) {
if (data == 0) {
$('#not_inboxbu').hide();
@@ -1214,9 +1070,11 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
$.ajax({
type: "POST",
url: "app/master/user/crud.php",
data: 'id=' + cek_data_user_id +
'&baru=' + nm_baru +
'&key=' + key,
data: {
id: cek_data_user_id,
baru: nm_baru,
key: key
},
success: function(data) {
alert('Userlogin terupdate..');
}
@@ -1230,9 +1088,11 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
$.ajax({
type: "POST",
url: "app/master/user/crud.php",
data: 'id=' + cek_data_user_id +
'&baru=' + pwd_baru +
'&key=' + key,
data: {
id: cek_data_user_id,
baru: pwd_baru,
key: key
},
success: function(data) {
alert('Password terupdate..');
}
@@ -1257,4 +1117,64 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', end
<script src="assets/js/enter.js"></script>
</body>
<!-- script untuk collaps manual -->
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight) {
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script>
<style>
.collapsible {
background-color: white;
color: #707071;
cursor: pointer;
padding: 15px 25px 15px 15px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
}
.active,
.collapsible:hover {
background-color: #F7F7F7;
}
.collapsible:after {
content: '\2B9E';
/* color: white; */
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2B9F";
}
.contain {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;
}
.contain .has_sub {
padding: 600px;
}
</style>
</html>