As an authorized external user,
I need the ability to configure the tiles on my home screen and save that configuration,
so that I can see the information that is most relevant to my business on my home page.
Acceptance Criteria:
Activating Move Tile Mode
1) Add a 'Move Tile' icon to the right of the 'menu collapse' icon on the merchant details screen.
2) When the user clicks the 'move tile' icon the screen will grey out and disable the following:
3) When the user clicks the 'move tile' icon the 'move tile' icon will become an 'x' icon and 'check' icon.
Moving Around Tiles
4) While 'Tile Mode' is activated, the mouse will be a 'move icon' when it is over a tile.
5) The user can click and hold and move the mouse to move the tile in other positions on the screen.
6) The tile, while being dragged, will move other tiles down the grid, if the tile is placed to the left of another tile.
7) When the user lets go, the tile will snap to the nearest valid grid location.
Saving Tile Configurations
8) The user can click the 'X' icon in the header menu to discard their changes and revert their tile arrangement to their previous version.
9) The user can click the 'check' icon in the header menu to save their changes and save their current tile configuration as their default for that given user.
10) After the user clicks either the 'X' or 'check' the icons will disappear and the 'move tile' icon will reappear.
11) After the user clicks either the 'X' or 'check' icons the following windows will no longer be greyed out and disabled:
Notes: