I have a object that may have different state on certain time.
I need to create representation to edit this object, so user should be able to add event(new state), edit previous states, or change current state without adding new events.
Hope to find better representation than I came for now...
So what I have now is dialog with 4 collapsable panels :
- History, with list of past events (without last occured)
- Current State is a state with max date less then now
- Future events
- Add New (with some hot-actions)
History and Future events blocks have list with short representation of object (some icon, date and remove button).
This list items are collapsable, on click user will see edit form for each state
Disclaimer: Sorry for bad mockups, and for the bad way to use bootstrap ). but it's all I have so far.
Any help really appreciated.