JezK
Edit File: footer.php
<style type="text/css"> #loaderloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('img/InternetSlowdown_Day.gif') 50% 50% no-repeat rgb(249,249,249); opacity: .8; } </style> <div id="loaderloader" style="display: none;"></div> </div> <script type="text/javascript" src="js/popper.min.js"></script> <script src="jquery/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <!-- <script src="js/jquery.mCustomScrollbar.concat.min.js"></script> --> <script src="js/front.js"></script> <script src="https://unpkg.com/popper.js"></script> <script src="build/js/intlTelInput.js"></script> <!-- datepicker range --> <script type="text/javascript" src="js/moment.min.js"></script> <script type="text/javascript" src="js/daterangepicker.min.js"></script> <!--end datepicker range --> <script type="text/javascript" src="js/dataTables.bootstrap4.min.js"></script> <script type="text/javascript" src="js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="js/functions.js"></script> <!-- date picker jquery start --> <!-- <script type="text/javascript" src="bdatepicker/jquery/jquery-1.8.3.min.js" charset="UTF-8"></script> <script type="text/javascript" src="bdatepicker/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap-datetimepicker.js" charset="UTF-8"></script> <script type="text/javascript" src="js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script> --> <!-- date picker jquery end --> </body> <script type="text/javascript"> $(document).ready(function() { $('#dataTable').dataTable({ language: { search: "_INPUT_", searchPlaceholder: "Search" } }); $('#dataTable_filter input').addClass('form-control formField-control ml-0'); //search class } ); </script> <script type="text/javascript"> $(document).ready(function() { // $('#dataTable1').DataTable({ // "pagingType": "full_numbers" // }); $('#dataTable1').dataTable({ language: { search: "_INPUT_", searchPlaceholder: "Search" } }); $('#dataTable1_filter input').addClass('form-control formField-control ml-0'); // search class } ); </script> <script type="text/javascript"> $(document).ready(function() { $('#dataTable2').dataTable({ language: { search: "_INPUT_", searchPlaceholder: "Search" } }); $('#dataTable2_filter input').addClass('form-control formField-control ml-0'); // search class } ); </script> <script> $(".selectAll").click(function(){ $('.checkmark').each(function() { this.checked = true; }); }) $(".unSelectAll").click(function(){ $('.checkmark').each(function() { this.checked = false; }); }) </script> <script type="text/javascript"> $(function() { var start = moment().subtract(29, 'days'); var end = moment(); function cb(start, end) { $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); $('.fromdate').val(start.format('YYYY-MM-DD')); $('.todate').val(end.format('YYYY-MM-DD')); } $('#reportrange').daterangepicker({ startDate: start, endDate: end, ranges: { // 'Today': [moment(), moment()], // 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], // 'Last 7 Days': [moment().subtract(6, 'days'), moment()], // 'Last 30 Days': [moment().subtract(29, 'days'), moment()], // 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] } }, cb); cb(start, end); }); function showNotification() { if (!Notification) { $('body').append('<h4 style="color:red">*Browser does not support Web Notification</h4>'); return; } console.log(Notification.permission); if (Notification.permission !== "granted") { Notification.requestPermission(); } else { console.log(Notification.permission); <?php if(isset($_SESSION['id'])){ ?> $.ajax({ url : "ajax.php", type: "POST", data: {action : 'getnotifications'}, success: function(data, textStatus, jqXHR) { var data = jQuery.parseJSON(data); if(data.result == true) { var data_notif = data.notif; for (var i = data_notif.length - 1; i >= 0; i--) { var theurl = data_notif[i]['url']; //alert(theurl) var notifikasi = new Notification(data_notif[i]['title'], { icon: data_notif[i]['icon'], body: data_notif[i]['msg'], }); notifikasi.onclick = function () { window.open(theurl); notifikasi.close(); }; setTimeout(function(){ notifikasi.close(); }, 30000); updateNotificationID(data_notif[i]['id']) /* setTimeout(function(){ $.ajax({ type: 'POST', url: "ajax.php", data: {action: 'updatenotificationid',notifyid:data_notif[i]['id']}, //pass data1 to second request success: function(data, textStatus, jqXHR) { } }); }, 30000);*/ }; } else { } }, error: function(jqXHR, textStatus, errorThrown) {} }); <?php } ?> } } setInterval(function(){ showNotification(); }, 5000); function updateNotificationID(notifyid) { $.ajax({ type: 'POST', url: "ajax.php", data: {action: 'updatenotificationid1',notifyid:notifyid}, //pass data1 to second request success: function(data, textStatus, jqXHR) { } }); } var aestTime = new Date().toLocaleString("en-US", { <?php if($recentPractCountry == 'United States'){ ?> timeZone: "America/Chicago" <?php }else{ ?> timeZone: "Asia/Calcutta" <?php } ?> }); var todayMyDate = new Date(aestTime); </script> <!-- chat script --> </html>