257 lines
9.5 KiB
PHP
257 lines
9.5 KiB
PHP
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<!-- Meta, title, CSS, favicons, etc. -->
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="csrf-token" content="{{ csrf_token() }}" />
|
||
<title>{{ config('app.name','SKPP') }} {{ isset($siteTitle)?" - ".$siteTitle:"" }}</title>
|
||
|
||
<link href="/gentelella/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="/gentelella/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||
<link href="/gentelella/vendors/nprogress/nprogress.css" rel="stylesheet">
|
||
<link href="/gentelella/build/css/custom.min.css" rel="stylesheet">
|
||
<link href="/gentelella/vendors/select2/dist/css/select2.min.css" rel="stylesheet">
|
||
<link href="/gentelella/vendors/iCheck/skins/flat/green.css" rel="stylesheet">
|
||
<link href="/css/app.css" rel="stylesheet">
|
||
<!-- <link href="/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet"> -->
|
||
<link href="/css/daterangepicker.css" rel="stylesheet">
|
||
@yield('styles')
|
||
</head>
|
||
<body class="nav-sm">
|
||
<div id="loader-wrapper" style="display:none;">
|
||
<div id="loader"></div>
|
||
</div>
|
||
<div class="container body">
|
||
<div class="main_container">
|
||
<div class="col-md-3 left_col menu_fixed">
|
||
<div class="left_col scroll-view">
|
||
<div class="navbar nav_title" style="border: 0;">
|
||
<a href="/" class="site_title"><i class="fa fa-sun-o"></i> <span> S K P P </span></a>
|
||
</div>
|
||
|
||
<div class="clearfix"></div>
|
||
|
||
<!-- menu profile quick info -->
|
||
<!-- <div class="profile clearfix">
|
||
<div class="profile_pic">
|
||
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
||
</div>
|
||
<div class="profile_info">
|
||
<span>Welcome,</span>
|
||
<h2></h2>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div> -->
|
||
<!-- /menu profile quick info -->
|
||
|
||
@include('partials.menu')
|
||
|
||
<!-- /menu footer buttons -->
|
||
<div class="sidebar-footer hidden-small">
|
||
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
||
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
||
</a>
|
||
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
||
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
||
</a>
|
||
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
||
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
||
</a>
|
||
<a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
|
||
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
||
</a>
|
||
</div>
|
||
<!-- /menu footer buttons -->
|
||
</div>
|
||
</div>
|
||
|
||
@include('partials.top_menu')
|
||
|
||
<!-- page content -->
|
||
<div class="right_col" role="main">
|
||
<div class="">
|
||
<div class="page-title">
|
||
<div>
|
||
<div class="pull-left">
|
||
<h5><i class="fa fa-th-large"></i> {{ $siteTitle }}</h5>
|
||
</div>
|
||
<div class="pull-right">
|
||
<x-breadcrumb :paths="$siteBreadcumb" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="title_right">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
@if ($errors->any())
|
||
<div class="alert alert-danger">
|
||
<strong>Whoops!</strong> There were some problems with your input.<br><br>
|
||
<ul>
|
||
@foreach ($errors->all() as $error)
|
||
<li>{{ $error }}</li>
|
||
@endforeach
|
||
</ul>
|
||
</div>
|
||
@endif
|
||
|
||
<div class="clearfix"></div>
|
||
|
||
@hasSection('content')
|
||
<div class="row">
|
||
<div class="col-md-12 col-sm-12 ">
|
||
<div class="x_panel">
|
||
<div class="x_content">
|
||
@yield('content')
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endif
|
||
@yield('content_error')
|
||
</div>
|
||
</div>
|
||
<!-- /page content -->
|
||
|
||
<!-- footer content -->
|
||
<footer>
|
||
<div>© 2021 - Pusat Data dan Informasi BPKD Provinsi DKI Jakarta</div>
|
||
{{-- <div class="clearfix"></div> --}}
|
||
</footer>
|
||
<!-- /footer content -->
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal-default" class="modal fade myModal" role="dialog" aria-hidden="true" style="display: none;">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
|
||
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body"></div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="/gentelella/vendors/jquery/dist/jquery.min.js"></script>
|
||
<script src="/gentelella/vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script src="/gentelella/vendors/fastclick/lib/fastclick.js"></script>
|
||
<script src="/gentelella/vendors/nprogress/nprogress.js"></script>
|
||
<script src="/gentelella/vendors/select2/dist/js/select2.min.js"></script>
|
||
<script src="/js/custom.js"></script>
|
||
<script src="/js/app.js"></script>
|
||
<script src="/js/swal2.min.js"></script>
|
||
<script src="/js/moment.min.js"></script>
|
||
<script src="/js/typeahead.bundle.min.js"></script>
|
||
<!-- <script src="/js/tempusdominus-bootstrap-4.min.js"></script> -->
|
||
<script src="/js/daterangepicker.js"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function(){
|
||
var url = window.location;
|
||
url = url + "";
|
||
const allLinks = document.querySelectorAll('.menu-link');
|
||
let currentLink = "";
|
||
allLinks.forEach((val, idx) => {
|
||
if (url.indexOf(val.href) > -1){
|
||
currentLink = $(val).closest("li");
|
||
}
|
||
})
|
||
// console.log(currentLink.closest("li").html());
|
||
$(currentLink).addClass("active");
|
||
$(currentLink).closest("ul").closest("li").addClass("active");
|
||
$(currentLink).closest(".child_menu").hide();
|
||
if($("body").hasClass("nav-md")){
|
||
$(currentLink).closest(".child_menu").show();
|
||
}
|
||
|
||
@if ($message = Session::get('success'))
|
||
Swal.fire('{{ $message }}', '', 'success');
|
||
@endif
|
||
|
||
@if ($message = Session::get('error'))
|
||
Swal.fire('{{ $message }}', '', 'error');
|
||
@endif
|
||
|
||
initailizeSelect2 = () =>{
|
||
$('.skpd_search').select2({
|
||
placeholder: 'Select Unit Kerja',
|
||
ajax: {
|
||
url: '/skpd-search',
|
||
dataType: 'json',
|
||
delay: 250,
|
||
processResults: function (data) {
|
||
return {
|
||
results: $.map(data, function (item) {
|
||
return {
|
||
text: item.name,
|
||
id: item.id
|
||
}
|
||
})
|
||
};
|
||
},
|
||
cache: true
|
||
}
|
||
});
|
||
}
|
||
|
||
$(document).on("submit",".form-delete",function (e){
|
||
e.preventDefault();
|
||
let test = Swal.fire({
|
||
title: 'Data akan dihapus?',
|
||
showDenyButton: true,
|
||
showCancelButton: false,
|
||
confirmButtonText: 'Ya',
|
||
denyButtonText: "Tidak",
|
||
icon: "warning",
|
||
}).then((result) => {
|
||
/* Read more about isConfirmed, isDenied below */
|
||
if (result.isConfirmed) {
|
||
e.currentTarget.submit();
|
||
}
|
||
})
|
||
});
|
||
|
||
$(document).on("click",".modalButton",function (e){
|
||
$("#overlayLoader").removeClass("d-flex");
|
||
$("#overlayLoader").addClass("d-flex");
|
||
$('.modal-body').html("<table class='table table-striped' width='100%'><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></table>");
|
||
$(".modal-dialog").removeClass("modal-xl modal-lg")
|
||
$(".modal-dialog").addClass($(this).attr("modal-target"));
|
||
$('#modal-default')
|
||
.modal('show')
|
||
.find('.modal-body')
|
||
.load($(this).attr('href'),function(){
|
||
$("#overlayLoader").removeClass("d-flex");
|
||
$("#overlayLoader").hide();
|
||
});
|
||
if ($(this).attr('title')!== null) {
|
||
$('.modal-title').html($(this).attr('title'));
|
||
}
|
||
if ($(this).attr('size')!== null){
|
||
$('.modal-dialog').addClass($(this).attr('size'));
|
||
}
|
||
e.preventDefault();
|
||
});
|
||
|
||
initailizeSelect2();
|
||
|
||
setTimeout(() => {
|
||
$(".alert").hide();
|
||
}, 10000);
|
||
|
||
});
|
||
</script>
|
||
@yield('scripts')
|
||
@yield('scripts2')
|
||
</body>
|
||
</html> |