Differential D28152 Diff 80240 kcmkwin/kwinrules/package/contents/ui/ValueEditor.qml

Changeset View

Standalone View

kcmkwin/kwinrules/package/contents/ui/ValueEditor.qml

This file was added.

1		/*
2		* Copyright (c) 2020 Ismael Asensio <isma.af@gmail.com>
3		*
4		* This program is free software; you can redistribute it and/or
5		* modify it under the terms of the GNU General Public License as
6		* published by the Free Software Foundation; either version 2 of
7		* the License or (at your option) version 3 or any later version
8		* accepted by the membership of KDE e.V. (or its successor approved
9		* by the membership of KDE e.V.), which shall act as a proxy
10		* defined in Section 14 of version 3 of the license.
11		*
12		* This program is distributed in the hope that it will be useful,
13		* but WITHOUT ANY WARRANTY; without even the implied warranty of
14		* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15		* GNU General Public License for more details.
16		*
17		* You should have received a copy of the GNU General Public License
18		* along with this program. If not, see <http://www.gnu.org/licenses/>.
19		*/
20
21		import QtQuick 2.14
22		import QtQuick.Layouts 1.14
23		import QtQuick.Controls 2.14 as QQC2
24
25		import org.kde.kirigami 2.10 as Kirigami
26		import org.kde.kquickcontrols 2.0 as KQC
27		import org.kde.kcms.kwinrules 1.0
28
29
30		Loader {
31		id: valueEditor
32		focus: true
33
34		property var ruleValue
35		property var ruleOptions
36		property int controlType
37
38		signal valueEdited(var value)
39
40		sourceComponent: {
41		switch (controlType) {
42		case RuleItem.Boolean: return booleanEditor
43		case RuleItem.String: return stringEditor
44		case RuleItem.Integer: return integerEditor
45		case RuleItem.Option: return optionEditor
46		case RuleItem.FlagsOption: return flagsEditor
47		case RuleItem.Percentage: return percentageEditor
48		case RuleItem.Coordinate: return coordinateEditor
49		case RuleItem.Shortcut: return shortcutEditor
50		default: return emptyEditor
51		}
52		}
53
54		Component {
55		id: emptyEditor
56		Item {}
57		}
58
59		Component {
60		id: booleanEditor
61		RowLayout {
62		Item {
63		Layout.fillWidth: true
64		}
65		QQC2.RadioButton {
66		text: i18n("Yes")
67		checked: ruleValue
68		onToggled: valueEditor.valueEdited(checked)
69		}
70		QQC2.RadioButton {
71		text: i18n("No")
72		checked: !ruleValue
73		onToggled: valueEditor.valueEdited(!checked)
74		}
75		}
76		}
77
78		Component {
79		id: stringEditor
80		QQC2.TextField {
81		property bool isTextEdited: false
82		text: ruleValue
83		horizontalAlignment: Text.AlignLeft
84		onTextEdited: { isTextEdited = true; }
85		onEditingFinished: {
86		if (isTextEdited) { valueEditor.valueEdited(text); }
87		isTextEdited = false;
88		}
89		}
90		}
91
92		Component {
93		id: integerEditor
94		QQC2.SpinBox {
95		editable: true
96		value: ruleValue
97		onValueModified: valueEditor.valueEdited(value)
98		}
99		}
100
101		Component {
102		id: optionEditor
103		OptionsComboBox {
104		flat: true
105		model: ruleOptions
106		onActivated: (index) => {
107		valueEditor.valueEdited(currentValue);
108		}
109		}
110		}
111
112		Component {
113		id: flagsEditor
114		OptionsComboBox {
115		flat: true
116		model: ruleOptions
117		multipleChoice: true
118		selectionMask: ruleValue
119		onActivated: {
120		valueEditor.valueEdited(selectionMask);
121		}
122		}
123		}
124
125		Component {
126		id: percentageEditor
127		RowLayout {
128		QQC2.Slider {
129		id: slider
130		Layout.fillWidth: true
131		from: 0
132		to: 100
133		value: ruleValue
134		onMoved: valueEditor.valueEdited(Math.round(slider.value))
135		}
136		QQC2.Label {
137		text: i18n("%1 %", Math.round(slider.value))
	ngrahamUnsubmitted Done Give this a minimum width, or else the rowlayout gets wider with every digit added to the number and resizes the combobox next to it ngraham: Give this a minimum width, or else the rowlayout gets wider with every digit added to the…
138		horizontalAlignment: Qt.AlignRight
139		Layout.minimumWidth: 2 * Kirigami.Units.gridUnit
140		}
	ngrahamUnsubmitted Not Done Needs to be a bit bigger; the text still expands when set to 100%. ngraham: Needs to be a bit bigger; the text still expands when set to 100%.
	iasensioAuthorUnsubmitted Not Done Ok. I might have a slightly smaller font. Is there a not very hackish way the get the width for "100%" with user's font? iasensio: Ok. I might have a slightly smaller font. Is there a not very hackish way the get the width…
	ngrahamUnsubmitted Done Allow me to introduce you to `TextMetrics`! It can be used for exactly this. Elisa uses it all over the place for just this purpose. ngraham: Allow me to introduce you to `TextMetrics`! It can be used for exactly this. Elisa uses it all…
141		}
142		}
143
144		Component {
145		id: coordinateEditor
146		RowLayout {
147		id: coordItem
148		spacing: Kirigami.Units.smallSpacing
149
150		property var coords: ruleValue ? ruleValue.split(',') : [0, 0]
151		property int coordWidth: (coordItem.width - coordSeparator.width) / 2 - coordItem.spacing
152
153		QQC2.SpinBox {
154		id: coordX
155		editable: true
156		implicitWidth: coordWidth
157		from: 0
158		to: 4098
159		value: coords[0]
160		onValueModified: valueEditor.valueEdited(coordX.value + "," + coordY.value)
161		}
162		QQC2.Label {
163		id: coordSeparator
164		text: i18nc("(x, y) coordinates separator in size/position","x")
165		horizontalAlignment: Text.AlignHCenter
166		}
167		QQC2.SpinBox {
168		id: coordY
169		editable: true
170		from: 0
171		to: 4098
172		implicitWidth: coordWidth
173		value: coords[1]
174		onValueModified: valueEditor.valueEdited(coordX.value + "," + coordY.value)
175		}
176		}
177		}
178
179		Component {
180		id: shortcutEditor
181		RowLayout {
182		Item {
183		Layout.fillWidth: true
184		}
185		KQC.KeySequenceItem {
186		keySequence: ruleValue
187		onCaptureFinished: valueEditor.valueEdited(keySequence)
188		}
189		}
190		}
191		}