Switch Team by drag and drop

[ApolloLV]

Currently there are 3 buttons with one triggering a dropdown menu for transferring players. If we put everything into a single dropdown, this should clean up the interface a little and get us around issues like labelling requirements.

[stheid]

I am actually a big fan of the current layout. i would only remove the "switch team" by drag and drop

[ApolloLV]

The advantage of a dropdown menu would be that we don't need to come up with cryptic icons. I'd also like to see the drag and drop solution, but it should also have a icon communicating the possibility of moving players around

[stheid]

the icons as they are, perfect as they are right now. just add tooltips and everyone is happy. noone complained about the icons. and also the move player icon is very good. a dropdown is unnececary clicks that make it more difficult expecially on mobile devices.

[stheid]

After discussion (@ApolloLV) we agreed to keep the drop-down as is and add drag and drop funktionality for switcing teams.

this will be implemented with jquery-ui

[stheid]

https://stackoverflow.com/questions/19732011/jquery-ui-droppable-and-sortable-dropping-in-the-correct-sort-location

[stheid]

TODO

• revert if drag was unsuccesfull (if the callback function failed)
  • for now this could be solved with revert:true. this will revert the button, but the next gamestate will show the sucessful update
  • [later] functions are also supported, so we could handle it properly (https://stackoverflow.com/a/28818897/13310191)
  • [later] append buttongroup to drop target in order to visually show succesfull drop before state update)
• visual feedback at dropable
  • maybe using a placeholder that is shown on hover (https://stackoverflow.com/a/34459870/13310191)
• prevent click events when dragging the buttongroup (https://stackoverflow.com/a/2526029/13310191)
• [later] incorporate sorting.

[stheid]

the issue is a little more complicated than i anticipated