Siopas Inventory PETI for ISTW Website
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

<!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 &copy; 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>