Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 22 Next »

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

Button

QuinoInlineActionButton

  • Auslösen einer Aktion

nein

  • IconAspect

Ok so, evtl. sizing

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

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: https://dev.azure.com/encodo/Encodo-Common-UI/_sprints/backlog/Preparation Team/Encodo-Common-UI/Prep/Sp55?workitem=11585

FileUpload

QuinoFileUpload

  • Hochladen von Dateien

nein

  • FileUploadConfigurationAspect

Ok

GridEditor

QuinoInlineDataGrid

  • Darstellung einer Liste von Elementen innerhalb einer Detail-Ansicht

nein

  • ListConfigurationAspect

Umbenennen zu List bzw. InlineList?

Naming: InlineList

ImagePicker

QuinoImagePicker

  • Aktuell: Darstellung eines Bilds

nein

  • SizingAspect

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

→ ImagePicker erweitern; wenn read-only dann nur Darstellung

ImageUrlPicker

QuinoImagePicker

  • Aktuell: Darstellung eines Bilds

nein

  • SizingAspect

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

→ Raus

LanguagePicker

→ siehe Combobox

-

-

-

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

→ Raus

LookupEdit

→ siehe ComboBox

-

-

-

Duplikat von Combobox → entfernen

→ Raus

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

So lassen

MultiLineRichTextEditor

QuinoMultiLineRichTextEditor

  • Eingabe von formatiertem Text, Tabellen, etc.

nein

  • RichTextEditorConfigurationAspect

  • SizingAspect

→ FormattedTextEditor

In ConfigurationAspect Format (Markdown, HTML…) definieren

MultiPurposeTextEditor

QuinoMultiPurposeTextEditorLabeled

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

nein

→ zu InternalControls, nicht in normalem Layout verbaubar

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

PasswordRepetition

QuinoPasswordRepetition

  • Eingabe von Passwörtern mit Kontrollfeld

nein

Ok

PresentationField

QuinoPresentationField

  • Darstellung eines einzelnen Feld-Werts (keine Bearbeitung)

nein

  • IconAspect

  • NavigationLinkAspect

Ok

PresentationIcon

QuinoPresentationField

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

nein

  • IconAspect

  • NavigationLinkAspect

→ Zusammenführen mit PresentationField + Einführung PresentationFieldConfigurationAspect

Ok

QuinoModelExplorer

QuinoModelExplorer

  • Darstellung des Quino Models (keine Bearbeitung)

nein

Control umbennen zu ModelExplorer?

→ InternalControls

RadioButtonGroup

QuinoRadioButtonGroup

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

ja
(ComboBox)

  • RadioGroupLayoutAspect

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

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

UrlLabel

QuinoInlineActionButton

?

nein

  • IconAspect

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

→ Raus

XMLEditor

XMLEditor

  • Eingabe von XML

nein

Komponente zu QuinoXmlEditor umbenennen?

InternalControls

Unmapped

Control Name

Mapping sinnvoll

Interner Kommentar

List

Ja, GridEditor durch List ersetzen

→ List zu QuinoInlineDataGrid mappen

Tree

Nein, aktuell kein Bedarf

→ Entfernen

Detail

Nein, Detail in Detail aktuell nicht benötigt

→ Entfernen

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

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

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

  • No labels