kestra-io / kestra

Orchestration and automation platform to execute millions of scheduled and event-driven workflows declaratively in code and from the UI
https://kestra.io
Apache License 2.0
9.4k stars 688 forks source link

[UI] Refactor Outputs to gradually expand/collapse nested outputs #1528

Closed vivane closed 2 months ago

vivane commented 1 year ago

Refactor outputs:

Executions_Outputs

Executions_Outputs-1 Executions_Outputs-2 Executions_Outputs

Feature description

Execution outputs for structured objects are shown as one property per line. With large data, screen becomes hard to read. For example: Task Value Name Output
task-1 objects.0.key file.txt
task-1 objects.0.size 123
task-1 objects.0.owner.id 456
task-1 objects.0.owner.displayName user
It might be more user-friendly, if structured data will be shown expandable/collapsible: Task Value Name Output
task-1 objects [...] +
...when user expands the array... Task Value Name Output
task-1 objects [...] -
objects.0 {...} +
...when use expands the object in the array... Task Value Name Output
task-1 objects [...] -
objects.0 {...} -
objects.0.key file.txt
objects.0.size 123
objects.0.owner {...} -
...when use expands the object in the object... Task Value Name Output
task-1 objects [...] -
objects.0 {...} -
objects.0.key file.txt
objects.0.size 123
objects.0.owner {...} -
objects.0.owner.id 456
objects.0.owner.displayName user
vivane commented 1 year ago

Also:

Nico-Kestra commented 4 months ago

Hello, maybe this will save us a meeting. Here is a first draft for the Outputs page, thought out with Ludo last Friday. We're using the same UX as on: https://jsonhero.io/j/q01i3ytnKWRu

Executions_Outputs Figma link

anna-geller commented 3 months ago

https://www.figma.com/design/ew0uXk0NRXJ2NBBJTNe2n1/01_UI?node-id=1816%3A11597&t=Zzl8ZcEB22zNIGMx-1

Executions_Outputs Executions_Outputs (1)

anna-geller commented 3 months ago

@Nico-Kestra we need to find a way to implement a similar output handling for Trigger variables

image

image

anna-geller commented 2 months ago

Great job, @MilosPaunovic! closing as the main scope is done and working well