zach
e8bf8b9727
C++ / fmt (pull_request) Failing after 3s
C++ / build (pull_request) Failing after 9s
C++ / clang-tidy (pull_request) Failing after 9s
JS/TS / fmt (pull_request) Successful in 7s
JS/TS / lint (pull_request) Successful in 8s
Python / static (pull_request) Successful in 25s
Rust / build (pull_request) Successful in 50s
Rust / fmt (pull_request) Successful in 30s
Python / verify (pull_request) Successful in 1m44s
Rust / clippy (pull_request) Successful in 45s
106 lines
2.5 KiB
QML
106 lines
2.5 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import QtQuick
|
|
import ZShell.Config
|
|
import qs.Components
|
|
import qs.Services
|
|
|
|
DialogRowButton {
|
|
id: root
|
|
|
|
required property var model
|
|
|
|
property var initialSelect
|
|
property var selectedItem
|
|
|
|
function keyFor(item: var): string {
|
|
return item.id;
|
|
}
|
|
|
|
function labelFor(item: var): string {
|
|
return item.label;
|
|
}
|
|
|
|
acceptAllowed: !!selectedItem
|
|
horizontalContentMargin: -Tokens.padding.extraSmall
|
|
separateContent: true
|
|
|
|
content: Component {
|
|
VerticalFadeListView {
|
|
bottomMargin: Tokens.padding.large
|
|
model: root.model
|
|
spacing: 0
|
|
topMargin: Tokens.padding.large
|
|
|
|
delegate: CustomRect {
|
|
id: item
|
|
|
|
required property var modelData
|
|
readonly property bool selected: root.selectedItem === root.keyFor(modelData)
|
|
|
|
anchors.left: ListView.view.contentItem.left
|
|
anchors.margins: 1 // Gets cut off for some reason without this
|
|
anchors.right: ListView.view.contentItem.right
|
|
color: Qt.alpha(Colors.palette.m3tertiaryContainer, selected ? 1 : 0)
|
|
implicitHeight: label.implicitHeight + Tokens.padding.small * 2
|
|
radius: stateLayer.pressed ? Tokens.rounding.extraSmall : selected ? Tokens.rounding.largeIncreased : Tokens.rounding.medium
|
|
|
|
Behavior on radius {
|
|
Anim {
|
|
type: Anim.SlowEffects
|
|
}
|
|
}
|
|
|
|
StateLayer {
|
|
id: stateLayer
|
|
|
|
onClicked: root.selectedItem = root.keyFor(item.modelData)
|
|
}
|
|
|
|
CustomText {
|
|
id: label
|
|
|
|
anchors.left: parent.left
|
|
anchors.margins: Tokens.padding.large
|
|
anchors.right: item.selected ? checkIcon.left : parent.right
|
|
anchors.rightMargin: item.selected ? Tokens.spacing.medium : anchors.margins
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
color: item.selected ? Colors.palette.m3onTertiaryContainer : Colors.palette.m3onSurface
|
|
elide: Text.ElideRight
|
|
text: root.labelFor(item.modelData)
|
|
}
|
|
|
|
MaterialIcon {
|
|
id: checkIcon
|
|
|
|
anchors.margins: Tokens.padding.large
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
color: Colors.palette.m3onTertiaryContainer
|
|
fontStyle: Tokens.font.icon.medium
|
|
opacity: item.selected ? 1 : 0
|
|
text: "check"
|
|
|
|
Behavior on opacity {
|
|
Anim {
|
|
type: Anim.SlowEffects
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
onOpenChanged: {
|
|
if (open) {
|
|
root.rootParent.interactive = false;
|
|
if (!initialSelect)
|
|
selectedItem = null;
|
|
else
|
|
selectedItem = initialSelect;
|
|
} else {
|
|
root.rootParent.interactive = true;
|
|
}
|
|
}
|
|
}
|