Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ideas for supporting a more flexible seatmap design #72

Open
GunnarA3001 opened this issue Oct 17, 2024 · 0 comments
Open

Ideas for supporting a more flexible seatmap design #72

GunnarA3001 opened this issue Oct 17, 2024 · 0 comments

Comments

@GunnarA3001
Copy link

First of all let me commend you on this great component. I like the svg-based approach very much and would like to use this in my project, which is about moving a desktop application which handles the planning of arbitrary seating arrangements to the web.
Originally, the project was designed as planning app for weddings and birthdays, but now it is also used to organize big events like awards ceremonies with hundreds of seats.

Is your feature request related to a problem? Please describe.
My desktop application allows to arrange in a "room" arbitrary objects like rows of seats, seats around round or rectangular table objects and other stuff you might find in a room (implemented as images of a certain size). The room design is currently stored as an XML description of the coordinates and sizes of those objects. Objects can be rotated. The seats can act as drag&drop receivers and you can drag "guests" from a list onto the seat.

Describe the solution you'd like
As I understand your component right now (I have been looking at the sources a bit only for a few days) it should be relatively easy to derive another object type from SvgBase which could then be used to implement arbitrary objects. Exposing the attributes of the svg object to be modified in the react layer would be great.
Does your solution already allow to rotate a block as a whole? How might I be able to accomplish this?
Also, I do not know, if you considered Drag&Drop to be added as an event on the seats (or blocks). E.g., in my application, I can drag a guest onto a "table" (which I would implement based on a block) and the application logic automatically selects the best seat on that table. Dragging "guests" from one seat to another is another feature.
Moving objects around by dragging with the mouse would also be a nice addition.

Additional context
At this time, I have only looked at the react example application. I tried to get this together with seatmap-canvas-react and seatmap-canvas into VisualStudio Code but am currently unable to debug into the seatmap-canvas source code. My breakpoints are not picked-up and I can only see the minimized code when I step into a function.
I would like to fork or get involved in your project to add the features mentioned above. Is there some kind of documentation available? I have a bit of experience with react development, but am not yet familiar with typescript.

If you would like to get an idea about my project, you can find a screenshot of use cases on https://www.tableplanner.com.

Best regards,
Gunnar Adams
Germany

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant