- Introduced a new 'customHtml' component in FormBuilderComponents.vue, allowing users to create custom designs using HTML, CSS, and JavaScript.
- Enhanced ComponentPreview.vue to render the custom HTML component with appropriate props for live preview functionality.
- Updated FormBuilderFieldSettingsModal.vue to include configuration options for the custom HTML component, such as HTML, CSS, and JavaScript content, as well as settings for preview mode and script allowance.
- Implemented safe and full HTML preview methods to ensure secure rendering of custom content.
- Added relevant icons and descriptions for the custom HTML component in the form builder, improving user experience and clarity.
- Updated ComponentPreview.vue to implement a draggable container for nested components, allowing users to reorder fields within repeating groups.
- Enhanced the user interface with visual feedback during drag-and-drop actions, improving usability and interaction.
- Modified FormBuilderComponents.vue to include default properties for nested components, facilitating better organization and management of form fields.
- Improved FormBuilderFieldSettingsModal.vue to provide clearer information about repeating group containers and their functionalities.
- Refactored event handling for component updates and deletions to support nested components within sections and repeating groups, ensuring consistent data management.
- Updated styles across components to enhance the visual experience during drag-and-drop operations and improve overall aesthetics.
- Updated ComponentPreview.vue to include support for the 'searchSelect' and 'switch' components in readonly states, ensuring consistent behavior across form fields.
- Modified FormBuilderComponents.vue to set default readonly properties for various components, enhancing usability and preventing unintended edits.
- Enhanced FormBuilderFieldSettingsModal.vue to reflect the updated readonly logic for component types, improving user awareness of field capabilities.
- Introduced a new modal in manage.vue for copying workflow links, allowing users to select between direct and iframe link types with customizable options.
- Improved link generation logic to support iframe parameters, enhancing the flexibility of sharing workflows.
- Updated styles in SearchSelect.vue and Switch.vue to visually indicate readonly states, ensuring a consistent user experience across components.
- Updated ComponentPreview.vue to enhance data binding for form fields, ensuring controlled updates to prevent circular reactivity.
- Introduced new methods for updating group fields and list items, improving data management and validation.
- Enhanced RepeatingTable.vue by replacing the LazyCellValue component with a SimpleCellValue for immediate data display, optimizing rendering performance.
- Improved table structure and styling for better user experience, including sticky headers and custom scrollbar styles.
- Added logic to initialize repeating tables with default data in form builder, ensuring consistent data handling across components.
- Implemented checks to prevent unnecessary updates in form data, enhancing overall application performance.
- Introduced a new 'searchSelect' component to the form builder, allowing users to search and select options from a dropdown.
- Updated FormBuilderComponents.vue to include the new searchable select component with default properties and options.
- Enhanced form validation rules in various components to support the new searchable select input type.
- Adjusted z-index values in multiple components and styles for improved layering and visibility.
- Refined CSS styles for modal and header components to ensure consistent appearance across the application.
- Added functionality to insert components at a specific index in the form builder, allowing for more flexible component arrangement.
- Updated the form store to support the new insertion method, ensuring components can be added dynamically at designated positions.
- Modified CSS styles for form components, including adjustments to disabled states and ghost component appearance for improved user experience.
- Refined drag-and-drop behavior by removing animation for immediate feedback during reordering, enhancing usability.
- Introduced a new background color for disabled states to maintain visual consistency across the form builder.
- Refactored ConditionalLogicEngine.vue to optimize conditional logic script generation by grouping handlers for watched fields, reducing duplicate event listeners and improving performance.
- Added helper functions for generating condition checks and action codes, enhancing code readability and maintainability.
- Introduced ConditionalLogicTestDemo.vue to demonstrate the benefits of optimization, showcasing before and after examples of conditional logic handling.
- Updated FormBuilderFieldSettingsModal.vue to include notes on optimization when multiple fields watch the same trigger field, improving user awareness of performance enhancements.
- Enhanced ComponentPreview.vue and workflow pages to support preview mode for conditional logic, ensuring consistent behavior across the application.
- Updated ComponentPreview.vue to support custom button styles, allowing users to define background color, text color, border color, border width, border radius, and hover effects for buttons.
- Enhanced FormBuilderFieldSettingsModal.vue with new fields for customizing button appearance, including color pickers and number inputs for border properties.
- Implemented a color preview feature in the settings modal to visualize button styles based on user selections, improving usability and customization options.
- Added utility functions for generating custom button styles dynamically, ensuring consistent styling across the application.
- Added support for initializing and managing repeating groups in ComponentPreview.vue, allowing for dynamic creation of group items based on minimum item settings.
- Implemented event emission for form data updates to notify parent components, ensuring synchronization with FormKit integration.
- Enhanced FormBuilderFieldSettingsModal.vue with new configuration options for repeating tables, including minimum and maximum records, button text settings, and table behavior controls.
- Updated safeGetField.js to ensure backward compatibility by returning empty strings for undefined or null values.
- Improved workflow page to handle form data updates from ComponentPreview, maintaining data consistency across the application.
- Enhanced form store logic to initialize preview form data for repeating groups upon component addition and form loading.
- Added a performance warning for tables with more than 20 columns, advising users to reduce column count for better performance.
- Implemented lazy loading for cell values to improve rendering efficiency in large datasets.
- Introduced column virtualization to limit visible columns to the first 20 for performance enhancement.
- Updated pagination controls and improved the overall structure of the table for better user experience.
- Enhanced styling for performance warnings and loading states, ensuring a more responsive interface.
- Introduced a new Help section in the Form Builder interface, providing users with guidance on how to use the form builder effectively.
- Added a Help Modal that includes detailed instructions on getting started, component categories, field configuration, button features, tips & tricks, and preview mode.
- Implemented a button to trigger the Help Modal, enhancing user experience by offering contextual assistance.
- Ensured the Help Modal is responsive and user-friendly, with clear sections and actionable tips for users to follow.
- Added new iframe parameters in FormBuilderFieldSettingsModal, allowing users to configure debug mode, hide completion messages, apply themes, and set custom URL parameters for button components linked to processes.
- Updated ComponentPreview.vue to generate dynamic workflow URLs with iframe parameters based on user settings, improving the flexibility of iframe integration.
- Implemented a URL preview feature in FormBuilderFieldSettingsModal to display the generated iframe URL based on the current configuration, enhancing user experience and usability.
- Enhanced form builder interface to include new settings for iframe integration, ensuring a more comprehensive configuration for button actions.
- Introduced new settings for button components in the FormBuilderFieldSettingsModal, allowing users to configure link types (none, custom URL, process link) and corresponding URLs or process IDs.
- Added functionality to dynamically generate button links based on user selections, improving the flexibility of button actions in the form builder.
- Updated ComponentPreview.vue to conditionally render buttons as links or regular buttons based on the new configuration options.
- Enhanced the form builder interface to include fields for specifying the number of rows for textareas, improving usability and customization.
- Implemented fetching of published processes for linking, ensuring users can select from available processes when configuring button actions.
- Updated the items per page default to 20 for better data visibility in process management.
- Implemented comprehensive filtering options for processes, including search by name, description, category, and creator, enhancing user experience and data retrieval.
- Adjusted pagination logic to handle high limits, allowing for client-side pagination when necessary.
- Enhanced API response handling to accommodate new pagination and filtering features, ensuring accurate data representation and navigation.
- Added pagination functionality to the form management and process management pages, allowing users to navigate through forms and processes more efficiently.
- Introduced controls for items per page selection and pagination navigation, enhancing user experience and accessibility of data.
- Updated computed properties to handle paginated data and maintain accurate pagination state across filters and searches.
- Ensured that pagination resets when filters change, providing a consistent and intuitive user interface.
- Updated the form management interface to improve the search and filter functionality, including new filters for category and group, enhancing user experience and organization.
- Redesigned the forms display to utilize a grid layout, providing a more visually appealing and user-friendly interface for form management.
- Introduced loading states and improved error handling for process publishing and unpublishing, ensuring better feedback for users during these actions.
- Added functionality to prevent deletion of published processes, guiding users to unpublish first, thereby improving data integrity and user guidance.
- Enhanced the process store with a new unpublish method, allowing for better management of process states and updates to the UI accordingly.
- Updated the form builder to allow users to create new forms with additional fields for category and group, improving organization and usability.
- Introduced an empty state in the form builder to guide users in creating new forms.
- Enhanced the management page with new filters for category and group, allowing for better form organization and retrieval.
- Updated the database schema to include new fields for form category, tags, and group, along with corresponding API adjustments for form creation and updates.
- Improved the user interface with better handling of form descriptions and added visual indicators for categories and groups in the forms table.
- Introduced a new submit button configuration in the form builder, allowing users to enable/disable the default submit button and customize its label, category, and color.
- Updated VariableBrowser.vue to support object property path input for variables, including validation and error handling for property paths.
- Enhanced ApiNodeConfiguration.vue to prevent object path creation for output and error variables.
- Improved workflow page to respect form builder submit button settings, ensuring consistent behavior across the application.
- Added helper functions for managing submit button styles and variants, enhancing the overall user experience.
- Updated ComponentPreview.vue to improve handling of readonly states for select, checkbox, and radio components, ensuring proper styling and interaction.
- Modified button component in ComponentPreview.vue to conditionally display button text and icon based on new props for better customization.
- Enhanced FormBuilderComponents.vue by adding new properties for button configuration, including showLabel, showButtonText, buttonText, and icon.
- Introduced new form field settings in FormBuilderFieldSettingsModal.vue to allow users to customize button size, icon, and visibility options for labels and text.
- Improved overall user experience by refining placeholder visibility in builder mode and enhancing the button action script template functionality.
- Introduced a new proxy endpoint for API calls during workflow execution to handle CORS issues and streamline API interactions.
- Updated the authorization logic to support Basic Auth with both token and username/password options, improving flexibility in API authentication.
- Enhanced the API request building process to accommodate new node data structures, including dynamic handling of headers, parameters, and body content.
- Improved error handling and response management in the workflow execution process, ensuring better feedback and control over API call outcomes.
- Refactored the workflow page to utilize the new API call structure, enhancing overall workflow execution reliability and user experience.
- Added a new category for 'Data-Driven Workflows' in the ProcessTemplatesModal component.
- Introduced multiple new templates for data-driven workflows, including 'URL Data Capture & Form Pre-fill', 'Dynamic Survey with Conditional Logic', 'Order Processing with Status Updates', and 'Customer Feedback Analysis'.
- Enhanced VariableManager to support capturing variable values from URL parameters, including new form fields for URL parameter configuration.
- Updated workflow page to capture URL parameters for variables configured to do so, improving the integration of external data into workflows.
- Adjusted processBuilder store to include new properties for URL parameter handling in variable definitions.
- Modified the `prisma` script in `package.json` to remove the `nuxt dev` command, streamlining the Prisma commands.
- Added a new `deploy` script to facilitate deployment processes, including building and restarting the application.
- Deleted the `validation-test-guide.md` file to remove outdated documentation, ensuring the project remains focused and relevant.
- Standardized quotation marks in the `index.vue` file for consistency.
- Enhanced code readability by formatting and organizing the structure of the document.
- Improved the styling of various elements to ensure a cleaner layout and better user experience.
- Adjusted event handling for document links and scroll events to enhance functionality and maintainability.
- Introduced iframe mode detection to streamline the user experience when embedded in other applications.
- Added functionality to update the URL upon process completion, allowing for better integration with parent applications.
- Implemented error notification to the parent iframe, ensuring that any issues during workflow execution are communicated effectively.
- Enhanced UI responsiveness by adjusting styles based on iframe mode, improving overall usability and visual consistency.
- Updated process completion and error handling logic to support seamless multi-process workflows.
- Introduced new documentation files: `agent-example-usage.md`, `agent-instructions-form-generator.md`, and `form-builder-json-structure.md` to provide comprehensive guidance on using the Form Builder Agent, including example usage and JSON structure.
- Implemented import and export functionality in the form management interface, allowing users to upload JSON files and download forms as JSON.
- Enhanced the `manage.vue` component with modals for importing forms, including options for file upload and pasting JSON content, along with validation feedback.
- Developed a new API endpoint for importing forms, ensuring proper validation and processing of incoming JSON data.
- Updated the form management logic to handle JSON imports and exports seamlessly, improving user experience and form management capabilities.
- Introduced a new `validation-test-guide.md` file detailing the testing process for the node validation system, including test cases and expected outcomes.
- Updated `ProcessFlowCanvas.vue` to integrate a collapsible validation panel, allowing users to toggle visibility and view validation statuses and issues in real-time.
- Enhanced the validation indicators and tooltips in `ValidationIndicator.vue` and `ValidationTooltip.vue` to provide clearer feedback on validation issues with improved styling and severity color coding.
- Removed the deprecated `vue-flow-custom-nodes-migration.md` and `vue-flow-migration-completed-final.md` documentation files to streamline project documentation.
- Adjusted styles in `ValidationTooltip.vue` for better visibility and user experience, ensuring tooltips are informative and visually distinct based on severity.
- Updated `index.vue` to ensure proper text color inheritance for custom nodes, enhancing overall UI consistency.
- Removed the temporary debug button from the process builder interface to streamline the user experience.
- Adjusted layout and spacing for edge and node headers to improve visual organization and readability.
- Enhanced the display of node and edge IDs with break-word support for better handling of long text.
- Updated action button icons to ensure consistent sizing and alignment across the interface.
- Improved overflow handling in scrollable content areas to prevent horizontal scrolling issues.
- Introduced a comprehensive node validation system in the process flow builder, enhancing the user experience by providing real-time feedback on node configurations and process integrity.
- Added `useNodeValidation` composable to manage validation logic, including checks for required nodes, configuration completeness, and flow logic.
- Integrated validation indicators in node components (ApiNode, FormNode, GatewayNode, ScriptNode) to visually represent validation issues.
- Created `ValidationIndicator` and `ValidationTooltip` components for displaying validation statuses and detailed messages.
- Updated `ProcessFlowCanvas.vue` to trigger validation on node and edge changes, ensuring immediate feedback during process design.
- Enhanced `processBuilder` store to manage validation results and summary statistics, allowing for a centralized validation state.
- Documented the validation system implementation plan to guide future enhancements and user training.
- Updated HexagonShape.vue, RectangleShape.vue, SwimlaneHorizontal.vue, SwimlaneVertical.vue, and TrapezoidShape.vue to remove label text from shape components, enhancing visual clarity.
- Modified index.vue to clarify node label and description input visibility, ensuring they only appear for process nodes and text annotations.
- Adjusted processBuilder.js to set default label values to an empty string for new nodes, improving consistency in node creation.
- Updated ProcessFlowCanvas.vue to ensure that existing node positions are preserved during updates, preventing unintended repositioning.
- Enhanced node addition logic in index.vue to handle drops from the canvas correctly, ensuring that nodes are added to the store without duplicating entries.
- Improved user experience by allowing position updates during drag operations while preventing conflicts during component additions.
- Added console logs for better debugging and tracking of node operations.
- Updated HtmlNodeConfiguration.vue and ScriptNodeConfiguration.vue to prevent recursive updates when props change by introducing a flag and utilizing nextTick for state management.
- Improved keyboard shortcut handling in index.vue to block shortcuts when modals are open or when input elements are focused, enhancing user experience during process building.
- Updated VariableManager.vue to change variable type labels for clarity, replacing 'Int' and 'Decimal' with 'Number'.
- Modified manager-approval-customScript.js to correct field references and enhance conditional logic for displaying the custom approved amount.
- Enhanced manager-approval-form.json by adding 'readonly' attributes to several fields, ensuring they are non-editable during the approval process.
- Revised travel-workflow-process.json to improve node connections and labels for better workflow clarity.
- Updated travel-workflow-variables.json to refine variable descriptions and ensure consistency across the workflow.
- Adjusted [id].vue to improve form data handling and loading states, enhancing user experience during workflow execution.
- Updated the ComponentPreview component to utilize a new utility function, safeGetField, for safer field value retrieval from form data, enhancing data integrity and error handling.
- Added a new "Read Only" toggle option in the FormBuilderFieldSettingsModal, allowing users to set fields as non-editable, improving form configuration flexibility.
- Refactored various field access patterns to ensure consistent handling of undefined or null values across components.
- Improved the overall user experience by ensuring that field states are accurately reflected and managed during form previews.
- Updated the Travel Reimbursement Workflow documentation to focus on user requirements and streamline the content for better understanding.
- Simplified sections to clarify the workflow process, including user roles, submission steps, and approval rules.
- Removed redundant details and reorganized content to improve readability and accessibility for employees, managers, and finance teams.
- Added practical tips and notifications to assist users throughout the reimbursement process.
- Introduced comprehensive documentation for the Travel Reimbursement Workflow, detailing form components, process definitions, and business rules.
- Added new custom scripts for the Manager Approval Form and Travel Reimbursement Form to enhance dynamic behavior and validation.
- Updated the ComponentPreview component to include a new prop for field states, improving state management during previews.
- Created JSON files for the Manager Approval Form and Travel Reimbursement Form, defining their structure and validation rules.
- Implemented a new process definition for the travel workflow, outlining the steps and decision points for claim processing.
- Established global variables for managing workflow data, ensuring consistency and accessibility across the process.
- Introduced a new API endpoint for sending email notifications using Nodemailer, allowing for customizable email content and recipient management.
- Enhanced the notification configuration to support various recipient types (email, user, role, variable) and added error handling for recipient resolution.
- Updated the process builder to include HTML message formatting and improved logging for notification processing.
- Modified the Nuxt configuration to include Nodemailer as a dependency and adjusted security settings for the notifications API.
- Refactored process definition JSON to accommodate changes in notification handling and updated UI components accordingly.
- Deleted the comprehensive user guide for Corrad ProcessMaker, which included sections on introduction, form builder, process builder, and FAQs.
- This removal is part of a shift towards more dynamic documentation methods and may be replaced with updated resources in the future.
- Added detailed documentation for the new Gateway Decision Logic, including UI components for gateway condition configuration and evaluation processes.
- Introduced examples for condition evaluation and decision path selection, improving clarity for users on how to implement and utilize gateway conditions.
- Updated the process definition and variables to support the new gateway logic, ensuring seamless integration within the existing workflow.
- Enhanced the user interface to display decision paths and condition evaluation results, providing better feedback during workflow execution.
- Updated the documentation API endpoints to dynamically set the documentation directory based on the NODE_ENV variable, improving compatibility between development and production environments.
- Enhanced error handling for file retrieval to ensure proper responses when files are not found or invalid.
- Standardized import statements for consistency across the documentation files.
- Added comprehensive documentation covering key features, user guides, and best practices for the Corrad ProcessMaker platform.
- Introduced new API endpoints for serving documentation files dynamically.
- Enhanced the navigation structure to include a dedicated documentation section for improved accessibility.
- Updated the Nuxt configuration to optimize the development environment and ensure proper handling of dependencies.
- Included new dependencies in package.json to support documentation rendering and processing.
- Improved the user interface for the documentation page, enhancing the overall user experience.
- Added configuration options for repeating groups, including minimum and maximum item limits, button text settings, and dynamic field management.
- Implemented functionality to add and remove fields within the repeating group, improving user experience for form customization.
- Updated component type and description mappings to include the new repeating group feature, ensuring consistency across the application.
- Removed redundant button elements for Templates and History from the form and process builder pages to streamline the interface.
- Consolidated action buttons into dropdown menus for better organization and accessibility.
- Enhanced visual hierarchy by adding section headers for Form Actions and Process Actions in dropdowns, improving clarity for users.
- Updated styles for dropdown menus to ensure consistent appearance and interaction across different screen sizes.
- Introduced a new ExportCanvasModal component for exporting the process flow as PNG or PDF.
- Enhanced ProcessFlowCanvas with exportToPNG and exportToPDF methods, utilizing html2canvas and jsPDF for rendering.
- Updated the process builder page to integrate the export modal, allowing users to initiate exports easily.
- Added UI elements for selecting export format and quality, improving user experience during the export process.
- Implemented error handling and progress indicators for export operations, ensuring better feedback for users.
- Added support for node selection changes and multiple node selection events, improving user interaction within the process flow.
- Introduced a collapsible help guide to assist users with selection and action instructions, enhancing usability.
- Updated styles for selection boxes and multi-selected nodes to improve visual feedback during interactions.
- Refactored event handling for node and edge clicks to streamline the selection process and improve error logging.
- Updated the modal to use a smaller size for improved usability.
- Removed unnecessary fields related to priority, owner, and execution settings to streamline the process configuration.
- Introduced a new loading state for permissions and error handling for better user feedback.
- Simplified the settings tabs to focus on essential configurations, enhancing the user experience.
- Added functionality to dynamically load available roles and permissions from the database, improving flexibility in process management.
- Introduced a preview modal for process templates, allowing users to view detailed information and flow before selection.
- Updated the template card styles for improved visual appeal and user interaction, including hover effects and background gradients.
- Enhanced the layout and structure of the template display, ensuring better organization of template details and action buttons.
- Added computed properties for dynamic node styling based on template definitions, improving the visual representation of nodes in the preview.
- Implemented responsive design adjustments to ensure usability across different screen sizes.
- Added a computed property for dynamic shape classes in custom node components (ApiNode, BusinessRuleNode, FormNode, GatewayNode, HtmlNode, NotificationNode, ScriptNode, SubprocessNode) to support various shapes.
- Updated the class bindings in the template to include the new shape classes, improving visual representation of nodes based on their defined shapes.
- Adjusted styles in `nodeStyles.js` to accommodate new shape types (hexagon, trapezoid) and ensure proper rendering without conflicting base styles.
- Enhanced the process builder interface by refining node styles and ensuring consistent behavior across different node types.
- Migrated custom node definitions from inline to individual `.vue` files for improved maintainability and production compatibility.
- Updated `ProcessFlowCanvas.vue` to import new file-based node components and created a `customNodeTypes` object to manage node types.
- Removed the deprecated `composables/processFlowNodes.js` and extracted shared styles into `composables/nodeStyles.js`.
- Enhanced user experience by ensuring proper rendering and functionality of all node types in the process flow interface.
- Moved custom node definitions from `composables/processFlowNodes.js` to individual `.vue` files for better production compatibility and maintainability.
- Updated `ProcessFlowCanvas.vue` to import node types from the new file structure, ensuring proper rendering of custom nodes.
- Added new methods for setting nodes and edges directly in the `ProcessFlowCanvas` component, improving flexibility in managing flow state.
- Removed the deprecated `test.vue` file to streamline the codebase and eliminate unnecessary components.
- Adjusted styles and structure in the process flow components to enhance user experience and maintain consistency across the application.
