849 lines
43 KiB
PHP
849 lines
43 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>SIMAK 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">
|
|
|
|
<!-- 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]-->
|
|
<link href="assets/css/select2.css" rel="stylesheet" />
|
|
<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;text-transform: uppercase;
|
|
}
|
|
|
|
|
|
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: "Inter";
|
|
src: url('assets/fonts/Inter-Regular.woff') format('woff');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "InterSB";
|
|
src: url('assets/fonts/Inter-SemiBold.woff') format('woff');
|
|
}
|
|
|
|
.judul_page {
|
|
font-family: "GSans_Med";
|
|
font-size:30px;
|
|
color:#cccccc;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.tabel_detail {
|
|
font-family:'Inter';font-size:12px;
|
|
}
|
|
|
|
label {
|
|
font-family:'InterSB';font-weight: normal;color:black;
|
|
}
|
|
|
|
.tabmenu {
|
|
font-family:'InterSB';font-weight: normal;
|
|
}
|
|
|
|
.menu-title {
|
|
color:black;font-family:InterSB;
|
|
}
|
|
|
|
/* webkit-font-smoothing: antialiased; */
|
|
</style>
|
|
|
|
<!-- Begin page -->
|
|
<div id="wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Top Bar Start -->
|
|
<div class="topbar">
|
|
|
|
|
|
|
|
|
|
<div class="navbar-custom" style="background: rgba(60,117,6,1);
|
|
background: -moz-linear-gradient(left, rgba(60,117,6,1) 0%, rgba(150,196,14,1) 10%, rgba(255,238,0,1) 23%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 64%, rgba(255,238,0,1) 78%, rgba(150,196,14,1) 89%, rgba(60,117,6,1) 100%);
|
|
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60,117,6,1)), color-stop(10%, rgba(150,196,14,1)), color-stop(23%, rgba(255,238,0,1)), color-stop(37%, rgba(255,255,255,1)), color-stop(64%, rgba(255,255,255,1)), color-stop(78%, rgba(255,238,0,1)), color-stop(89%, rgba(150,196,14,1)), color-stop(100%, rgba(60,117,6,1)));
|
|
background: -webkit-linear-gradient(left, rgba(60,117,6,1) 0%, rgba(150,196,14,1) 10%, rgba(255,238,0,1) 23%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 64%, rgba(255,238,0,1) 78%, rgba(150,196,14,1) 89%, rgba(60,117,6,1) 100%);
|
|
background: -o-linear-gradient(left, rgba(60,117,6,1) 0%, rgba(150,196,14,1) 10%, rgba(255,238,0,1) 23%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 64%, rgba(255,238,0,1) 78%, rgba(150,196,14,1) 89%, rgba(60,117,6,1) 100%);
|
|
background: -ms-linear-gradient(left, rgba(60,117,6,1) 0%, rgba(150,196,14,1) 10%, rgba(255,238,0,1) 23%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 64%, rgba(255,238,0,1) 78%, rgba(150,196,14,1) 89%, rgba(60,117,6,1) 100%);
|
|
background: linear-gradient(to right, rgba(60,117,6,1) 0%, rgba(150,196,14,1) 10%, rgba(255,238,0,1) 23%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 64%, rgba(255,238,0,1) 78%, rgba(150,196,14,1) 89%, rgba(60,117,6,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c7506', endColorstr='#3c7506', 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_nampeg" value="<?php echo $_GET['nampeg']; ?>">
|
|
<?php if (($_GET['jenis']=='Verifikator') || ($_GET['jenis']=='Pelunasan')) { ?>
|
|
<input type="hidden" id="cek_nama" value="<?php echo $_GET['nama']; ?>">
|
|
<input type="hidden" id="cek_jenis" value="<?php echo $_GET['jenis']; ?>">
|
|
<?php } else
|
|
if (($_GET['jenis']=='Kepala Keuangan') || ($_GET['jenis']=='Kepala Verifikasi') || ($_GET['jenis']=='Kepala Perbendaharaan')) { ?>
|
|
<input type="hidden" id="cek_nama" value="<?php echo $_GET['nama']; ?>">
|
|
<input type="hidden" id="cek_jenis" value="<?php echo $_GET['jenis']; ?>">
|
|
<input type="hidden" id="cek_jabatan" value="<?php echo $_GET['jabatan']; ?>">
|
|
<?php } ?>
|
|
|
|
|
|
|
|
|
|
<!-- LOGO -->
|
|
<div class="topbar-left" style="background-color:#f3f3f3" id="compose"><i class="fa fa-home fa-md" style="color:black"></i>
|
|
<a href="#" class="logo" style="font-size:16px" id="beranda"><span style="color:black">BERANDA UTAMA</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">
|
|
<select class="form-control" style="font-size:14px;width:150px;" id="thn_dpa">
|
|
<?php
|
|
include('app/koneksi.php');
|
|
$thn_skrg=date('Y');
|
|
$bln=date('m');
|
|
$c=pg_query("SELECT MAX(CAST(thn AS INTEGER)) FROM sub_kegiatan");
|
|
while($s=pg_fetch_array($c)) {$maxthn=$s[0];}
|
|
if ($thn_skrg==$maxthn) {} else {?> <option value="<?php $thn_skrg;?>"><?php echo $thn_skrg;?></option> <?php }
|
|
$d=pg_query("SELECT DISTINCT CAST(thn AS INTEGER) FROM sub_kegiatan ORDER BY CAST(thn AS INTEGER) DESC");
|
|
while($r=pg_fetch_array($d)) {
|
|
?>
|
|
<option <?php if ($thn_skrg==$r[0]) {echo "selected";} else {}?> value="<?php echo $r[0];?>"><?php echo $r[0];?></option>
|
|
<?php
|
|
}
|
|
?>
|
|
</select>
|
|
</form>
|
|
</li>
|
|
|
|
<li class="hidden-xs">
|
|
<form role="search" class="app-search">
|
|
<select class="form-control" style="font-size:14px;width:180px;" id="bulan">
|
|
<option <?php if ($bln=='1') {echo "selected";} ?> value="1">JANUARI</option>
|
|
<option <?php if ($bln=='2') {echo "selected";} ?> value="2">PEBRUARI</option>
|
|
<option <?php if ($bln=='3') {echo "selected";} ?> value="3">MARET</option>
|
|
<option <?php if ($bln=='4') {echo "selected";} ?> value="4">APRIL</option>
|
|
<option <?php if ($bln=='5') {echo "selected";} ?> value="5">MEI</option>
|
|
<option <?php if ($bln=='6') {echo "selected";} ?> value="6">JUNI</option>
|
|
<option <?php if ($bln=='7') {echo "selected";} ?> value="7">JULI</option>
|
|
<option <?php if ($bln=='8') {echo "selected";} ?> value="8">AGUSTUS</option>
|
|
<option <?php if ($bln=='9') {echo "selected";} ?> value="9">SEPTEMBER</option>
|
|
<option <?php if ($bln=='10') {echo "selected";} ?> value="10">OKTOBER</option>
|
|
<option <?php if ($bln=='11') {echo "selected";} ?> value="11">NOPEMBER</option>
|
|
<option <?php if ($bln=='12') {echo "selected";} ?> value="12">DESEMBER</option>
|
|
</select>
|
|
</form>
|
|
</li>
|
|
|
|
<li class="hidden-xs">
|
|
<form role="search" class="app-search">
|
|
<?php if (($_GET['jenis']=='Verifikator') || ($_GET['jenis']=='Pelunasan') || ($_GET['jenis']=='Akuntan') || ($_GET['jenis']=='Bendahara')) { ?>
|
|
<input type="text" style="font-size:14px;width:500px;" class="form-control" value="<?php echo $_GET['nampeg'].' / '.$_GET['jenis'];?>" disabled>
|
|
<?php } else
|
|
if (($_GET['jenis']=='Kepala Keuangan') || ($_GET['jenis']=='Kepala Verifikasi') || ($_GET['jenis']=='Kepala Perbendaharaan')) { ?>
|
|
<input type="text" style="font-size:14px;width:500px;" class="form-control" value="<?php echo $_GET['nampeg'].' / '.$_GET['jabatan'];?>" disabled>
|
|
<?php }?>
|
|
</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="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>
|
|
|
|
<!-- <li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="kode_sibaku"><i class="mdi mdi-check-circle-outline"></i><span>Persediaan</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="kode_sibaku"><i class="mdi mdi-file-outline"></i><span>Kode Sibaku</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="kode_sibaku"><i class="mdi mdi-help-circle"></i><span>Kode Bendahara</span> </a>
|
|
</li> -->
|
|
|
|
|
|
<?php if (($_GET['jenis']=='Verifikator') || ($_GET['jenis']=='Kepala Perbendaharaan') || ($_GET['jenis']=='Pelunasan')) { ?>
|
|
<!--<li class="menu-title">PERSYARATAN PEMBAYARAN</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="msb_syarat"><i class="mdi mdi-settings"></i> <span>Setting </span> </a>
|
|
</li>-->
|
|
<li class="menu-title">VERIFIKASI</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="input"><i class="mdi mdi-keyboard"></i><span>Input</span> </a>
|
|
</li>
|
|
<?php } if (($_GET['jenis']=='Verifikator') || ($_GET['jenis']=='Kepala Perbendaharaan')) { ?>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="kendali"><i class="mdi mdi-clock-fast"></i><span>Dari Pengadaan</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="setor"><i class="mdi mdi-checkbox-multiple-marked"></i><span>Setor Perbend</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="lunas_berdenda"><i class="mdi mdi-alert-circle-outline"></i><span>Lunas Berdenda</span> </a>
|
|
</li>
|
|
<?php } if (($_GET['jenis']=='Pelunasan') || ($_GET['jenis']=='Kepala Perbendaharaan')) { ?>
|
|
<li class="menu-title">PEMBAYARAN</li>
|
|
<!--<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="gaji"><i class="mdi mdi-cash-usd"></i><span>Gaji</span> </a>
|
|
</li>-->
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="pelunasan"><i class="mdi mdi-buffer"></i>
|
|
<span class="label label-danger pull-right" id="not_pelunasan"></span><span>Pelunasan</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="data_lunas"><i class="mdi mdi-cards-outline"></i><span>Data Lunas</span> </a>
|
|
</li>
|
|
|
|
<?php } ?>
|
|
<li class="menu-title">LAPORAN</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="pencarian_pelunasan"><i class="mdi mdi-magnify"></i><span>Pencarian</span> </a>
|
|
</li>
|
|
<?php
|
|
if (($_GET['jenis']=='Verifikator') || ($_GET['jenis']=='Akuntan') || ($_GET['jenis']=='Bendahara') || ($_GET['jenis']=='Kepala Perbendaharaan') || ($_GET['jenis']=='Pelunasan')) { ?>
|
|
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="lap_proses"><i class="mdi mdi-tag-text-outline"></i><span>Lap Proses</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="lap_setor"><i class="mdi mdi-timelapse"></i><span>Lap Setor</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="lap_realisasi"><i class="mdi mdi-window-restore"></i><span>Lap Realisasi</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="lap_anggaran"><i class="mdi mdi-cash-multiple"></i> <span>Lap Anggaran</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="lap_ba"><i class="mdi mdi-file-document"></i><span>Lap BA</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="rekap"><i class="mdi mdi-chart-pie"></i> <span>Rekap Reguler</span> </a>
|
|
</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="rekap_hutang"><i class="mdi mdi-chart-pie"></i> <span>Rekap Hutang</span> </a>
|
|
</li>
|
|
<!--<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="bapp"><i class="mdi mdi-close-circle-outline"></i><span>Data Batal</span> </a>
|
|
</li>-->
|
|
<?php } ?>
|
|
|
|
<?php if (($_GET['jenis']=='Verifikator') || ($_GET['jenis']=='Kepala Perbendaharaan')) { ?>
|
|
<li class="menu-title">SETING</li>
|
|
<!--<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="dpa"><i class=" mdi mdi-cast"></i><span>Penyusunan DPA</span> </a>
|
|
</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 } ?>
|
|
|
|
<li class="menu-title">HELP</li>
|
|
<li class="has_sub">
|
|
<a href="#" class="waves-effect" style="color:#707071" id="manual_book"><i class="mdi mdi-book"></i><span>Manual Book</span> </a>
|
|
</li>
|
|
|
|
</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">
|
|
© 2021 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/bootstrap-select/dist/js/bootstrap-select.min.js" type="text/javascript"></script>-->
|
|
<script src="assets/js/select2.js"></script>
|
|
<script type="text/javascript">
|
|
var sess_jenis = $('#cek_jenis').val();
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
var nampeg = $('#cek_nampeg').val();
|
|
$.post('app/rekap/main2.php',{thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
|
|
$('#master').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/master/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#msb_syarat').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/msb_syarat/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#input').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/input/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html);$('#no_sp').first().focus().selected();});
|
|
});
|
|
$('#kendali').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/kendali/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#setor').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/setor/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#lap_proses').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/lap_proses/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#lap_setor').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/lap_setor/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#lap_realisasi').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/lap_realisasi/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#lap_anggaran').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/lap_anggaran/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#lap_ba').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/lap_ba/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#gaji').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/gaji/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#pelunasan').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/pelunasan/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#data_lunas').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/data_lunas/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#pencarian_pelunasan').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/pencarian/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#manual_book').click(function(){
|
|
$.post('app/manual/main.php',function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#rekap').click(function(){var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/rekap/main2.php',{thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#rekap_hutang').click(function(){var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/rekap_hutang/main2.php',{thn_dpa:thn_dpa},function(html){$("#main_tag").html(html)});
|
|
});
|
|
$('#lunas_berdenda').click(function(){
|
|
var thn_dpa = $("#thn_dpa option:selected").text();
|
|
$.post('app/data_lunas_berdenda/main.php',{jenis:sess_jenis, nampeg:nampeg, thn_dpa:thn_dpa},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_nampeg = $('#cek_nampeg').val();
|
|
if(cek_nampeg=='') {alert('Silakan login dulu..');$('#logout').trigger('click');} else {}
|
|
|
|
$('#thn_dpa').change(function(){
|
|
var a = $("#thn_dpa option:selected").text();
|
|
alert('Tahun anggaran '+a+' status AKTIF, Reload aplikasi..');
|
|
$.post('app/awal/reload_tahun.php',{thn_dpa:a},function(html){$("#main_tag").html(html)});
|
|
});
|
|
|
|
$('#bulan').change(function(){
|
|
var a = $("#bulan option:selected").text();
|
|
var b = $("#bulan option:selected").val();
|
|
alert('Bulan '+a+' status AKTIF, Reload aplikasi..');
|
|
$.post('app/awal/reload_bln.php',{bulan:b},function(html){$("#main_tag").html(html)});
|
|
});
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url:'app/notif/pelunasan_notif.php',
|
|
data: 'thn='+thn_dpa,
|
|
success: function(data){
|
|
if (data==0) {$('#not_pelunasan').hide();} else {
|
|
$('#not_pelunasan').show();
|
|
$('#not_pelunasan').html(data);
|
|
}
|
|
}
|
|
});
|
|
|
|
var callAjax_pelunasan_notif = function(){
|
|
$.ajax({
|
|
type: "POST",
|
|
url:'app/notif/pelunasan_notif.php',
|
|
data: 'thn='+thn_dpa,
|
|
success: function(data){
|
|
if (data==0) {$('#not_pelunasan').hide();} else {
|
|
$('#not_pelunasan').show();
|
|
$('#not_pelunasan').html(data);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
setInterval(callAjax_pelunasan_notif,15000);
|
|
</script>
|
|
<script src="assets/js/enter.js"></script>
|
|
<script src="assets/js/jspdf.min.js"></script>
|
|
</body>
|
|
</html>
|