Implement Components

[oliver-sanders]

Umbrella issue for keeping tabs on the progress of implementing the Vue components required by the GUI and the workflow "views":

• Task / Job status icons - component: task and job status icons #100
• Workflow icons - Create Workflow (icon?) component #190
• Cylc "header" (logo and user@host selector) - Create Cylc header component #120
• Suite Control Toolbar - Create views control toolbar #114
• Warning Triangle - component: warning icon #137
• Right-Click Menu(s)? - context menus #138
• Tabs for different views - Layout: responsive tabbed sub-panels for views panel #98
• Tree - Tree Component #145 Tree Component #203
• Table - Implement simple Table component #230

[kinow]

Right-Click Menu(s)?

Would we have an alternative for tablet/mobile in the design too? Maybe some sort of dialog popping up on click?

[hjoliver]

touch-and-hold?

[kinow]

touch-and-hold?

Could be, not too sure if that works well. Normally touch and hold is used to select/copy/paste, etc... but could work?

[hjoliver]

On my Android phone, touch-and-hold on app icons brings up a menu, e.g. in Chrome browser for "new tab", "remove" (from desktop), "uninstall"...

[kinow]

Ah, yes, that's correct. But I think the right click / touch-and-hold in this context would happen in a browser window. On my Android, Ffox and Chrome have the same behaviour for touch-and-hold, displaying options to select/copy/paste text. (and I think a native app would effectively be running a browser window too?)

[hjoliver]

Good point! Ok, scratch that idea. 👍

[oliver-sanders]

touch-and-hold?

Single tap?

We could use touch and hold for node selection...

[matthewrmshin]

Single tap should work here (as it can be seen as a operation to drill down for more detail.) Otherwise, you will need to have the ... button (or vertical version of it) to show the context menu.

[oliver-sanders]

Closed in favour of a GitHub project - https://github.com/cylc/cylc-ui/projects/4

[hjoliver]

@oliver-sanders - we decided to use ZenHub instead of GitHub projects, for its full-project (multi-repo) awareness ... do you have a good argument against that, or had just forgotten? (I'm aware that we haven't really been using ZenHub yet, but was planning to push it again next meeting).

[oliver-sanders]

we decided to use ZenHub instead of GitHub projects

I wasn't sure we were still going for ZenHub, happy to transfer. These projects relate only to the Cylc UI so there isn't any need for cross-repo coordination.

[hjoliver]

It might be a good reason to start using ZenHub properly? (But if it seem painful when you try it, we can reconsider...)