I am looking for a table plan component which will take a list of guest names from an existing db table (chronoforms) and RSVP system (chronoconnectivity), and allow a user to create a table plan.
On the left of the screen there will be an alphabetical list of guest names, and on the right of the screen, an add table button. When the user clicks 'add a table' a rectangle is drawn on the screen and is named table 1, 2 etc. The user is then able to drag and drop names from the left of the screens guest list, into a table. The table on screen would then display the names of the people dropped into it, and the total number of people on the table. Once the guest has been put onto a table, the guest name on the guest list on the left of the screen must be greyed out or crossed out, and cant be dragged onto another table. Only if the name is dragged out of the table and put back into the guest list can the guest name be draggable again.
Once the user is happy, they should be able to save and print the table plan. Also they must be able to return to the table plan at any time and edit it. When saving the table plan, the component should notify, by highlighting in red, any names not assigned to a table so the user knows they need to put the guest on a table.
The component must work with community builder so each member of the site has their own table plan.
Attached is a basic mock up of the component.