mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
johndoe6345789
d9ca84628b
Second-pass a11y work across all 12 component groups. Every interactive element now has activeFocusOnTab, Keys.onReturnPressed/SpacePressed, and context-aware Accessible.name/description bindings. Highlights: - Dialogs: keyboard handlers with enabled-guard on confirm buttons - CDropdownMenu: full keyboard nav (Up/Down/Enter/Escape) - CLoginForm: explicit KeyNavigation.tab chain (username→password→submit) - CNotificationBell: dynamic "3 notifications"/"No notifications" name - CJobProgressBar: Accessible.minimumValue/maximumValue/currentValue - CExecutionStatusDot: "Execution status: Running/Passed/Failed" binding - CKeyboardShortcuts: invisible Repeater exposes all shortcuts to a11y tree - CDataTable rows: "Row N of M" descriptions - Canvas elements: Accessible.Canvas role + keyboard zoom (+/- keys) - DropdownExpandedList: focus-highlight extended to :activeFocus - Dynamic names reflect loading state (e.g. "Signing in, please wait") Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
61 lines
2.2 KiB
QML
61 lines
2.2 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import QmlComponents 1.0
|
|
|
|
CCard {
|
|
id: envConfig
|
|
objectName: "card_database_env_config"
|
|
Accessible.role: Accessible.Pane
|
|
Accessible.name: "Environment Configuration"
|
|
Layout.fillWidth: true
|
|
|
|
property string databaseUrl: ""
|
|
property string cacheUrl: ""
|
|
property string searchUrl: ""
|
|
property int selectedPattern: 0
|
|
|
|
signal databaseUrlEdited(string value)
|
|
signal cacheUrlEdited(string value)
|
|
signal searchUrlEdited(string value)
|
|
signal patternChanged(int index)
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent; anchors.margins: 16; spacing: 12
|
|
CText { variant: "subtitle1"; text: "Environment Configuration" }
|
|
CTextField { label: "DATABASE_URL"
|
|
text: envConfig.databaseUrl
|
|
onTextChanged: databaseUrlEdited(text)
|
|
placeholderText:
|
|
"sqlite:///path/to/db or postgres://user:pass@host/db"
|
|
Layout.fillWidth: true
|
|
activeFocusOnTab: true
|
|
Accessible.role: Accessible.EditableText
|
|
Accessible.name: "DATABASE_URL"
|
|
Accessible.description: "Primary database connection URL" }
|
|
CTextField { label: "DBAL_CACHE_URL (Redis)"
|
|
text: envConfig.cacheUrl
|
|
onTextChanged: cacheUrlEdited(text)
|
|
placeholderText:
|
|
"redis://localhost:6379/0?ttl=300&pattern=read-through"
|
|
Layout.fillWidth: true
|
|
activeFocusOnTab: true
|
|
Accessible.role: Accessible.EditableText
|
|
Accessible.name: "DBAL Cache URL"
|
|
Accessible.description: "Redis cache connection URL" }
|
|
CTextField { label: "DBAL_SEARCH_URL (Elasticsearch)"
|
|
text: envConfig.searchUrl
|
|
onTextChanged: searchUrlEdited(text)
|
|
placeholderText:
|
|
"http://localhost:9200?index=dbal_search&refresh=true"
|
|
Layout.fillWidth: true
|
|
activeFocusOnTab: true
|
|
Accessible.role: Accessible.EditableText
|
|
Accessible.name: "DBAL Search URL"
|
|
Accessible.description: "Elasticsearch search service URL" }
|
|
CDivider { Layout.fillWidth: true }
|
|
CAdapterPatternSelector { selectedPattern: envConfig.selectedPattern
|
|
onPatternChanged: function(index) { envConfig.patternChanged(index) } }
|
|
Item { height: 16 }
|
|
}
|
|
}
|