Enhance UI and functionality across multiple pages
- Added filter panels and search functionality to media, orders, partners, pricelists, products, products attributes, software versions, translations, and users pages. - Implemented security checks for create, update, and delete permissions on various pages. - Updated CSS styles for improved layout and responsiveness, including new styles for filter panels and buttons. - Refactored existing forms to utilize the new filter panel design for a more consistent user experience. - Adjusted API versioning in servicereport and servicereports pages for better compatibility. - Improved button icons for filter actions and form submissions for better user interaction.
This commit is contained in:
@@ -51,6 +51,26 @@ if (document.querySelector('.filters a')) {
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// Filter panel toggle functions
|
||||
function toggleFilters() {
|
||||
const panel = document.getElementById("filter-panel");
|
||||
if (panel.style.display === "none" || panel.style.display === "") {
|
||||
panel.style.display = "block";
|
||||
} else {
|
||||
panel.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
// Close filter panel when clicking outside
|
||||
document.addEventListener("click", function(event) {
|
||||
const panel = document.getElementById("filter-panel");
|
||||
const toggle = document.getElementById("filter-toggle");
|
||||
|
||||
if (panel && toggle && !panel.contains(event.target) && !toggle.contains(event.target)) {
|
||||
panel.style.display = "none";
|
||||
}
|
||||
});
|
||||
if (document.querySelector('.sort a')) {
|
||||
let filtersList = document.querySelector('.sort .list');
|
||||
let filtersListStyle = window.getComputedStyle(filtersList);
|
||||
|
||||
Reference in New Issue
Block a user