cylc-ui icon indicating copy to clipboard operation
cylc-ui copied to clipboard

placeholders and empty states

Open oliver-sanders opened this issue 5 years ago • 3 comments

Stand-in content for empty / null states to make users aware of the state (rather than just displaying a blank page).

Proposal to close the empty/loading components of #111

Modern UI design seems to have settled on a greyscale background image for empty states these days. Clear, concise and simple to implement.

I believe material design has built-in support.

Some examples of places where we need empty state placeholders and some ideas as to what they could look like:

placeholders

Missing placeholders:

  • [ ] Workflow: workflow stopped
  • [ ] Workflow: workflow does not exist (e.g. workflow deleted)
  • [ ] All view components: connecting/loading (spinner / skeleton)
  • [ ] All workflow components: no tasks matching filter
  • [ ] Workflow: network error (unable to get data)
  • [ ] Workflow: no active view
  • [ ] GScan: no workflow
  • [ ] GScan: no workflow matching filter

Pull requests welcome!

oliver-sanders avatar Dec 15 '19 23:12 oliver-sanders