65 lines
2.1 KiB
Plaintext
65 lines
2.1 KiB
Plaintext
<!-- Vendor -->
|
|
<script src="/vendor/plugins/js/plugins.min.js"></script>
|
|
|
|
<!-- Theme Base, Components and Settings -->
|
|
<script src="/js/theme.js"></script>
|
|
|
|
<!-- Theme Custom -->
|
|
<script src="/js/custom.js"></script>
|
|
|
|
<!-- Theme Initialization Files -->
|
|
<script src="/js/theme.init.js"></script>
|
|
|
|
<script>
|
|
function isOnline() {
|
|
return navigator.onLine;
|
|
}
|
|
|
|
// Fungsi untuk melakukan refresh fragmen atau tindakan lainnya
|
|
function refreshFragment(message = "Testing", color = "dark") {
|
|
// Implementasikan logika penyegaran fragmen di sini
|
|
const element = `
|
|
<div class="w-100 bg-secondary">
|
|
<div id="statusNetwork" class="w-auto alert alert-${color} appear-animation animated fadeInDown appear-animation-visible">
|
|
Anda sedang <strong>${message}</strong>
|
|
</div>
|
|
</div>
|
|
`
|
|
$("#header").append(element)
|
|
|
|
// Setelah 3 detik, hapus elemen dan beri efek fade out
|
|
setTimeout(function() {
|
|
$("#statusNetwork").removeClass('fadeInDown').addClass('fadeOutUp');
|
|
|
|
// Tunggu hingga animasi selesai, kemudian hapus elemen dari DOM
|
|
setTimeout(function() {
|
|
$("#statusNetwork").remove();
|
|
}, 1000); // 1000ms sesuai durasi animasi fadeOutRight
|
|
}, 3000); // 3000ms untuk menghapus elemen setelah 3 detik
|
|
|
|
// Panggil fungsi isOnline() saat fragmen dimuat
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
if (isOnline()) {
|
|
refreshFragment();
|
|
}
|
|
});
|
|
|
|
|
|
}
|
|
|
|
// Event listener untuk mendeteksi perubahan status koneksi
|
|
window.addEventListener('online', function() {
|
|
// Saat koneksi terhubung kembali
|
|
refreshFragment("ONLINE", "success");
|
|
console.log('succes');
|
|
});
|
|
|
|
// Event listener untuk mendeteksi ketidaktersediaan koneksi
|
|
window.addEventListener('offline', function() {
|
|
// Saat koneksi terputus
|
|
refreshFragment("OFFLINE", "danger");
|
|
console.log('offline');
|
|
});
|
|
</script>
|
|
|
|
<script defer src="/lib/agung/imageLazyLoad.js"></script> |