kwin/kcmkwin/kwinrules/package/contents/ui/OptionsComboBox.qml
2020-08-07 19:57:56 +00:00

94 lines
2.7 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
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:
var selectedValue = selectionMask.toString(2).length - 1;
return model.textOfValue(selectedValue);
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
checked: (selectionMask & (1 << value))
onToggled: {
selectionMask = (selectionMask & ~(1 << value)) | (checked << value);
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();
}
}
}
}