Kanban board #477
Merged
Kanban board #477
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
- Introduced Kanban Board component with necessary types and structure. - Updated routing to include Kanban Board path. - Enhanced App.vue to link to the new Kanban Board. - Refactored KanbanCard and KanbanColumn components for improved type safety and styling. - Adjusted styles for better UI consistency across Kanban components.
- Updated KanbanCard.vue to refine card styles, including background color and layout adjustments for better visual hierarchy. - Added a footer to KanbanColumn.vue with a "Create Issue" button for enhanced functionality. - Adjusted padding, margins, and flex properties across both components for a more cohesive design. - Introduced a priority indicator in KanbanCard.vue to visually represent task urgency.
- Updated KanbanBoard.vue to include project assignments and single assignee structure for cards. - Modified KanbanCard.vue to display project information and assignee initials, improving visual clarity. - Refined KanbanColumn.vue to replace the button with a more consistent component for adding cards. - Adjusted IKanbanCard type to support project and assignee properties, enhancing type safety and flexibility.
- Updated KanbanBoard.vue to include a customizable create button slot for better flexibility. - Enhanced KanbanColumn.vue with new props for create button text and styling options. - Modified KanbanCard.vue to adjust icon size for better visual consistency. - Cleaned up unused styles and improved component structure for maintainability.
- Updated KanbanBoard.vue to include new event handlers for project and assignee clicks. - Modified KanbanCard.vue to emit project and assignee click events, improving interactivity. - Enhanced KanbanColumn.vue to support project and assignee click events. - Updated type definitions to include IKanbanProject and IKanbanAssignee for better type safety. - Improved styling in SCSS to indicate clickable elements for projects and assignees.
- Added multiple test cards to KanbanBoard.vue for demonstration purposes. - Updated SCSS to adjust Kanban column width and set a maximum width for better layout control. - Introduced a minimum height for card elements to ensure consistent visual spacing.
- Modified KanbanCard.vue to emit additional events for card clicks and blur, enhancing user interaction. - Improved KanbanColumn.vue with new features for card selection and drag-and-drop functionality, including dynamic drop indicators.
- Added 'columnId' prop to KanbanCard.vue for better tracking of card source during drag-and-drop. - Updated drag-and-drop logic in KanbanColumn.vue to handle card movement more effectively, including new drop position calculations and event handling. - Improved event emission for card movement to include source column information, enhancing interactivity and state management.
…nality - Updated drag-and-drop logic in KanbanColumn.vue to include the dragged card in drop position calculations, enhancing user experience. - Removed unused drop indicator styles from SCSS to streamline the codebase. - Improved handling of drop positions to ensure accurate placement of cards during drag-and-drop actions.
…sitioning - Updated drop position calculations to handle cases where the mouse is near the top of the container or when only the dragged card is present.
- Added event handling for card title clicks in KanbanBoard.vue, KanbanCard.vue, and KanbanColumn.vue to improve interactivity. - Updated event emissions to include 'card-title-click' for better user engagement. - Refined card movement logic in KanbanColumn.vue to include newOrder for enhanced drag-and-drop functionality.
…sitioning - Improved drop position calculations to accurately determine new card order based on mouse position within the column. - Added handling for empty columns and drop positions at the beginning or end of the card list. - Streamlined event emissions for card movement to ensure correct order updates during drag-and-drop actions.
… logic - Updated KanbanBoard.vue to include a new 'Test' column with an empty card list - Refined card drop positioning in KanbanColumn.vue to handle more complex drag-and-drop scenarios - Improved handling of card order and positioning during drag-and-drop interactions
- Updated KanbanBoard.vue to use v-model:columns for reactive column updates - Enhanced drag-and-drop state management with draggedCardId and selectedCardId - Improved card movement logic to create immutable column updates
- Added click and blur event handlers to KanbanBoard and KanbanColumn components - Implemented logic to deselect cards when clicking outside of cards or columns - Added window click event listener to handle card deselection when clicking outside the board
- Implemented handleWindowDragEnd method to clear draggedCardId when drag operation ends
- Implemented touch event handlers in KanbanCard.vue for mobile drag-and-drop - Added touch-based drag and drop logic to KanbanColumn.vue - Updated SCSS to improve touch interaction styles - Refined card order and positioning for touch interactions - Ensured compatibility with existing drag-and-drop functionality
- Modified touch-action property to allow vertical panning - Removed unnecessary box-shadow styling for card elements
- Introduced scoped slots in KanbanBoard, KanbanColumn, and KanbanCard components - Enabled custom rendering of card title, project, and avatar sections
…ponents - Introduced `columnMenuItems` prop to KanbanBoard and KanbanColumn components - Implemented `handleColumnMenuItemClick` method to handle column menu interactions - Added conditional rendering for column menu actions
ivan-b
approved these changes
Jan 29, 2025
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.
No description provided.