You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
3.4 KiB
111 lines
3.4 KiB
<!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 |
|
}); |
|
$('#tablePeti').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>
|
|
|