Versions Compared

Old Version 8

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

MultilinePresentationField

QuinoPresentationField

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

nein

  • IconAspect

  • SizingAspect (height)

  • NavigationLinkAspect

→ Zusammenführen mit PresentationField + Einführung PresentationFieldConfigurationAspect

  • Remove (duplicate of ComboBox)

MetaClassSelector

MetaClassSelector

  • Auswählen einer Metaklasse

nein

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

--

(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()

TabItem

--

Gruppe innerhalb eines Tab-Controls

--