Files
simutu/menu.php
2025-10-09 12:30:11 +07:00

619 lines
24 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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">
<link rel="shortcut icon" href="assets/images/logo_rssa.png">
<title>SIMUTU RSSA</title>
<!--Morris Chart CSS -->
<link rel="stylesheet" href="plugins/morris/morris.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"/>
<!-- 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 href="plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
<link href="plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet">
<link href="assets/css/select2.css" rel="stylesheet" />
<script src="assets/js/modernizr.min.js"></script>
</head>
<style type="text/css">
.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}
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;text-transform:uppercase;
}
@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: "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: "RubReg";
src: url('assets/fonts/rubik-regular-webfont.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');
}
.modal-title {
font-family: "GSans_Med";
font-size:20px;
color:black;
}
#modal_judul_info {
font-family: "GSans_Med";
font-size:20px;
color:red;
font-weight:bold;
}
.judul_grafik {
font-family: "Tahoma";
font-size:27px;
color: black;
}
.jn {
font-family: "Arial";
font-size:19px;
}
/*
.navigation-menu, .profile {
text-transform:uppercase;
} */
table.dataTable thead tr td {
font-family: "Inter";
color: gray;
font-size:13px;
}
table thead tr td {
font-family: "Inter";
color: gray;
text-transform: uppercase;
font-size:13px;
}
table.dataTable tbody tr td {
font-family: "Inter";
font-size:13px;
}
table tbody tr td {
font-family: "Inter";
font-size:13px;
}
label {
font-family:'InterSB';font-weight: normal;color:black;
}
.tabmenu {
font-family:'InterSB';font-weight: normal;
}
/*
input, select, option, textarea, button {
font-family: "Inter";
color:black;
}
*/
/*
ul {
font-family: "Inter";font-size:16px;
}
*/
</style>
<body>
<!-- Navigation Bar-->
<header id="topnav">
<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 -->
<?php
include("app/koneksi.php");
$t=$_GET["satker"];
$d=pg_query("SELECT nama FROM satuan_kerja WHERE id='$t'");
while($r=pg_fetch_array($d)) {$s=$r[0];}
?>
<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']; ?>">
<div class="topbar-main" style="background-color:white;height:5px">
<div class="container">&nbsp;</div> <!-- end container -->
</div>
<!-- end topbar-main -->
<div class="navbar-custom">
<div class="container">
<div id="navigation">
<!-- Navigation Menu-->
<ul class="nav navbar-nav navbar-right pull-right">
<li class="dropdown navbar-c-items">
<a href="" class="dropdown-toggle waves-effect waves-light profile" data-toggle="dropdown" aria-expanded="true"><i style="font-size:20px"class="mdi mdi-account-circle"></i> </a>
<ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right user-list notify-list">
<li class="text-center">
<h5>Hai, <?php $nama=explode(" ",$_GET['nama']);echo $nama[0];?></h5>
</li>
<li><a href="#" id="logout"><i class="ti-power-off m-r-5"></i> Logout</a></li>
</ul>
</li>
</ul>
<ul class="navigation-menu">
<li>
<a href="#" id="info"><i class="mdi mdi-information-outline" style="margin-top:-1px"></i>Info</a>
</li>
<?php
if($_GET['jenis']=='PJ Ruangan') {
?>
<!-- <li>
<a href="#" id="absensi"><i class="mdi mdi-check-circle-outline" style="margin-top:-1px"></i>e-Absensi</a>
</li> -->
<?php
} else
if($_GET['jenis']=='TU') {
?>
<li>
<a href="#" id="master"><i class="mdi mdi-settings" style="margin-top:-1px"></i>Master</a>
</li>
<li>
<a href="#" id="tor_tu"><i class="mdi mdi-check-circle-outline" style="margin-top:-1px"></i>TOR</a>
</li>
<li>
<a href="#" id="undtu"><i class="mdi mdi-wunderlist"></i>Kegiatan</a>
</li>
<li>
<a href="#" id="arsiptu"><i class="mdi mdi-archive"></i>Arsip</a>
</li>
<li>
<a href="#" id="laporan"><i class="mdi mdi-buffer"></i>Laporan</a>
</li>
<?php
} else
if($_GET['jenis']=='Sie Kegiatan') {
?>
<li>
<a href="#" id="undtu"><i class="mdi mdi-wunderlist"></i>Kegiatan</a>
</li>
<li>
<a href="#" id="arsiptu"><i class="mdi mdi-archive"></i>Arsip</a>
</li>
<li>
<a href="#" id="laporan"><i class="mdi mdi-buffer"></i>Laporan</a>
</li>
<?php } else if($_GET['jenis']=='Satker') { ?>
<li>
<a href="#" id="torsatker"><i class="mdi mdi-comment-text-outline"></i>TOR</a>
</li>
<li>
<a href="#" id="persiapan_satker"><i class="mdi mdi-wrench"></i>Persiapan</a>
</li>
<li>
<a href="#" id="absensi"><i class="mdi mdi-check-circle-outline" style="margin-top:-1px"></i>e-Absensi</a>
</li>
<li>
<a href="#" id="notulen_satker"><i class="mdi mdi-clipboard-text"></i>Notulen</a>
</li>
<li>
<a href="#" id="hasil"><i class="mdi mdi-lightbulb-outline"></i>Hasil Rapat</a>
</li>
<li>
<a href="#" id="un_satker"><i class="mdi mdi-email-outline"></i>Undangan</a>
</li>
<li>
<a href="#" id="arsip"><i class="mdi mdi-archive"></i>Arsip</a>
</li>
<?php } ?>
<!--<li>
<a href="#" id="logout"><i class="mdi mdi-logout-variant"></i>Logout</a>
</li>-->
</ul>
<!-- End navigation menu -->
</div> <!-- end #navigation -->
</div> <!-- end container -->
</div> <!-- end navbar-custom -->
</header>
<!-- End Navigation Bar-->
<div class="wrapper">
<div class="container">
<div id="main_tag"></div>
<footer class="main-footer navbar-fixed-bottom" style="background-color:#36404e;color:white;px;padding:10px;" align="center">
&copy; 2020 dynandsoftware
</footer>
</div>
</div>
<div id="modal_info" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header no-border">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="modal_judul_info">Fitur Baru !</h4>
</div>
<div class="modal-body" id="modal_body_info"></div>
<div class="modal-footer no-border">
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_info">Keluar</button>
</div>
</div>
</div>
</div>
<!-- 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>
<script src="plugins/timepicker/bootstrap-timepicker.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="assets/js/select2.js"></script>
<script type="text/javascript">
$.ajax({
method:'get',
url:'app/notif/tortu_notif.php',
success:function(data_notif_tortu){
if(data_notif_tortu != ""){
$('#tor_tu').load('app/notif/tortu_slide.php');
}
}
});
$.ajax({
method:'get',
url:'app/notif/persiapan_notif.php',
success:function(data_notif_persiapan){
if(data_notif_persiapan != ""){
$('#persiapan_satker').load('app/notif/persiapan_slide.php',{satker:sess_satker});
}
}
});
$.ajax({
method:'get',
url:'app/notif/undtu_notif.php',
success:function(data_notif_undtu){
if(data_notif_undtu != ""){
$('#undtu').load('app/notif/undtu_slide.php');
}
}
});
$.ajax({
method:'get',
url:'app/notif/undsatker_notif.php',
success:function(data_notif_undsatker){
if(data_notif_undsatker != ""){
$('#un_satker').load('app/notif/undsatker_slide.php',{satker:sess_satker});
}
}
});
$.ajax({
method:'get',
url:'app/notif/hasil_notif.php',
success:function(data_notif_hasil){
if(data_notif_hasil != ""){
$('#hasil').load('app/notif/hasil_slide.php',{satker:sess_satker});
}
}
});
$.ajax({
method:'get',
url:'app/notif/not_notif.php',
success:function(data_notif_not){
if(data_notif_not != ""){
$('#notulen_satker').load('app/notif/not_slide.php',{satker:sess_satker});
}
}
});
//window.history.pushState(null, null, window.location.pathname);
var sess_satker = $('#cek_satker').val();
var sess_jenis = $('#cek_jenis').val();
$.post('app/info/main.php',{jenis:sess_jenis},function(html){$("#main_tag").html(html);});
$('#master').click(function(){$.post('app/master/main.php',function(html){$("#main_tag").html(html);});});
$('#torsatker').click(function(){$.post('app/torsatker/main.php',function(html){$("#main_tag").html(html);});});
$('#tor_tu').click(function(){$.post('app/tortu/main.php',function(html){$("#main_tag").html(html);});});
$('#persiapan_satker').click(function(){$.post('app/persiapan/main.php',function(html){$("#main_tag").html(html);});});
$('#acara_satker').click(function(){$.post('app/acara/main.php',function(html){$("#main_tag").html(html);});});
$('#undtu').click(function(){$.post('app/undtu/main.php',function(html){$("#main_tag").html(html);});});
$('#un_satker').click(function(){$.post('app/undsatker/main.php',function(html){$("#main_tag").html(html);});});
$('#notulen_satker').click(function(){$.post('app/notulen/main.php',{satker:sess_satker},function(html){$("#main_tag").html(html);});});
$('#hasil').click(function(){$.post('app/hasil/main.php',function(html){$("#main_tag").html(html);});});
$('#info').click(function(){$.post('app/info/main.php',{jenis:sess_jenis},function(html){$("#main_tag").html(html);});});
$('#arsip').click(function(){$.post('app/arsip/main.php',function(html){$("#main_tag").html(html);});});
$('#arsiptu').click(function(){$.post('app/arsiptu/main.php',function(html){$("#main_tag").html(html);});});
$('#absensi').click(function(){$.post('app/absensi/main.php',{satker:sess_satker},function(html){$("#main_tag").html(html);});});
$('#laporan').click(function(){$.post('app/laporan/main.php',function(html){$("#main_tag").html(html);});});
/* $('#data').click(function(){$.post('app/data/main.php',function(html){$("#main_tag").html(html);$('#input_data').first().focus().selected();});});
$('#sensus').click(function(){$.post('app/sensus/main.php',function(html){$("#main_tag").html(html);$('#cari_bln_sensus').first().focus().selected();});});
/* $(".rincian_exp_satu").click(function(){
var peneliti_id = $(this).attr('id');
$('#modal_info_exp').modal('show');
$('#isi_info_modal_exp').html("");
$.ajax({
type: "POST",
url: "app/data/info/modal_info.php",
data: 'peneliti_id='+peneliti_id,
success: function(html){
$('#isi_info_modal_exp').html(html);
}
});
}); */
$('#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 {}
var callAjax_notif_tortu = function(){
$.ajax({
method:'get',
url:'app/notif/tortu_notif.php',
success:function(data_notif_tortu){
if(data_notif_tortu != ""){
$('#tor_tu').load('app/notif/tortu_slide.php');
}
}
});
}
setInterval(callAjax_notif_tortu,60000);
var callAjax_notif_persiapan = function(){
$.ajax({
method:'get',
url:'app/notif/persiapan_notif.php',
success:function(data_notif_persiapan){
if(data_notif_persiapan != ""){
$('#persiapan_satker').load('app/notif/persiapan_slide.php',{satker:sess_satker});
}
}
});
}
setInterval(callAjax_notif_persiapan,60000);
var callAjax_notif_undtu = function(){
$.ajax({
method:'get',
url:'app/notif/undtu_notif.php',
success:function(data_notif_undtu){
if(data_notif_undtu != ""){
$('#undtu').load('app/notif/undtu_slide.php');
}
}
});
}
setInterval(callAjax_notif_undtu,60000);
var callAjax_notif_undsatker = function(){
$.ajax({
method:'get',
url:'app/notif/undsatker_notif.php',
success:function(data_notif_undsatker){
if(data_notif_undsatker != ""){
$('#un_satker').load('app/notif/undsatker_slide.php',{satker:sess_satker});
}
}
});
}
setInterval(callAjax_notif_undsatker,60000);
var callAjax_notif_hasil = function(){
$.ajax({
method:'get',
url:'app/notif/hasil_notif.php',
success:function(data_notif_hasil){
if(data_notif_hasil != ""){
$('#hasil').load('app/notif/hasil_slide.php',{satker:sess_satker});
}
}
});
}
setInterval(callAjax_notif_hasil,60000);
var callAjax_notif_not = function(){
$.ajax({
method:'get',
url:'app/notif/not_notif.php',
success:function(data_notif_not){
if(data_notif_not != ""){
$('#notulen_satker').load('app/notif/not_slide.php',{satker:sess_satker});
}
}
});
}
setInterval(callAjax_notif_not,60000);
</script>
<script src="assets/js/enter.js"></script>
</body>
</html>