kwin/kcmkwin/kwinrules/package/contents/ui/OptionsComboBox.qml
Ismael Asensio 66ee898556 kcm/kwinrules: Allow to select multiple activities
This commit addresses the UI part

BUG: 430499
2021-01-04 00:34:34 +01:00

99 lines
3.1 KiB
QML

/*
SPDX-FileCopyrightText: 2020 Ismael Asensio <isma.af@gmail.com>
SPDX-License-Identifier: GPL-2.0-only OR GPL-3.0-only OR LicenseRef-KDE-Accepted-GPL
*/
import QtQuick 2.14
import QtQuick.Layouts 1.14
import QtQuick.Controls 2.14 as QQC2
import org.kde.kirigami 2.10 as Kirigami
QQC2.ComboBox {
id: optionsCombo
textRole: "display"
valueRole: "value"
property bool multipleChoice: false
// If `useFlagsValue` is true, `selectionMask` will be composed using the item values.
// Otherwise, it will use the item indexes.
property bool useFlagsValue: false
property int selectionMask: 0
currentIndex: multipleChoice ? -1 : model.selectedIndex
displayText: {
if (!multipleChoice) {
return currentText;
}
var selectionCount = selectionMask.toString(2).replace(/0/g, '').length;
switch (selectionCount) {
case 0:
return i18n("None selected");
case 1:
let selectedBit = selectionMask.toString(2).length - 1;
let selectedIndex = (useFlagsValue) ? model.indexOf(selectedBit) : selectedBit
return model.data(model.index(selectedIndex, 0), Qt.DisplayRole);
case count:
return i18n("All selected");
}
return i18np("%1 selected", "%1 selected", selectionCount);
}
delegate: QQC2.ItemDelegate {
highlighted: optionsCombo.highlightedIndex == index
width: parent.width
contentItem: RowLayout {
QQC2.CheckBox {
id: itemSelection
visible: multipleChoice
readonly property int bit: (useFlagsValue) ? value : index
checked: (selectionMask & (1 << bit))
onToggled: {
selectionMask = (selectionMask & ~(1 << bit)) | (checked << bit);
activated(index);
}
}
Kirigami.Icon {
source: model.decoration
Layout.preferredHeight: Kirigami.Units.iconSizes.small
Layout.preferredWidth: Kirigami.Units.iconSizes.small
}
QQC2.Label {
text: model.display
color: highlighted ? Kirigami.Theme.highlightedTextColor : Kirigami.Theme.textColor
Layout.fillWidth: true
horizontalAlignment: Text.AlignLeft
}
}
MouseArea {
anchors.fill: contentItem
enabled: multipleChoice
onClicked: {
itemSelection.toggle();
itemSelection.toggled();
}
}
QQC2.ToolTip {
text: model.tooltip
visible: hovered && (model.tooltip.length > 0)
}
Component.onCompleted: {
//FIXME: work around bug https://bugs.kde.org/show_bug.cgi?id=403153
optionsCombo.popup.width = Math.max(implicitWidth, optionsCombo.width, optionsCombo.popup.width);
}
onActiveFocusChanged: {
if (!activeFocus) {
popup.close();
}
}
}
}