Versions Compared

Old Version 17

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

    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

    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

    • 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

    --