Below is the code for the Kanban Vue components. From left to right there is the main Kanban, the Kanban Items and dropdown elements that work together to build the UI.
This component brings everything together and stores the arrays for the items to move between and handles saving the data to the API route. This component has a computed property that takes the data and turns it into JSON before sending it off to the API.
These components are used to display data and have the draggable attribute to move them between the arrays.
These sit within the item tabs and can be used to add calls to a lead with a small form UI. The form offers three different options that can be used to create different categories of form.