Versions Compared

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

Komponente

Einsatzzweck

Konfigurationsmöglichkeiten

Interner Kommentar

ListGraphic

Chart

QuinoListGraphic

  • Darstellung einer Liste

  • IQuinoDashboardGridTileProps → kein Aspekt

  • DashboardSizingAspect

Im Zuge von Dashboard 2.0 erweitern

Layout-Elemente

...

Name

...

Komponente

...

Einsatzzweck

...

Konfigurationsmöglichkeiten

...

Interner Kommentar

...

Column

...

indirectly through QuinoColumns

...

?

...

Aktuell nicht verwendet
→ stattdessen GridGroup (neu) verwenden

...

Columns

...

QuinoColumns

...

?

...

Aktuell nicht verwendet
→ stattdessen Gridgroup (neu) verwenden

...

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

...

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

...

Separator

...

QuinoSeparator

...

Trenner zwischen zwei Gruppen, aktuell nur horizontal

...

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

...

ResponsiveBox

...

QuinoResponsiveBox

...

?

...

Grundsätzlich sollten sich Rows responsiv verhalten
→ ResponsiveBox abschaffen

...

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

Bsp. ColorAspects - Diese sollten eigentlich schon verwendet sein

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

RichTextEditorConfigurationAspect

RichTextEditorConfigurationAspectConverter

.SetRichTextEditorConfiguration()

ScrollableAspect

ScrollableAspectConverter

.IsScrollable()

SidebarConfigurationAspect

SidebarConfigurationAspectConverter

.ConfigureSidebar()

SimpleChangeTrackingAspect

-

Used in SimpleChangeTrackingExtensions.cs

SortedValueListPropertyAspect

SortedValueListPropertyAspectConverter

.SetAspect(new SortedValueListPropertyAspect())

VisibleInExplorerAspect

.Aspect(() => new VisibleInExplorerAspect()

.IsVisibleInExplorer()

.InverseIsVisibleInExplorer() - keine Verwendungen im Code

AbsoluteNavigationLinkAspect

AbsoluteNavigationLinkAspectConverter

.SetAbsoluteNavigationLink()

.SetAbsoluteNavigationLinkExpression() - keine Verwendungen im Code

.SetTarget()

AbsoluteNavigationLinkAspectTarget

AbsoluteNavigationLinkAspectConverter

Used in AbsoluteNavigationLinkAspect.cs

ClassNavigationLinkAspect

ClassNavigationLinkAspectConverter

.SetClassNavigationLink() - keine Verwendungen im Code

.SetTarget()

ClassNavigationLinkAspectTarget

ClassNavigationLinkAspectConverter

Used in ClassNavigationLinkAspect.cs

ObjectNavigationLinkAspect

ObjectNavigationLinkAspectConverter

.SetObjectNavigationLink()

ObjectNavigationLinkAspectTarget

ObjectNavigationLinkAspectConverter

Used in ObjectNavigationLinkAspect.cs

CalenderExportAspect

-

Used in its own file

GlobalSearchClassAspect

-

.Searchable()

GlobalSearchDeltaUpdateCollectorAspect

-

.Searchable()

GlobalSearchFilteredPropertyAspect

-

.Searchable()

GlobalSearchPropertyAspect

-

.Searchable()

Used in GlobalsearchProvider.cs

ClientSecretHashingAspect

-

.Aspect(() => new ClientSecretHashingAspect())

NumberGroupCreateEventClassAspect

-

.AssignNumberGroup()

NumberGroupDefinitionModelAspect

.AssignNumberGroup()

Used in NumberGroupCreateEventClass.cs

Used in NumberGroupDataGenerator.cs

ResponsiveBoxAspect

ResponsiveBoxAspectConverter

.FindOrAddAspect<IResponsiveBoxAspect>(() => new ResponsiveBoxAspect())

ResponsiveLocationAspect

ResponsiveLocationAspectConverter

.FindOrAddAspect<IResponsiveLocationAspect>(() => new ResponsiveLocationAspect())
  • 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

CHANGES

Column

indirectly through QuinoColumns

?

  • Remove

Columns

QuinoColumns

?

  • Remove

GroupBox

QuinoGroupBox

Aktuell: Vertikale Anordnung von Elementen

  • CollapsibleAspect

GroupRow

QuinoGroupRow

Aktuell: Horizontale Anordnung von Elementen

  • Remove

Label

QuinoLabel

?

--

ObjectSummary

QuinoObjectSummary

Zusammengefasste Darstellung eines Objekts

--

SimpleRow

QuinoSimpleRow

Aktuell: Vereinfachte horizontale Anordnung von Elementen

  • Remove

Separator

QuinoSeparator

Trenner zwischen zwei Gruppen, aktuell nur horizontal

  • Add possiblity of vertical separator with LayoutDirectionAspect

ResponsiveBox

QuinoResponsiveBox

?

  • Remove

TabContainer

QuinoTabsContainer

Aufteilung einer Detailansicht in verschiedene Tabs

--

TabItem

--

Gruppe innerhalb eines Tab-Controls

--