Files
simpro-rssa/menu.php
T

1192 lines
55 KiB
PHP

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
<meta name="author" content="Coderthemes">
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/logo_rssa.png">
<!-- App title -->
<title>SIMPRO RSSA</title>
<!-- App css -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/core.css" rel="stylesheet" type="text/css" />
<link href="assets/css/components.css" rel="stylesheet" type="text/css" />
<link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
<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/select2/css/select2.min.css">
<!-- DataTables -->
<link href="plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/responsive.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/scroller.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/dataTables.colVis.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="plugins/datatables/fixedColumns.dataTables.min.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:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="assets/js/modernizr.min.js"></script>
</head>
<body class="fixed-left">
<style type="text/css">
.btn-circle.btn-md {
width: 40px;
height: 40px;
padding: 7px 10px;
border-radius: 25px;
font-size: 15px;
text-align: center;
border: 3px solid #66b5fb;
}
#sidebar-menu ul li a:hover {
background:#f1f3f4 !important;
font-color:white;
}
#sidebar-menu ul li a:focus {
background:#fce8e6 !important;
color:#d93025 !important;
font-weight: bold;
}
.no-border{
border:none;
}
.popover {background-color: black;}
.popover.top .arrow::after {border-top-color: black; }
.popover-content {background-color: black;color:white;font-size: 14px;text-align: center;}
</style>
<style type="text/css">
table.dataTable tbody tr td{
border-bottom: 1px solid transparent;
}
table.dataTable tbody tr:hover td {
border-top: #aaaaaa 1px solid;
border-bottom: #aaaaaa 3px solid;
}
table.dataTable tbody tr:hover .kiri {
border-left: #aaaaaa 1px solid;
}
table.dataTable tbody tr:hover .kanan {
border-right: #aaaaaa 1px solid;
}
thead {
color:black;
}
h4 {
font-family: "GSans";
}
@font-face {
font-family: "GSans";
src: url('assets/fonts/googlesans-regular-webfont.woff') format('woff');
}
@font-face {
font-family: "GSans_Med";
src: url('assets/fonts/googlesans-medium-webfont.woff') format('woff');
}
@font-face {
font-family: "RobReg";
src: url('assets/fonts/roboto-regular-webfont.woff') format('woff');
}
@font-face {
font-family: "OSansReg";
src: url('assets/fonts/opensans-regular-webfont.woff') format('woff');
}
@font-face {
font-family: "SSansReg";
src: url('assets/fonts/sourcesanspro-regular-webfont.woff') format('woff');
}
@font-face {
font-family: "RubReg";
src: url('assets/fonts/rubik-regular-webfont.woff') format('woff');
}
@font-face {
font-family: "Inter";
src: url('assets/fonts/Inter-Regular.woff') format('woff');
}
@font-face {
font-family: "InterSB";
src: url('assets/fonts/Inter-SemiBold.woff') format('woff');
}
@font-face {
font-family: "RubMed";
src: url('assets/fonts/Rubik-Medium.woff') format('woff');
}
@font-face {
font-family: "RubSB";
src: url('assets/fonts/Rubik-SemiBold.woff') format('woff');
}
@font-face {
font-family: "PoppReg";
src: url('assets/fonts/poppins-medium-webfont.woff') format('woff');
}
/*
.judul_page {
font-family: "GSans_Med";
font-size:30px;
color:#cccccc;
}
*/
.judul_page {
font-family:RubMed;
color:#54B435;
display: block;
line-height: 50px;
padding-left: 12px;
letter-spacing: 2px;
z-index: 15;
font-size:25px;
border-color:#A8E890;
text-transform: uppercase;
}
.judul_view {
font-family: "GSans_Med";
font-size:20px;
color:#cccccc;
}
.judul_verif {
font-family: "GSans_Med";
font-size:20px;
color:#cccccc;
}
.judul_modal {
font-family: "GSans_Med";
font-size:18px;
color:#cccccc;
}
.modal-title, .total{
font-family: "GSans_Med";
font-size: 20px;
color: #449d44;
}
.carvit {
font-family: "Arial";
font-weight: bold;
color:black;
}
.awalan {
font-family: "GSans_Med";
font-size:40px;
color:#cccccc;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
}
label {
font-family:'InterSB';font-weight: normal;color:black;
}
thead{
font-family: "InterSB";
font-size:14px;
text-transform: capitalize;
}
tbody{
font-family: "Inter";
font-size:13px;
color:black
}
/*
table.dataTable thead tr td {
font-family: "Inter";
color: gray;
}
table thead tr td {
font-family: "Inter";
color: gray;
text-transform: uppercase;
}
table.dataTable tbody tr td {
font-family: "Inter";
color: black;
}
table tbody tr td {
font-family: "Inter";
color: black;
}
label {
font-family: "Inter";
color:gray;
}
*/
.tabpro {
font-family: "InterSB";font-weight: normal;
color:black;
}
.tabmenu {
font-family:'InterSB';font-weight: normal;
}
/* webkit-font-smoothing: antialiased; */
.menu-title {
color:black;font-family:"InterSB";
}
</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)));
background: -webkit-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: -o-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: -ms-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: linear-gradient(to right, 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%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1db00', endColorstr='#a1db00', GradientType=1 );">
<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>
</div>
</div>
</div> <!-- end container -->
</div> <!-- end navbar-custom -->
<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_data_pegawai_id" value="<?php echo $_GET['data_pegawai_id']; ?>">
<input type="hidden" id="cek_nampeg" value="<?php echo $_GET['nampeg']; ?>">
<input type="hidden" id="cek_nipb" value="<?php echo $_GET['nipb']; ?>">
<input type="hidden" id="cek_nama_satker" value="<?php echo $_GET['nama_satker']; ?>">
<input type="hidden" id="cek_password" value="<?php echo $_GET['password']; ?>">
<!-- LOGO -->
<div class="topbar-left" style="background-color:#f3f3f3" id="compose">
<a href="#" class="logo" style="font-size:16px"><span style="color:black">BERANDA</span></a>
<!-- Image logo -->
<!--<a href="index.html" class="logo">-->
<!--<span>-->
<!--<img src="assets/images/logo.png" alt="" height="30">-->
<!--</span>-->
<!--<i>-->
<!--<img src="assets/images/logo_sm.png" alt="" height="28">-->
<!--</i>-->
<!--</a>-->
</div>
<!-- Button mobile view to collapse sidebar menu -->
<div class="navbar navbar-default" role="navigation">
<div class="container">
<!-- Navbar-left -->
<ul class="nav navbar-nav navbar-left">
<li>
<button class="button-menu-mobile open-left waves-effect">
<i class="mdi mdi-menu"></i>
</button>
</li>
<li class="hidden-xs">
<form role="search" class="app-search">
<input type="text" style="font-size:14px;width:800px;" class="form-control" value="<?php
if ($_GET['jenis']=='Staf') {
echo $_GET['nampeg'].' / '.$_GET['nipb'];
} else
if ($_GET['jenis']=='Admin') {
echo $_GET['jenis'].' / '.$_GET['nama_satker'];
} else
if ($_GET['jenis']=='Kordik') {
echo $_GET['nampeg'].' / '.$_GET['jenis'].' / '.$_GET['nama_satker'];
}
?>" disabled>
</form>
</li>
</ul>
<!-- 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">
<li>
<h5>Hi, <?php echo $_GET['nama']; ?></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="javascript:void(0)"><i class="ti-user m-r-5"></i> Profile</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>
<!-- Top Bar 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>
<ul>
<?php if ($_GET['jenis']!='Staf') {?>
<!--
<li class="menu-title">Pelatihan</li>
-->
<?php if ($_GET['jenis']!='Bidang') {?>
<!--
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_info"><i class="mdi mdi-information-outline"></i> <span>Info Kegiatan </span> </a>
</li>
-->
<?php }
if($_GET['jenis']=='Bidang') {
?>
<!--
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="cekpeserta"><i class="mdi mdi-account-check"></i> <span>Cek Peserta </span> </a>
</li>
-->
<?php } else
if($_GET['jenis']=='Admin') {
?>
<!--
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_persiapan"><i class=" mdi mdi-cast"></i><span class="label label-danger pull-right">2</span> <span>Persiapan</span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_kehadiran"><i class="mdi mdi-check-circle-outline"></i> <span>Kegiatan </span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_evaluasipp"><i class="mdi mdi-file-outline"></i> <span>Evaluasi Hasil</span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_nilaipp"><i class="mdi mdi-tag-outline"></i> <span>Evaluasi Acara</span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071"><i class="mdi mdi-buffer"></i> <span>Laporan </span> </a>
</li>
-->
<?php } else
if($_GET['jenis']=='Kordik') {
?>
<!--
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="cekmentor"><i class="mdi mdi-school "></i> <span>Permintaan Mentor </span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_inbox"><i class="mdi mdi-email-outline"></i> <span>Inbox </span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_kegiatan"><i class="mdi mdi-check-circle-outline"></i> <span>Kegiatan </span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_evaluasikordik"><i class="mdi mdi-account-check"></i> <span>Evaluasi Hasil</span> </a>
</li>
-->
<?php } ?>
<?php
if (($_GET['jenis']=='Admin') || ($_GET['jenis']=='Kordik')){
?>
<li class="menu-title">PELATIHAN</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_inbox">
<i class="mdi mdi-inbox"></i><span> Inbox</span>
<span class="label label-danger pull-right" id="notif_pelatihan" style="display: inline;">1</span>
</a>
</li>
<!--<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="pel_laporan"><i class="mdi mdi-table"></i> <span>Laporan </span> </a>
</li>-->
<li class="has_sub hiddik">
<a href="#" class="waves-effect" style="color:#707071" id="pel_setting"><i class="mdi mdi-settings"></i> <span>Setting </span> </a>
</li>
<li class="menu-title">SPONSORSHIP</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="spo_inbox"><i class="mdi mdi-inbox"></i><span> Inbox</span>
<span class="label label-danger pull-right" id="notif_sponsorship" style="display: inline;">1</span>
</a>
</li>
<!--<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="spo_laporan"><i class="mdi mdi-table"></i> <span>Laporan </span> </a>
</li>-->
<li class="has_sub hiddik">
<a href="#" class="waves-effect" style="color:#707071" id="spo_setting"><i class="mdi mdi-settings"></i> <span>Setting </span> </a>
</li>
<li class="menu-title">FELLOWSHIP</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="ship_inbox"><i class="mdi mdi-inbox"></i><span> Inbox</span>
<span class="label label-danger pull-right" id="notif_fellowship" style="display: inline;">1</span>
</a>
</li>
<!--<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="spo_laporan"><i class="mdi mdi-table"></i> <span>Laporan </span> </a>
</li>-->
<li class="has_sub hiddik">
<a href="#" class="waves-effect" style="color:#707071" id="ship_setting"><i class="mdi mdi-settings"></i> <span>Setting </span> </a>
</li>
<li class="menu-title">IJIN BELAJAR</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="bel_inbox"><i class="mdi mdi-inbox"></i><span> Inbox</span>
<span class="label label-danger pull-right" id="notif_ijin_belajar" style="display: inline;">1</span>
</a>
</li>
<li class="has_sub hiddik">
<a href="#" class="waves-effect" style="color:#707071" id="bel_setting"><i class="mdi mdi-settings"></i> <span>Setting </span> </a>
</li>
<li class="menu-title">TUGAS BELAJAR</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="tbel_inbox"><i class="mdi mdi-inbox"></i><span> Inbox</span>
<span class="label label-danger pull-right" id="notif_tugas_belajar" style="display: inline;">1</span>
</a>
</li>
<li class="has_sub hiddik">
<a href="#" class="waves-effect" style="color:#707071" id="tbel_setting"><i class="mdi mdi-settings"></i> <span>Setting </span> </a>
</li>
<li class="menu-title">KETERANGAN IJIN BELAJAR</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="kbel_inbox"><i class="mdi mdi-inbox"></i><span> Inbox</span>
<span class="label label-danger pull-right" id="notif_keterangan_ijin_belajar" style="display: inline;">1</span>
</a>
</li>
<li class="has_sub hiddik">
<a href="#" class="waves-effect" style="color:#707071" id="kbel_setting"><i class="mdi mdi-settings"></i> <span>Setting </span> </a>
</li>
<li class="menu-title">PENCANTUMAN GELAR</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="jbel_inbox"><i class="mdi mdi-inbox"></i><span> Inbox</span>
<span class="label label-danger pull-right" id="notif_pencantuman_gelar" style="display: inline;">1</span>
</a>
</li>
<li class="has_sub hiddik">
<a href="#" class="waves-effect" style="color:#707071" id="jbel_setting"><i class="mdi mdi-settings"></i> <span>Setting </span> </a>
</li>
<!--
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="belajar"><i class="mdi mdi-school"></i><span> Belajar</span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="bel_lap"><i class="mdi mdi-library"></i> <span>Laporan </span> </a>
</li>
-->
<?php }
if ($_GET['jenis']=='Admin') {
?>
<li class="menu-title">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>
<?php }
} else ?>
<?php
if($_GET['jenis']=='Staf') {
?>
<!--
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="api"><i class="mdi mdi-settings"></i> <span>API </span> </a>
</li>
-->
<li class="menu-title">SDM</li>
<!--<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_informasi"><i class="mdi mdi-newspaper"></i> <span>Informasi </span> </a>
</li>-->
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_biodata"><i class="mdi mdi-account-circle"></i> <span>Biodata </span> </a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_pel"><i class="mdi mdi-check-circle-outline"></i> <span>Pelatihan </span>
<span class="label label-danger pull-right" id="notif_pel" style="display: inline;">0</span>
</a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_spo"><i class="mdi mdi-lightbulb-outline"></i> <span>Sponsorship</span>
<span class="label label-danger pull-right" id="notif_spo" style="display: inline;">0</span>
</a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_ship"><i class="mdi mdi-google-circles-group"></i> <span>Fellowship </span>
<span class="label label-danger pull-right" id="notif_ship" style="display: inline;">0</span>
</a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_ibel"><i class="mdi mdi-library"></i> <span>Ijin Belajar </span>
<span class="label label-danger pull-right" id="notif_ibel" style="display: inline;">0</span>
</a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_tbel"><i class="mdi mdi-cast"></i> <span>Tugas Belajar </span>
<span class="label label-danger pull-right" id="notif_tbel" style="display: inline;">0</span>
</a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_kbel"><i class="mdi mdi-school"></i> <span>Keterangan Belajar </span>
<span class="label label-danger pull-right" id="notif_kbel" style="display: inline;">0</span>
</a>
</li>
<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_jbel"><i class="mdi mdi-file-outline"></i> <span>Usulan Gelar </span>
<span class="label label-danger pull-right" id="notif_jbel" style="display: inline;">0</span>
</a>
</li>
<!--<li class="has_sub">
<a href="#" class="waves-effect" style="color:#707071" id="st_tubel"><i class="mdi mdi-lightbulb-outline"></i> <span>Riwayat Pelatihan </span> </a>
</li>-->
<?php } ?>
</ul>
</div>
<!-- Sidebar -->
<div class="clearfix"></div>
</div>
<!-- Sidebar -left -->
</div>
<!-- Left Sidebar End -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="content-page">
<div class="content">
<div class="container" id="main_tag"></div> <!-- container -->
</div> <!-- content -->
<!--
<footer class="footer text-right">
© 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>
</div>
<!-- ============================================================== -->
<!-- End Right content here -->
<!-- ============================================================== -->
<!-- Right Sidebar -->
<div class="side-bar right-bar">
<a href="javascript:void(0);" class="right-bar-toggle">
<i class="mdi mdi-close-circle-outline"></i>
</a>
<h4 class="">Settings</h4>
<div class="setting-list nicescroll">
<div class="row m-t-20">
<div class="col-xs-8">
<h5 class="m-0">Notifications</h5>
<p class="text-muted m-b-0"><small>Do you need them?</small></p>
</div>
<div class="col-xs-4 text-right">
<input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
</div>
</div>
<div class="row m-t-20">
<div class="col-xs-8">
<h5 class="m-0">API Access</h5>
<p class="m-b-0 text-muted"><small>Enable/Disable access</small></p>
</div>
<div class="col-xs-4 text-right">
<input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
</div>
</div>
<div class="row m-t-20">
<div class="col-xs-8">
<h5 class="m-0">Auto Updates</h5>
<p class="m-b-0 text-muted"><small>Keep up to date</small></p>
</div>
<div class="col-xs-4 text-right">
<input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
</div>
</div>
<div class="row m-t-20">
<div class="col-xs-8">
<h5 class="m-0">Online Status</h5>
<p class="m-b-0 text-muted"><small>Show your status to all</small></p>
</div>
<div class="col-xs-4 text-right">
<input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
</div>
</div>
</div>
</div>
<!-- /Right-bar -->
</div>
<!-- END wrapper -->
<script>
var resizefunc = [];
</script>
<!-- jQuery -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/detect.js"></script>
<script src="assets/js/fastclick.js"></script>
<script src="assets/js/jquery.blockUI.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="plugins/switchery/switchery.min.js"></script>
<!-- Counter js -->
<script src="plugins/waypoints/jquery.waypoints.min.js"></script>
<script src="plugins/counterup/jquery.counterup.min.js"></script>
<!--Morris Chart-->
<script src="plugins/morris/morris.min.js"></script>
<script src="plugins/raphael/raphael-min.js"></script>
<!-- Dashboard init -->
<script src="assets/pages/jquery.dashboard.js"></script>
<!-- App js -->
<script src="assets/js/jquery.core.js"></script>
<script src="assets/js/jquery.app.js"></script>
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/dataTables.bootstrap.js"></script>
<script src="plugins/datatables/dataTables.buttons.min.js"></script>
<script src="plugins/datatables/buttons.bootstrap.min.js"></script>
<script src="plugins/datatables/jszip.min.js"></script>
<script src="plugins/datatables/pdfmake.min.js"></script>
<script src="plugins/datatables/vfs_fonts.js"></script>
<script src="plugins/datatables/buttons.html5.min.js"></script>
<script src="plugins/datatables/buttons.print.min.js"></script>
<script src="plugins/datatables/dataTables.fixedHeader.min.js"></script>
<script src="plugins/datatables/dataTables.keyTable.min.js"></script>
<script src="plugins/datatables/dataTables.responsive.min.js"></script>
<script src="plugins/datatables/responsive.bootstrap.min.js"></script>
<script src="plugins/datatables/dataTables.scroller.min.js"></script>
<script src="plugins/datatables/dataTables.colVis.js"></script>
<script src="plugins/datatables/dataTables.fixedColumns.min.js"></script>
<script src="plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<!-- init -->
<script src="assets/pages/jquery.datatables.init.js"></script>
<script src="assets/pages/jquery.form-pickers.init.js"></script>
<!-- Chart -->
<script src="plugins/highcharts/highcharts.js"></script>
<script src="plugins/highcharts/jquery.highchartTable.js"></script>
<script src="plugins/highcharts/exporting.js"></script>
<script src="plugins/select2/js/select2.min.js"></script>
<script src="assets/js/enter.js"></script>
<script src="assets/js/jspdf.min.js"></script>
<script type="text/javascript">
var sess_satker = $('#cek_satker').val();
var sess_jenis = $('#cek_jenis').val();
function setNotifBadge(selector, value) {
var count = parseInt(value, 10);
if (isNaN(count) || count < 0) {
count = 0;
}
var $badge = $(selector);
if (!$badge.length) {
return;
}
$badge.text(count);
if (count > 0) {
$badge.show();
} else {
$badge.hide();
}
}
function loadCountNotif() {
$.ajax({
type: 'GET',
url: 'count_notif_admin.php',
dataType: 'json',
cache: false,
success: function(res) {
setNotifBadge('#notif_pelatihan', res.count_pelatihan);
setNotifBadge('#notif_sponsorship', res.count_spo);
setNotifBadge('#notif_fellowship', res.count_fellowship);
setNotifBadge('#notif_ijin_belajar', res.count_ijin_belajar);
setNotifBadge('#notif_tugas_belajar', res.count_tugas_belajar);
setNotifBadge('#notif_keterangan_ijin_belajar', res.count_ket_ijin_belajar);
setNotifBadge('#notif_pencantuman_gelar', res.count_pencantuman_gelar);
}
});
}
function loadCountNotifStaff() {
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.ajax({
type: 'GET',
url: 'count_revisi_staff.php',
data: {data_pegawai_id: data_pegawai_id},
dataType: 'json',
cache: false,
success: function(res) {
setNotifBadge('#notif_pel', res.count_pelatihan);
setNotifBadge('#notif_spo', res.count_spo);
setNotifBadge('#notif_ship', res.count_fellowship);
setNotifBadge('#notif_ibel', res.count_ijin_belajar);
setNotifBadge('#notif_tbel', res.count_tugas_belajar);
setNotifBadge('#notif_kbel', res.count_ket_ijin_belajar);
setNotifBadge('#notif_jbel', res.count_pencantuman_gelar);
}
});
}
var cek_jenis = $('#cek_jenis').val();
if(cek_jenis=='Staf') {
loadCountNotifStaff();
} else {
loadCountNotif();
}
if (sess_jenis=='Kordik') {$('.hiddik').hide();} else {$('.hiddik').show();}
$('#compose').click(function(){
alert('a');
});
$('#pel_info').click(function(){
$.post('app/info/main.php',{jenis:sess_jenis},function(html){$("#main_tag").html(html)});
});
$('#cekpeserta').click(function(){
$.post('app/cekpeserta/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#cekmentor').click(function(){
$.post('app/cekmentor/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#pel_persiapan').click(function(){
$.post('app/persiapan/main.php',{jenis:sess_jenis},function(html){$("#main_tag").html(html)});
});
$('#pel_kehadiran').click(function(){
$.post('app/kehadiran/main.php',{jenis:sess_jenis},function(html){$("#main_tag").html(html)});
});
$('#pel_kegiatan').click(function(){
$.post('app/kegiatan/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
/*
$('#pel_inbox').click(function(){
$.post('app/inbox/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
*/
$('#pel_evaluasipp').click(function(){
$.post('app/evaluasipp/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#pel_evaluasikordik').click(function(){
$.post('app/evaluasikd/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#belajar').click(function(){
$.post('app/belajar/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#master').click(function(){
$.post('app/master/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#api').click(function(){
$.post('app/API/main.php',function(html){$("#main_tag").html(html)});
});
$('#st_spo').click(function(){
loadCountNotifStaff(); //notif_sdm
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.post('app/st_spo/main.php',{data_pegawai_id:data_pegawai_id},function(html){$("#main_tag").html(html)});
});
$('#st_pel').click(function(){
loadCountNotifStaff(); //notif_sdm
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.post('app/st_pel/main.php',{data_pegawai_id:data_pegawai_id},function(html){$("#main_tag").html(html)});
});
$('#st_sp').click(function(){
loadCountNotif();
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.post('app/st_sp/main.php',{data_pegawai_id:data_pegawai_id},function(html){$("#main_tag").html(html)});
});
$('#st_ibel').click(function(){
loadCountNotifStaff(); //notif_sdm
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.post('app/st_ibel/main.php',{data_pegawai_id:data_pegawai_id},function(html){$("#main_tag").html(html)});
});
$('#st_tbel').click(function(){
loadCountNotifStaff(); //notif_sdm
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.post('app/st_tbel/main.php',{data_pegawai_id:data_pegawai_id},function(html){$("#main_tag").html(html)});
});
$('#st_kbel').click(function(){
loadCountNotifStaff(); //notif_sdm
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.post('app/st_kbel/main.php',{data_pegawai_id:data_pegawai_id},function(html){$("#main_tag").html(html)});
});
$('#st_jbel').click(function(){
loadCountNotifStaff(); //notif_sdm
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.post('app/st_jbel/main.php',{data_pegawai_id:data_pegawai_id},function(html){$("#main_tag").html(html)});
});
$('#bel_inbox').click(function(){
loadCountNotif();
$.post('app/bel_inbox/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#bel_setting').click(function(){
loadCountNotif();
$.post('app/bel_setting/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#tbel_inbox').click(function(){
loadCountNotif();
$.post('app/tbel_inbox/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#tbel_setting').click(function(){
loadCountNotif();
$.post('app/tbel_setting/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#kbel_inbox').click(function(){
loadCountNotif();
$.post('app/kbel_inbox/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#kbel_setting').click(function(){
loadCountNotif();
$.post('app/kbel_setting/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#jbel_inbox').click(function(){
loadCountNotif();
$.post('app/jbel_inbox/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#jbel_setting').click(function(){
loadCountNotif();
$.post('app/jbel_setting/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#pel_inbox').click(function(){
loadCountNotif();
$.post('app/pel_inbox/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#pel_laporan').click(function(){
loadCountNotif();
$.post('app/pel_laporan/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#pel_setting').click(function(){
loadCountNotif();
$.post('app/pel_setting/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#spo_inbox').click(function(){
loadCountNotif();
$.post('app/spo_inbox/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#spo_laporan').click(function(){
loadCountNotif();
$.post('app/spo_laporan/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#spo_setting').click(function(){
loadCountNotif();
$.post('app/spo_setting/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#ship_inbox').click(function(){
loadCountNotif();
$.post('app/ship_inbox/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#ship_setting').click(function(){
loadCountNotif();
$.post('app/ship_setting/main.php',{jenis:sess_jenis, satker:sess_satker},function(html){$("#main_tag").html(html)});
});
$('#st_ship').click(function(){
loadCountNotifStaff(); //notif_sdm
var data_pegawai_id=$('#cek_data_pegawai_id').val();
$.post('app/st_ship/main.php',{data_pegawai_id:data_pegawai_id},function(html){$("#main_tag").html(html)});
});
window.history.pushState(null, null, window.location.pathname);
$('#logout').click(function(){
var d = 'Logout';
$.ajax({
type: "POST",
url: "logout.php",
data: 'd='+d,
success: function(data){
window.location.href='index.php';
}
});
});
var cek_nama = $('#cek_nama').val();
if(cek_nama=='') {alert('Silakan login dulu..');$('#logout').trigger('click');} else {}
$('#ganti_password').click(function(){
var nm_lama = $('#cek_nama').val();
var pwd_lama = $('#cek_password').val();
var nm_baru = prompt("Userlogin:",nm_lama)
var pwd_baru = prompt("Password:",pwd_lama)
if (!nm_baru) {} else {
if (nm_baru==nm_lama) {} else {
var nampeg = $('#cek_nampeg').val();
var key = 'ganti_userlogin';
$.ajax({
type: "POST",
url: "app/master/user/crud.php",
data: 'nampeg='+nampeg
+'&baru='+nm_baru
+'&key='+key,
success: function(data){
alert('Userlogin terupdate..');
}
});
}
}
if (!pwd_baru) {} else {
if (pwd_baru==pwd_lama) {} else {
var nampeg = $('#cek_nampeg').val();
var key = 'ganti_password';
$.ajax({
type: "POST",
url: "app/master/user/crud.php",
data: 'nampeg='+nampeg
+'&baru='+pwd_baru
+'&key='+key,
success: function(data){
alert('Password terupdate..');
}
});
}
}
});
</script>
</body>
</html>