5 Commits

Author SHA1 Message Date
63a7d0f870 Implement component resizing and grid optimization in Form Builder
- Added functionality for resizing components within the Form Builder, allowing users to adjust widths dynamically.
- Introduced a method to find optimal grid placement for new components, ensuring efficient use of available space.
- Enhanced layout optimization after component addition, deletion, and reordering to maintain a clean and organized interface.
- Updated the FormBuilderConfiguration to include width settings for components, improving customization options.
- Refactored styles for grid layout and component previews to enhance visual consistency and user experience.
2025-04-10 18:31:17 +08:00
e5c5d46dae Enhance Form Builder UI with Search Functionality and Component Organization
- Added a search bar to filter available components in `FormBuilderComponents.vue`.
- Organized components into categories (Basic Inputs, Selection Inputs, Date and Time, Advanced, Layout) for better accessibility.
- Updated styles for improved user experience and interaction feedback.
- Refactored component retrieval logic to streamline rendering based on categories.
2025-04-10 10:04:54 +08:00
1f22375c95 Update error button styles, theme colors, and enhance audit model
- Changed the button background color in `error.vue` to improve visibility.
- Updated the secondary color in `theme.css` for better consistency.
- Refactored border color references in `collapse.css` for clarity.
- Added new fields (`auditAction`, `auditDetails`, `auditUsername`) to the `audit` model in `schema.prisma` for enhanced tracking.
- Updated JSON schema to reflect new audit model fields.
2025-04-09 12:19:01 +08:00
316420282b Add form builder components and functionality
- Introduced `FormBuilderComponents.vue`, `FormBuilderCanvas.vue`, and `FormBuilderConfiguration.vue` for managing form elements.
- Added `ComponentPreview.vue` for rendering previews of form components.
- Implemented state management using Pinia in `stores/formBuilder.js` to handle form components and saved forms.
- Created pages for form builder interface (`index.vue`) and form management (`manage.vue`).
- Integrated toast notifications with `useToast.js` for user feedback.
- Documented the form builder structure and features in `FORM_BUILDER_DOCUMENTATION.md` and `FORM_BUILDER_TECHNICAL_APPENDIX.md`.
- Established a responsive layout and drag-and-drop functionality for a seamless user experience.
2025-04-09 12:18:50 +08:00
corrad-software
1022033690
Initial commit 2025-04-09 11:16:18 +08:00