•  
     
    story #13799 Expand / collapse columns
Summary
Cardwall user
Expand / collapse columns
I can hide noise and better see information

See mockup: https://s.codepen.io/enalean/debug/615728ad14def79e9b694647c582ce16

or https://cdpn.io/enalean/debug/64e8b185e427659400a44ec1034cbe8b

Functional overview

At this step, I can expand and collapse columns. Contrary to what the mockup is showing, the column width must be "slim" (like Kanban).

Technical overview

As introduced in story #13730, we will pass JSON information describing the taskboard columns to the app. The JSON information should contain the "collapsed / expanded" state for columns, so that the columns appear collapsed or expanded directly (without flicker).

Collapsed column information is stored as a user preference.

Empty
Status
Empty
Done
Development
  • [ ] Does it involves User Interface? 
  • [ ] Are there any mockups?
  • [ ] Are permissions checked?
  • [ ] Does it need Javascript development?
  • [ ] Does it need a forge upgrade bucket?
  • [ ] Does it need to execute things in system events?
  • [ ] Does it impact project creation (templates)?
  • [ ] Is it exploratory?
Empty
Details
#13799
Joris MASSON (jmasson)
2019-11-08 11:24
2019-08-26 11:17
14903

References
Referencing story #13799

Git commit

tuleap/tuleap/stable

Store expand/collapse swimlane in user prefs fac74e94d2
Fix borders rendering issues eaf6955a9b
Expand/Collapse column e087749155
Improve horizontal scrolling UX ba79835e69
Display number of cards in column header 8c0bbf432b
Refactoring: move user preferences in user module 36016abf98
Two separate components for expand/collapse header f9d8334f59
Do not save user preferences for anonymous 66cf047b82
Show/hide closed items is saved in user prefs 6e417d5af5
Refactoring: factorize ParentCell & SoloCard 0b3f1556e2
Extract InvalidMappingSwimlane from SoloSwimlane 91fdebca72
Refactoring: create Column vuex module 08460a81f5
Display label + count in collapsed column 1a1948f98b
The whole collapsed column is clickable 7be01f74dc
Update babel config for better support of MSEdge b4d5cfcbf3
Remove uneeded vertical scrollbar when columns are collapsed dec5c46ed0

Follow-ups

User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
Joris MASSON (jmasson)2019-10-21 12:23
PO confirmed that "collapsed" column is stored per-user, which means when I collapse a column, all other users of the taskboard are not affected. The column will be collapsed only for me.

  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
Joris MASSON (jmasson)2019-10-16 14:49
Removed the part about not loading collapsed columns content. Our existing REST routes do not take columns into account. We load cards swimlane by swimlane. "Not loading collapsed columns" does not save requests or bandwidth (since we do not load column by column) so there is no point in doing it here.

  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
Joris MASSON (jmasson)2019-09-13 11:20
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes