Versions Compared

Old Version 9

changes.mady.by.user Deimante

Saved on

compared with

New Version Current

changes.mady.by.user Dominic Wettstein

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

Interaktive Elemente

Nachfolgend werden alle verfügbaren Controls sowie deren Konfigurationsmöglichkeiten beschrieben. Folgende Konfigurationsmöglichkeiten stehen für alle Editoren zur Verfügung:

  • LabelConfigurationAspect

  • Caption, Description, Instruction

Control Name

Komponente

Einsatzzweck

Verfügbar in Inline Editing

Konfigurationsmöglichkeiten

Interner Kommentar

CHANGES

Button

QuinoInlineActionButton

  • Auslösen einer Aktion

nein

  • IconAspect

  • Rename to “QuinoInlineButton”

CheckBox

QuinoCheckBox

  • Eingabe von true/false-Werten

ja

  • CheckboxConfigurationAspect

ColorPicker

QuinoColorPicker

  • Auswahl einer Farbe

ja

--

ComboBox

QuinoDropDown

  • Auswahl eines Elements aus einer überschaubaren Menge, wo eine simple Autocomplete-Suche ausreicht

ja

  • DropdownConfigurationAspect

  • SearchModeAspect

  • Rename to “QuinoComboBox”

  • SearchMode in DropdownConfiguration integrieren

DatePicker

QuinoDateTimePicker

  • Auswahl eines Datums

ja

  • FormatAspect

--

DateTimePicker

QuinoDateTimePicker

  • Auswahl eines Datums mit Zeit

ja

  • FormatAspect

--

EntitySelector

EntitySelector

  • Auswahl eines Objekts einer bestimmten Metaklasse

nein

Umbenennen der Komponente zu QuinoEntitySelector?

FileUpload

QuinoFileUpload

  • Hochladen von Dateien

nein

  • FileUploadConfigurationAspect

--

GridEditor

QuinoInlineDataGrid

  • Darstellung einer Liste von Elementen innerhalb einer Detail-Ansicht

nein

  • ListConfigurationAspect

Umbenennen zu List bzw. InlineList?

  • Rename to “List”

ImagePicker

QuinoImagePicker

  • Aktuell: Darstellung eines Bilds

nein

  • SizingAspect

Trennung von Auswahl (Picker → FileUpload?) und Darstellung (Gallery)?

ImageUrlPicker

QuinoImagePicker

  • Aktuell: Darstellung eines Bilds

nein

  • SizingAspect

Imagepicker sollte ein Control sein → ImagePickerConfiguration hinzufügen, um Details zu definieren

  • Remove → map to ImagePicker

LanguagePicker

→ siehe Combobox

-

-

-

Erfüllt keinen Zweck, der über die Combobox hinausgeht → entfernen

  • Remove (duplicate of ComboBox)

LookupEdit

→ siehe ComboBox

-

-

-

Duplikat von Combobox → entfernen

  • Remove (duplicate of ComboBox)

MetaClassSelector

MetaClassSelector

  • Auswählen einer Metaklasse

nein

Auch als Inline Editor zur Verfügung stellen?
Komponente zu QuinoMetaClassSelector umbenennen?

MultilinePresentationField

QuinoPresentationField

  • Darstellung eines einzelnen Feldwerts als Multiline-Feld (keine Bearbeitung)

nein

  • IconAspect

  • SizingAspect (height)

  • NavigationLinkAspect

→ Zusammenführen mit PresentationField + Einführung PresentationFieldConfigurationAspect

--

(Internal use, not available in XML)

MultiLineRichTextEditor

QuinoMultiLineRichTextEditor

  • Eingabe von formatiertem Text, Tabellen, etc.

nein

  • RichTextEditorConfigurationAspect

  • SizingAspect

  • Rename to “FormattedTextEditor”

  • Rename RichTextEditorConfigurationAspect → FormattedTextEditorConfigurationAspect

  • Add “Format” (Markdown, HTML) as new property in Aspect

MultiPurposeTextEditor

QuinoMultiPurposeTextEditorLabeled

  • Eingabe von Text, Rich Text oder Bild als einfacher Text

nein

--

(Internal use, not available in XML)

MultiLineTextEditor

QuinoTextBox

  • Eingabe von längeren Texten

