Project

General

Profile

Actions

Feature #18314

open

Generate customized visual steps

Added by Enis Nuredini about 2 months ago. Updated about 2 months ago.

Status:
In Progress
Priority:
Normal
Assignee:
Enis Nuredini
Target version:
Start date:
09.04.2024
Due date:
% Done:

0%

Estimated time:
Discuss:
Prio Planung:
No
Vote:

Description

In manchen Tools wird für das Dashboard eine Progress Anzeige für die visuelle Ansicht des aktuellen Stands der Anträge gewünscht.
Dabei sollte das Generieren einer solchen Anzeige einfach möglich sein. Optimal wäre es wenn alle angegebenen notwendigen Schritte angezeigt werden und der aktuelle Stand dieser Schritte.

Es werden fünf mögliche Schritte vorgegeben: None (noch nicht soweit), Pending (aktuell laufend), Changes requested (aktuell laufend, Änderungen angefordert), Completed (grüne Checkbox), Rejected (abgelehnt)
Es sollten auch parallel laufende Schritte möglich sein.

Eine mögliche Notation als special column name wäre _progress .
Vorgegebene states: none, completed, pending, rejected, request
Wenn kein state angegeben wird, dann wird none als default genommen.

Optional kann auch ein Pfad für ein Bild angegeben werden welches oberhalb des jeweiligen Schrittes angezeigt wird.

Ein Beispiel:

{
  sql = SELECT '[1=>["label" => "Start", "state" => "completed", "img" => "fileadmin/protected/images/image01.svg"],
                          2=>["label" => "SecStep", "state" => "completed", "img" => "fileadmin/protected/images/image01.svg", 1=>["label" => "FirstParallelSecStep", "state" => "pending"]],
                          3=>["label" => "ThirdStep", "state" => "pending"],
                          4=>["label" => "FourthStep", "state" => "none"]]' AS _progress
}


Files

mockup_01.png View mockup_01.png 40.7 KB Enis Nuredini, 10.04.2024 07:58
mockup_02.png View mockup_02.png 36.3 KB Enis Nuredini, 10.04.2024 07:59
mockup_03.png View mockup_03.png 33.3 KB Enis Nuredini, 10.04.2024 08:36
Actions #1

Updated by Enis Nuredini about 2 months ago

  • Description updated (diff)
Actions #2

Updated by Enis Nuredini about 2 months ago

  • Description updated (diff)
Actions #3

Updated by Enis Nuredini about 2 months ago

Mockup 1:

Mockup 2:

Gebaut mit HTML und CSS. Ziel ist es das HTML von QFQ dynamisch bauen zu lassen anhand der _progress Notation.
Angabe von Bildern sollte optional sein.

Actions #4

Updated by Enis Nuredini about 2 months ago

  • Status changed from New to In Progress
Actions #5

Updated by Enis Nuredini about 2 months ago

Mockup 03 (mit und ohne img):

Actions

Also available in: Atom PDF