JezK
Edit File: scripts.php
<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> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script> <script> tinymce.init({ selector: 'textarea#editor', height: 200 }); </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"> <!-- 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> let sidebarOpen = false; function openNav() { if (!sidebarOpen) { document.getElementById("main").style.marginLeft = "-44%"; sidebarOpen = true; } else { document.getElementById("main").style.marginLeft = "0"; sidebarOpen = false; } } $(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'); } }); }); $(document).ready(function() { $('#packagesbutton').click(function() { $('#menu1, #menu2').toggle(); }); }); $(document).ready(function() { $('#sidebarCollapse').on('click', function() { $('#sidebar').toggleClass('active'); }); }); $(document).ready(function() { $(".upload-button").click(function() { $(this).prev().find(".file-upload-input3").click(); }); $(".file-upload-input3").change(function() { var fileInput = this; var imageTitleID = $(this).siblings(".file-upload-label").find(".image-title").attr("id"); var previewImage = $(this).siblings(".file-upload-label").find(".preview-image")[0]; if (fileInput.files && fileInput.files[0]) { var reader = new FileReader(); reader.onload = function(e) { previewImage.src = e.target.result; }; reader.readAsDataURL(fileInput.files[0]); } var fileName = $(this).val().split("\\").pop(); $("#" + imageTitleID).text(fileName).removeClass("d-none").addClass("d-block"); $(this).siblings(".form-control").val(fileName); }); }); function readURL(input, previewId) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $(previewId).attr('src', e.target.result); }; reader.readAsDataURL(input.files[0]); } } </script> </body> </html>