ja
(SingleLine)

  • MaskFormatAspect

  • FormatAspect

  • MaximumSizeAspect

--

PasswordEditor

QuinoTextBox → QuinoPasswordBox

  • Eingabe von Passwörtern

ja

  • MaximumSizeAspect

--

PasswordRepetition

QuinoPasswordRepetition

  • Eingabe von Passwörtern mit Kontrollfeld

nein

PresentationField

QuinoPresentationField

  • Darstellung eines einzelnen Feld-Werts (keine Bearbeitung)

nein

  • IconAspect

    • NavigationLinkAspect

    --

    PresentationIcon

    QuinoPresentationField

    • Darstellung eines einzelnen Feld-Werts in Form eines Icons (keine Bearbeitung)

    nein

    • IconAspect

    • NavigationLinkAspect

    → Zusammenführen mit PresentationField + Einführung PresentationFieldConfigurationAspect

    --

    QuinoModelExplorer

    QuinoModelExplorer

    • Darstellung des Quino Models (keine Bearbeitung)

    nein

    Control umbennen zu ModelExplorer?

    --

    (Internal use, not available in XML)

    RadioButtonGroup

    QuinoRadioButtonGroup

    • Auswahl eines Elements aus einer kurzen Liste (max. 5 Einträge)

    ja
    (ComboBox)

    • RadioGroupLayoutAspect

    • Remove RadioGroupLayoutAspect in

    Server nicht gefunden

    RichTextPresentationField

    QuinoPresentationField

    • Darstellung eines einzelnen Feld-Werts in Rich Text Form (keine Bearbeitung)

    nein

    • IconAspect

    • NavigationLinkAspect

    → Zusammenführen mit PresentationField + Einführung PresentationFieldConfigurationAspect

    • Client (if it still exists)

    SearchEdit

    QuinoSearchEdit

    • Auswahl eines Elements aus einer grösseren Menge, wo Suche/Filterung zur Eingrenzung möglich sein müssen

    ja

    • DropdownConfigurationAspect

    • LayoutAspect (für Liste im Dropdown)

    • ListConfigurationAspect (für Liste im Dropdown)

    --

    SingleLineTextEditor

    QuinoTextBox

    • Eingabe von kurzen Texten

    • Eingabe von Zahlen

    ja

    • MaskFormatAspect

    • FormatAspect

    • MaximumSizeAspect

    --

    TimePicker

    QuinoDateTimePicker

    • Auswahl einer Urzeit

    ja

    • FormatAspect

    --

    TimeSpan

    QuinoTextBox

    • Eingabe/Darstellung von Zeitspannen

    ja

    --

    TranslationKeyPicker

    QuinoTranslationKeyPicker

    ?

    ja

    --

    (Internal use, not available in XML)

    UrlLabel

    QuinoInlineActionButton

    ?

    nein

    • IconAspect

    Duplikat von Button
    → Entfernen oder LinkButton neu hinzufügen, der gleiche Funktion hat aber als Link dargestellt wird

    • Remove

    XMLEditor

    XMLEditor

    • Eingabe von XML

    nein

    Komponente zu QuinoXmlEditor umbenennen?

    --

    (Internal use, not available in XML)

    Deprecated

    Die folgenden Controls sollten nicht mehr verwendet werden. Stattdessen kann auf normalen Controls ein PresentationAspect hinzugefügt werden.

    Control Name

    Mapping

    Beschreibung

    MultilinePresentationField

    QuinoPresentationField

    • Darstellung eines einzelnen Feldwerts als Multiline-Feld (keine Bearbeitung)

    PresentationField

    QuinoPresentationField

    • Darstellung eines einzelnen Feld-Werts (keine Bearbeitung)

    RichTextPresentationField

    QuinoPresentationField

    • Darstellung eines einzelnen Feld-Werts in Rich Text Form (keine Bearbeitung)

    Unmapped

    Control Name

    Mapping sinnvoll

    Interner Kommentar

    CHANGES

    List

    Ja, GridEditor durch List ersetzen

    → List zu QuinoInlineDataGrid mappen

    • Remove

    Tree

    Nein, aktuell kein Bedarf

    → Entfernen

    • Remove

    Detail

    Nein, Detail in Detail aktuell nicht benötigt

    → ?

    • Remove

    Dashboard Tiles

    Control Name

    Einsatzzweck

    Konfigurationsmöglichkeiten

    Interner Kommentar

    Chart

    • Darstellung eines Diagramms

    ChartPayload

    • AggregatedDisplay: Ein-/ausschalten der Datenaggregierung auf der X-Achse

    • Argument: X-Achsen-Parameter

    • InvertXAxis: Ein-/ausschalten einer invertierten X-Achse

    • Layout: Layout für Daten-Abfrage

    • RotateChart: Ein-/ausschalten einer um 90° rotierten Darstellung

    • Series: Definition der Daten-Serien

      • Value: Werte-Parameter

      • Type: Darstellungs-Typ

      • Color: Farbe

      • AggregationType: Aggregationstyp (nur falls AggregatedDisplay auf Chart-Ebene ein ist)

      • CustomCaption: Benutzerdefinierte Caption für diese Serie

    • ShowLegend: Ein-/ausschalten der Legende

    • ShowTooltip: Ein-/ausschalten von Daten-Tooltips

    • TickInterval: Definition eines fixen Intervalls auf der X-Achse bei Datum/Zeit-Achsen

    • UseZoom: Ein-/ausschalten der Zoom-Funktion

    Konfigurierbar in:

    • UI

    • Code

    Status

    • Darstellung von Status-Werten

    StatusPayload

    • Columns: Fixe Anzahl Spalten, die verwendet werden sollen. Falls nicht definiert, werden alle Items in einer Zeile dargestellt

    • Items: Array von Status-Werten

      • Value: Dargestellter Wert

      • MetaType: Typ des Werts

      • ValueVisible: Sichtbarkeit des Werts

      • ValueColor: Farbe des Werts

      • ValueFormat: Format des Werts

      • ValueMask: Maske des Werts

      • Icon: Dargestelltes Icon

      • IconColor: Farbe des Icons

      • BorderColor: Farbe des unteren Rands

      • Label: Dargestelltes Text-Label

      • RefreshIntervalSec: Automatisches Refresh-Intervall in Sekunden

      • DrilldownLink: Link, der bei Klick auf den Wert aufgerufen wird

    Konfigurierbar in:

    • Code

    Table

    • Darstellung einer Liste

    TablePayload

    • Layout

    • ShowFilter: Ein-/ausschalten des Filter-Buttons

    • ShowSearch: Ein-/ausschalten der Suche

    Konfigurierbar in:

    • UI

    • Code

    TranslatedText

    • Darstellung von Text bzw. Markdown-Inhalt

    TranslatedTextPayload

    • TranslationKey: Verwendeter Übersetzungsschlüssel

    Konfigurierbar in:

    • UI

    • Code

    WebPage

    • Darstellung von externem Web-Inhalt

    WebPagePayload

    • Url: Url des Web-Inhalts

    Konfigurierbar in:

    • UI

    • Code

    Inline Tiles

    Control Name

    Komponente

    Einsatzzweck

    Konfigurationsmöglichkeiten

    Interner Kommentar

    ListGraphic

    QuinoListGraphic

    • Darstellung einer Liste

    • IQuinoDashboardGridTileProps → kein Aspekt

    • DashboardSizingAspect

    Im Zuge von Dashboard 2.0 erweitern

    Layout-Elemente

    Name

    Komponente

    Einsatzzweck

    Konfigurationsmöglichkeiten

    Interner Kommentar

    CHANGES

    Column

    indirectly through QuinoColumns

    ?

    Aktuell nicht verwendet
    → stattdessen GridGroup (neu) verwenden

    • Remove

    Columns

    QuinoColumns

    ?

    Aktuell nicht verwendet
    → stattdessen Gridgroup (neu) verwenden

    • Remove

    GroupBox

    QuinoGroupBox

    Aktuell: Vertikale Anordnung von Elementen

    • CollapsibleAspect

    Caption ist aktuell zwingend
    → muss flexibler werden

    GroupRow

    QuinoGroupRow

    Aktuell: Horizontale Anordnung von Elementen

    Caption aktuell nicht berücksichtigt
    → müsste hinzugefügt werden

    • Remove

    Label

    QuinoLabel

    ?

    Aktuell nicht verwendet
    → Stattdessen Caption als eigenes Control zur Verfügung stellen

    --

    ObjectSummary

    QuinoObjectSummary

    Zusammengefasste Darstellung eines Objekts

    --

    SimpleRow

    QuinoSimpleRow

    Aktuell: Vereinfachte horizontale Anordnung von Elementen

    Wird aktuell nur in ObjectSummary verwendet
    → GroupRow anpassen, so dass Möglichkeiten von SimpleRow integriert sind

    • Remove

    Separator

    QuinoSeparator

    Trenner zwischen zwei Gruppen, aktuell nur horizontal

    Erweitern mit SeparatorAspect, so dass auch vertikale Trenner eingefügt werden können

    • Add possiblity of vertical separator with LayoutDirectionAspect

    ResponsiveBox

    QuinoResponsiveBox

    ?

    Grundsätzlich sollten sich Rows responsiv verhalten
    → ResponsiveBox abschaffen

    • Remove

    TabContainer

    QuinoTabsContainer

    Aufteilung einer Detailansicht in verschiedene Tabs

    Unmapped

    Name

    Einsatzzweck

    Einzelverwendung sinnvoll

    Kommentar intern

    TabItem

    Child

    -

    Element eines Tabs

    nein

    Aspects

    TODO Deimante Listen aller Aspects mit Verwendungen

    ...

    -

    ...

    Aspect

    Converter

    Verwendungen

    Bemerkungen

    AggregationColumnAspect

    AggregationColumnAspectConverter

    .Aggregation()

    BackgroundColorAspect

    -

    .BackgroundColor()

    .BackgroundColorExpression()

    - keine Verwendungen im Code

    BookmarkActionsAspect

    BookmarkActionsAspectConverter

    .BookmarkActions() - keine Verwendungen im Code

    BreadcrumbParentAspect

    BreadcrumbParentAspectConverter

    .BreadcrumbParent()

    CacheInvalidationAspect

    -

    .Aspect(() => new CacheInvalidationAspect()

    CheckboxConfigurationAspect

    CheckboxConfigurationAspectConverter

    .CheckboxOptions()

    ClassActionAspect

    ClassActionAspectConverter

    .IsClassAction()

    CollapsibleAspect

    CollapsibleAspectConverter

    .Collapsible()

    ConfirmationActionAspect

    ConfirmationActionAspectConverter

    .RequiresConfirmation()

    CustomTitleAspect

    CustomTitleAspectConverter

    .CustomTitle() - keine Verwendungen im Code

    DashboardSizingAspect

    DashboardSizingAspectConverter

    .SetDashboardSizing()

    DataTestIdAspect

    DataTestIdAspectConverter

    .DataTestId() - keine Verwendungen im Code. Für UI Testing.

    DefaultAspect

    DefaultAspectConverter

    .SetDefault()

    DependencyAspect

    DependencyAspectConverter

    .Dependency()

    .FindOrAddAspect(() => new DependencyAspect())

    DrilldownColumnAspect

    DrilldownColumnAspectConverter

    .IsDrilldownColum()

    DropdownConfigurationAspect

    DropdownConfigurationAspectConverter

    .DropdownConfiguration()

    ExpressionBasedLayoutScopeAspect

    ExpressionBasedLayoutScopeAspectConverter

    .Scope()

    FileUploadConfigurationAspect

    FileUploadOptionsConverter

    .FindOrAddAspect(() => new FileUploadConfigurationAspect)

    FontColorAspect

    .FontColor() - keine Verwendungen im Code

    .FontColorExpression()

    HealthCheckClassAspect

    -

    In ApplicationController:

    var result = classes.FirstOrDefault(cls => _aspectCalculator.TryGetAspect<HealthCheckClassAspect>(cls, out _));

    LabelConfigurationAspect

    LabelConfigurationAspectConverter

    .SetLabelOptions()

    ListActionAspect

    ListActionAspectConverter

    .SetListAction()

    ListConfigurationAspect

    DataGridConfigurationAspectConverter

    .ListConfiguration()

    ListTitleAspect

    ListTitleAspectConverter

    .SetListCaption() - keine Verwendungen im Code

    MaskFormatAspect

    MaskFormatAspectConverter

    .Mask()

    MetaSortAspect

    MetaLayoutConverter

    .AddWebSort()

    NotificationClassAspect

    NotificationClassAspectConverter

    .IsNotificationClass()

    TabItem

    --

    Gruppe innerhalb eines Tab-Controls

    --