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

Review Prep

CHANGES

Button

QuinoInlineActionButton

  • Auslösen einer Aktion

nein

  • IconAspect

Ok so, evtl. sizing
  • Rename to “QuinoInlineButton”

CheckBox

QuinoCheckBox

  • Eingabe von true/false-Werten

ja

  • CheckboxConfigurationAspect

Ok so, mit Änderungen bzgl. Label/Beschriftung

ColorPicker

QuinoColorPicker

  • Auswahl einer Farbe

ja

Ok

--

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

Naming: ComboBox

DatePicker

QuinoDateTimePicker

  • Auswahl eines Datums

ja

  • FormatAspect

Ok

--

DateTimePicker

QuinoDateTimePicker

  • Auswahl eines Datums mit Zeit

ja

  • FormatAspect

Ok

--

EntitySelector

EntitySelector

  • Auswahl eines Objekts einer bestimmten Metaklasse

nein

Umbenennen der Komponente zu QuinoEntitySelector?

→ Erweitern im Rahmen von

FileUpload

QuinoFileUpload

  • Hochladen von Dateien

nein

  • FileUploadConfigurationAspect

OkNaming: InlineList

--

GridEditor

QuinoInlineDataGrid

  • Darstellung einer Liste von Elementen innerhalb einer Detail-Ansicht

nein

  • ListConfigurationAspect

Umbenennen zu List bzw. InlineList?

→ ImagePicker erweitern; wenn read-only dann nur Darstellung
  • Rename to “List”

ImagePicker

QuinoImagePicker

  • Aktuell: Darstellung eines Bilds

nein

  • SizingAspect

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

→ Raus

ImageUrlPicker

QuinoImagePicker

  • Aktuell: Darstellung eines Bilds

nein

  • SizingAspect

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

→ Raus
  • Remove → map to ImagePicker

LanguagePicker

→ siehe Combobox

-

-

-

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

→ Raus
  • Remove (duplicate of ComboBox)

LookupEdit

→ siehe ComboBox

-

-

-

Duplikat von Combobox → entfernen

So lassen
  • Remove (duplicate of ComboBox)

MetaClassSelector

MetaClassSelector

  • Auswählen einer Metaklasse

nein

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

Nicht für Customizer, so lassen

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

FormattedTextEditorIn ConfigurationAspect Format
  • FormattedTextEditorConfigurationAspect

  • Add “Format” (Markdown,

HTML…) definieren
  • HTML) as new property in Aspect

MultiPurposeTextEditor

QuinoMultiPurposeTextEditorLabeled

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

nein

→ zu InternalControls, nicht in normalem Layout verbaubar

--

(Internal use, not available in XML)

MultiLineTextEditor

QuinoTextBox

  • Eingabe von längeren Texten

ja
(SingleLine)

  • MaskFormatAspect

  • FormatAspect

  • MaximumSizeAspect

Ok

→ MaskFormatAspect → MaskAspect + Dynamic String

--

PasswordEditor

QuinoTextBox → QuinoPasswordBox

  • Eingabe von Passwörtern

ja

  • MaximumSizeAspect

Ok

QuinoPresentationField

  • Darstellung eines einzelnen Feld-Werts (keine Bearbeitung)

nein

  • IconAspect

  • NavigationLinkAspect

Ok

--

PasswordRepetition

QuinoPasswordRepetition

  • Eingabe von Passwörtern mit Kontrollfeld

nein

Ok

PresentationField

Ok

--

PresentationIcon

QuinoPresentationField

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

nein

  • IconAspect

  • NavigationLinkAspect

→ Zusammenführen mit PresentationField + Einführung PresentationFieldConfigurationAspect

→ InternalControls

--

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

→ LayoutDirectionAspect bereits implementiert

RichTextPresentationField

QuinoPresentationField

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

nein

  • IconAspect

  • NavigationLinkAspect

→ Zusammenführen mit PresentationField + Einführung PresentationFieldConfigurationAspect

→ FormattedTextPresentationField
  • 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)

Ok

→ Allenfalls besseres Naming?

--

SingleLineTextEditor

QuinoTextBox

  • Eingabe von kurzen Texten

  • Eingabe von Zahlen

ja

  • MaskFormatAspect

  • FormatAspect

  • MaximumSizeAspect

Ok

--

TimePicker

QuinoDateTimePicker

  • Auswahl einer Urzeit

ja

  • FormatAspect

Ok

--

TimeSpan

QuinoTextBox

  • Eingabe/Darstellung von Zeitspannen

ja

Ok

--

TranslationKeyPicker

QuinoTranslationKeyPicker

?

ja

InternalControl→ Raus

--

(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

InternalControls
  • 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

→ Entfernen
  • 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

  • Issue im Quality Gate (19.10.2022): Caption wird nicht angezeigt

→ ResponsiveBox abschaffen

...

TabContainer

...

QuinoTabsContainer

...

Aufteilung einer Detailansicht in verschiedene Tabs

Unmapped

...

Name

...

Einsatzzweck

...

Einzelverwendung sinnvoll

...

Kommentar intern

...

TabItem

...

Child-Element eines Tabs

...

nein

Aspects

Quino Web

...

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

...

VisibleInExplorerAspectConverter

...

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

...

FormatAspectConverter

...

Same file

...

Keine Verwendungen im Code

Quino Standard

Aspect

Converter

Verwendungen

Bemerkungen

ExpandedAspect

ExpandedAspectConverter (Quino Web)

.IsExpanded()

ExpressionBasedValidationAspect

ExpressionBasedValidationAspectConverter (Quino Web)

Keine Verwendungen im Code

FormatAspect

FormatAspectConverter (Quino Web)

.Format()

IconAspect

IconAspectConverter (Quino Web)

.Icon()

LayoutAspect

LayoutAspectConverter (Quino Web)

.FindOrAddAspect(() => new LayoutAspect(layout)).Layout = layout

.FindOrAddAspect(() => new LayoutAspect(metaLayout))

MaximumSizeAspect

MaximumSizeAspectConverter (Quino Web)

.Size() - keine Verwendungen im Code

MetaFilterAspect

MetaFilterAspectConverter (Quino Web)

.MetaFilter()

ReadOnlyAspect

ReadOnlyAspectConverter (Quino Web)

Used in ModelDependencyCalculatorStartupAction.cs

.IsReadOnly() ?

RuleAspect

RuleAspectConverter (Quino Web)

Used in IMaximumSizeAspect

SizingAspect

SizingAspectConverter (Quino Web)

.FindOrAddAspect(() => new SizingAspect {})

SortOrderAspect

SortOrderAspectConverter (Quino Web)

.AddSortOrderProperty()

ValueListPropertyAspect

ValueListAspectJsonConverter (Quino Web)

Used in GenericController.cs

ColorAspect

ColorAspectConverter (Quino Web)

Used in BackgroundColorAspect.cs and

FontColorAspect.cs
  • 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

--