kestra-io/kestra

[UI] Add arrow description in conditional branching on the `Switch` task

Open

#2.072 geöffnet am 9. Sept. 2023

Auf GitHub ansehen
 (40 Kommentare) (0 Reaktionen) (1 zugewiesene Person)Java (26.854 Stars) (2.579 Forks)batch import
area/frontendgood first issuekind/highlight

Beschreibung

Feature description

Consider the following workflow:

id: switch
namespace: dev

inputs:
  - name: language
    type: STRING
    defaults: English

tasks:

  - id: render-language
    type: io.kestra.core.tasks.flows.Switch
    value: "{{ inputs.language }}"
    cases:
      French:
        - id: french
          type: io.kestra.core.tasks.debugs.Return
          format: "The input is {{ inputs.language }}"
      German:
        - id: german
          type: io.kestra.core.tasks.debugs.Return
          format: "The input is {{ inputs.language }}"
    defaults:
      - id: english
        type: io.kestra.core.tasks.debugs.Return
        format: "The input is {{ inputs.language }}"

It would be user-friendly if the cases can be added next to the arrows as follows:

image

Contributor Guide

Tech Stack
vuejavascripttypescriptcss
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
active
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Basic Vue.js knowledgeKestra UI component structureGraph visualization concepts
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
Examine the UI component responsible for rendering the Switch task workflow, likely in the frontend directory. Look for how arrows are currently displayed and the data structure for cases. Review the discussion in the comments for any proposed implementation details. Consult the maintainers for clarification on the expected design if needed.