•  
     
    story #13730 display columns
Summary
Empty
display columns
Empty

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":

  1. 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).
  2. When there are no cards in columns. In this case, the columns are simply left empty (See attachment) as is the case for Kanban.
Empty kanban. Cardwall columns will have a similar look when empty
Empty mapping state mockup
Empty mapping state mockup (for non-admin)
SVG for no mapping state. Please adapt the colors
SVG for no mapping state (for admin user). Please adapt the colors
Empty
Status
Done
Development
Empty
Empty
Details
#13730
Manuel Vacelet (vaceletm)
2019-09-09 10:45
2019-08-07 16:13
14196

References

Follow-ups

  • User avatar
    • Status changed from On going to Done
  • User avatar
    gerrit #16067 integrated into Tuleap 11.5.99.160
  • User avatar
    gerrit #16110 integrated into Tuleap 11.5.99.153.
  • User avatar
    gerrit #16099 integrated into Tuleap 11.5.99.152
  • User avatar
    gerrit #16096 integrated into Tuleap 11.5.99.143.
  • User avatar
    gerrit #16090 integrated into Tuleap 11.5.99.141.
  • User avatar
    gerrit #16095 integrated into Tuleap 11.5.99.137.
  • User avatar
    gerrit #16084 integrated into Tuleap 11.5.99.128.
  • User avatar
    gerrit #16083 integrated into Tuleap 11.5.99.126.
  • User avatar
    gerrit #16079 integrated into Tuleap 11.5.99.124.
  • User avatar
    gerrit #16070 integrated into Tuleap 11.5.99.120
  • User avatar
    gerrit #16046 integrated into Tuleap 11.5.99.111.
  • User avatar
    gerrit #16044 integrated into Tuleap 11.5.99.107.
  • User avatar
    gerrit #16041 integrated into Tuleap 11.5.99.106
  • User avatar
    gerrit #15884 integrated into Tuleap 11.5.99.105.
  • User avatar
    gerrit #16023 integrated into Tuleap 11.5.99.102.
  • User avatar
    gerrit #16004 integrated into Tuleap 11.5.99.95.
  • User avatar
    gerrit #16001 integrated into Tuleap 11.5.99.88.

    • Status changed from To be done to On going
  • User avatar
    • Acceptance criteria
    • Attachments taskboard-no-mapping.svg removed; cardwall-no-mapping.png, taskboard-no-mapping.svg, taskboard-no-mapping-admin.svg added
      Empty mapping state mockup (for non-admin)
  • User avatar
    • Acceptance criteria
    • Attachments taskboard-no-mapping.svg added
  • User avatar
  • User avatar
    • Acceptance criteria
  • User avatar
    • Acceptance criteria
  • User avatar
    • Acceptance criteria
    • Attachments Empty Kanban.png added
      Empty kanban. Cardwall columns will have a similar look when empty
  • User avatar
    • Acceptance criteria