You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Bottom left corner, not touching either side, add a Vuetify Nested list component that expands vertically. Initially the input will be closed and have a title of "Tactics". This input will be around 250px and be white with a light grey border
When the bar is closed it is has a title of "Tactics". When the bar is clicked it is opened vertically and will show a list of all tactics that are currently within the room.
Clicking on a tactic will switch the active tactic to that one. All users in the room will have their tactic switched.
In addition to the nested list component add a row above the row that says "Tactics".
On the right side of this row add a button with fa-cog as an icon. Add a tooltip and title that says "Manage Tactics".
On the left side of this row add a button with fa-plus as an icon. Add a tooltip and title that says "New Tactic".
Clicking "Manage Tactic" pops open a new Vuetify dialog. This will have a Save and Close button at the bottom. The dialog cannot be closed by clicking outside of it. User must click the cancel button.
Add the following to the dialog
On the left have an icon fa-bars this is allow a user to drag a record up and down
In the middle have the text of the tactic as an editable input. so they can rename them
On the right have an red button with an icon fa-times. When clicked pop a dialog above with the following text "This will delete the tactic "TACTICNAME", are you sure you want to do this?" then with two buttons yes and no. Yes will delete the tactic and close that dialog. Cancel will just close the dialog.
Clicking "New Tactic" pops open a new Vuetify dialog. This will have a Save and Close button at the bottom. The dialog cannot be closed by clicking outside of it. User must click the cancel button.
Add the following to the dialog
On each record
https://vuetifyjs.com/en/components/lists/#nested-lists
The text was updated successfully, but these errors were encountered: