79 lines
1.9 KiB
QML
79 lines
1.9 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQuick.Controls 2.15
|
|
import QtGraphicalEffects 1.0
|
|
import Nymea 1.0
|
|
|
|
Rectangle {
|
|
id: root
|
|
implicitHeight: layout.implicitHeight
|
|
radius: Style.smallCornerRadius
|
|
|
|
property alias backgroundColor: root.color
|
|
property color selectionColor: Style.tileOverlayColor
|
|
property alias model: repeater.model
|
|
property var selectedItems: []
|
|
|
|
Rectangle {
|
|
id: clipMask
|
|
anchors.fill: parent
|
|
radius: Style.smallCornerRadius
|
|
color: "red"
|
|
visible: false
|
|
}
|
|
|
|
RowLayout {
|
|
id: layout
|
|
anchors { left: parent.left; right: parent.right; verticalCenter: parent.verticalCenter }
|
|
spacing: 0
|
|
|
|
Repeater {
|
|
id: repeater
|
|
|
|
delegate: Item {
|
|
Layout.fillWidth: true
|
|
height: label.implicitHeight + Style.smallMargins
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: root.selectionColor
|
|
visible: root.selectedItems.indexOf(index) >= 0
|
|
}
|
|
|
|
Label {
|
|
id: label
|
|
anchors.centerIn: parent
|
|
text: modelData
|
|
font: Style.font
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
OpacityMask {
|
|
anchors.fill: parent
|
|
maskSource: clipMask
|
|
source: ShaderEffectSource {
|
|
sourceItem: layout
|
|
hideSource: true
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
var index = Math.floor(mouseX / (width / root.model.length))
|
|
var tmp = [...root.selectedItems]
|
|
var idx = tmp.indexOf(index)
|
|
if (idx >= 0) {
|
|
tmp.splice(idx, 1)
|
|
} else {
|
|
tmp.push(index)
|
|
}
|
|
|
|
root.selectedItems = tmp
|
|
}
|
|
}
|
|
}
|
|
|
|
|