JezK
Edit File: scripts.php
<!-- <script src="js/jquery.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script> <script src="js/main.js"></script> <!-- toast messages!--> <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> <!-- Data Tables --> <link rel="stylesheet" type="text/css" href="https://detailingedition.com/DataTables/datatables.min.css" /> <Script type="text/javascript" src="https://detailingedition.com/DataTables/datatables.min.js"></Script> <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> <script> let sidebarOpen = false; function openNav() { if (!sidebarOpen) { document.getElementById("main").style.marginLeft = "-44%"; sidebarOpen = true; } else { document.getElementById("main").style.marginLeft = "0"; sidebarOpen = false; } } // Script to toggle the popover document.addEventListener('DOMContentLoaded', function() { var notificationLink = document.querySelector('.notification-link'); var notificationPopover = document.querySelector('.notification-popover'); notificationLink.addEventListener('click', function(event) { event.preventDefault(); // Prevent default link behavior notificationPopover.style.display = notificationPopover.style.display === 'none' ? 'block' : 'none'; }); }); $(document).ready(function() { $('.toggle-icon').click(function() { var input = $('#password'); if (input.attr('type') === 'password') { input.attr('type', 'text'); $(this).find('i').removeClass('fa-eye').addClass('fa-eye-slash'); } else { input.attr('type', 'password'); $(this).find('i').removeClass('fa-eye-slash').addClass('fa-eye'); } }); }); </script> </body> </html>