Link to mockup: https://s.codepen.io/enalean/debug/615728ad14def79e9b694647c582ce16
Overview
The "Taskboard" tab introduced in story #13729 now shows the taskboard columns, respecting the mapping defined in the Milestone planning configuration.
The columns have a color defined in their configuration.
The columns cannot be collapsed at this stage.
Technical overview
The column information will not be queried over a REST API. There is no business need for it, so we can simply pass JSON data to the Vue app. Using REST at this early stage would mean showing an empty app with a spinner while the app loads data it could already have at startup. This would not be a good UX.
We do not need to pass the actual "cardwall field value to cardwall column" mapping, as there is no card displayed at this stage, just columns.
Design overview
There are actually at least two "empty states":
- When there is no mapping at all. In this case, we should display a message explaining the lack of configuration and a link to the current planning configuration to let admin create a mapping. See attached mockup export. The image should be in SVG format and colors should adapt to current theme (see TLP doc).
When a non-admin user browses this kind of cardwall, there should be a different image. There is no link (non-admin user can't do anything).
- When there are no cards in columns. In this case, the columns are simply left empty (See attachment) as is the case for Kanban.