Add Search Functionality for Employee and Company Modules #8
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Updated the employee list page to include a search input for filtering employees. - Replaced the "Cadastrar Novo Colaborador" button with a green "Adicionar" button that includes an icon. - Improved the styling with a dark background and shadow for the search and add button container. - Updated CSS styles for form control borders and button success state.
added new styles for the search bar and add button, improving consistency across the company and employee templates. adjusted padding, borders, and shadows for a modern UI. replaced the old button styles with new custom ones for better aesthetics. changes affect the `tables-styles.css`, `company.html`, and `employee.html` files, providing a unified design experience.
Added a search endpoint in EmployeeRestController to allow users to search for employees by name. Enhanced EmployeeRepository and EmployeeService with a method to perform case-insensitive name searches. Updated frontend JavaScript to implement search functionality and dynamically update the employee table with the results. Also included improvements to form submissions and actions such as register, edit, and delete for both employees and companies, adding better AJAX handling for these operations. Updated UI components and templates, ensuring consistent behavior for modals and input forms across different views.
Refactored the form submission and deletion logic for both company and employee scripts by introducing generic setup functions. This reduces code duplication and improves maintainability. Handlers for specific actions like registering, editing, and deleting companies and employees have been separated into distinct functions. Added phone number masking functionality for better user input experience. Also improved the initialization logic for both company and employee management setups, including search functionality and input masking.
implemented a new search endpoint in CompanyRestController to allow searching for companies by name. Added a corresponding method in CompanyService and CompanyRepository to handle the search query. In the front-end, enhanced company management by adding a search bar and dynamic table population for displaying search results. Improved input formatting for CNPJ and phone numbers in company-script.js and company.html.
…code - Updated the search input field IDs in both employee and company templates for better clarity and consistency. - Removed unimplemented or redundant form submission and delete action handlers in `form-utils.js`. - Refactored label additions for search fields to improve accessibility in employee and company templates. These changes improve code maintainability and user experience but do not affect functionality.
Removed unnecessary `System.out.println` debug statements from the `findByNameContainingIgnoreCase` method in `EmployeeService`. This improves code cleanliness and performance.
add logic to reload the page when the search input is cleared, ensuring that the original table is restored. Also updated comment for custom button actions section. This change improves user experience by resetting the table when no query is present.
…tion refactor search input handling to use a debounced function, improving performance by reducing redundant API calls during typing. Updated comments and error messages to include localized Portuguese translations, providing better user context. Added a debounce function to delay search requests by 300ms. Updated the table handling logic to reinitialize action buttons after search result updates. Improved code readability by translating key actions to Portuguese.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Search Functionality: Added a search bar to both employee and company list pages, allowing users to filter records easily.
UI Enhancements:
Replaced the "Cadastrar Novo Colaborador" button with a green "Adicionar" button and icon.
Improved the layout by adding a dark-themed container around the search bar and button.
Updated form controls with custom borders and enhanced button styling for consistency.
Impact:
These changes enhance the user experience by improving functionality and visual design on both employee and company pages.