|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
<meta name="author" content="">
|
|
|
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
|
<title>SIOPAS - Dashboard</title>
|
|
|
|
|
@include('layouts.link')
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body id="page-top">
|
|
|
|
|
@stack('style')
|
|
|
|
|
<!-- Page Wrapper -->
|
|
|
|
|
<div id="wrapper">
|
|
|
|
|
<!-- Sidebar -->
|
|
|
|
|
@include('layouts.sidebar')
|
|
|
|
|
|
|
|
|
|
<!-- Content Wrapper -->
|
|
|
|
|
<div id="content-wrapper" class="d-flex flex-column">
|
|
|
|
|
|
|
|
|
|
<!-- Main Content -->
|
|
|
|
|
<div id="content">
|
|
|
|
|
<!-- Topbar -->
|
|
|
|
|
@include('layouts.navbar')
|
|
|
|
|
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
<!-- Main Bar -->
|
|
|
|
|
@yield('content')
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Footer -->
|
|
|
|
|
<footer class="sticky-footer bg-white">
|
|
|
|
|
<div class="container my-auto">
|
|
|
|
|
<div class="copyright text-center my-auto">
|
|
|
|
|
<span>Copyright © SIOPAS</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="scroll-to-top rounded" href="#page-top">
|
|
|
|
|
<i class="fas fa-angle-up"></i>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
@stack('script')
|
|
|
|
|
|
|
|
|
|
@include('layouts.script')
|
|
|
|
|
|
|
|
|
|
<!-- pengaturan datatables -->
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
$('#tablebarang').DataTable({
|
|
|
|
|
paging: true, // Aktifkan paging
|
|
|
|
|
searching: true, // Aktifkan fitur pencarian
|
|
|
|
|
scrollX: true, // Aktifkan scroll horizontal
|
|
|
|
|
pageLength: 10, // Jumlah data per halaman
|
|
|
|
|
lengthMenu: [10, 25, 50, 100], // Pilihan jumlah data per halaman
|
|
|
|
|
dom: '<"top"lf<"clear">>rt<"bottom"ip<"clear">>', // Susunan elemen tabel
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<!-- End pengaturan datatables -->
|
|
|
|
|
|
|
|
|
|
<!-- Batas waktu alert -->
|
|
|
|
|
<script>
|
|
|
|
|
// Hapus alert setelah 3 detik
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
var successAlert = document.getElementById('success-alert');
|
|
|
|
|
if (successAlert) {
|
|
|
|
|
successAlert.remove();
|
|
|
|
|
}
|
|
|
|
|
}, 3000); // 3000 milidetik = 3 detik
|
|
|
|
|
</script>
|
|
|
|
|
<!-- Batas waktu alert -->
|
|
|
|
|
|
|
|
|
|
<!-- update data foto -->
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
$('#photo').change(function() {
|
|
|
|
|
let reader = new FileReader();
|
|
|
|
|
reader.onload = (e) => {
|
|
|
|
|
$('.profile-image').attr('src', e.target.result);
|
|
|
|
|
}
|
|
|
|
|
reader.readAsDataURL(this.files[0]);
|
|
|
|
|
});
|
|
|
|
|
$('.profile-image').click(function() {
|
|
|
|
|
$('.form-control-file').click();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<!-- End update data foto -->
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
