Differential D28152 Diff 78930 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.12
22		import QtQuick.Layouts 1.12
23		import QtQuick.Controls 2.12 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		width: 2 * Kirigami.Units.gridUnit
139		}
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		Component {
144		id: coordinateEditor
145		RowLayout {
146		id: coordItem
147		spacing: Kirigami.Units.smallSpacing
148
149		property var coords: ruleValue ? ruleValue.split(',') : [0, 0]
150		property int coordWidth: (coordItem.width - coordSeparator.width) / 2 - coordItem.spacing
151
152		QQC2.SpinBox {
153		id: coordX
154		editable: true
155		implicitWidth: coordWidth
156		from: 0
157		to: 4098
158		value: coords[0]
159		onValueModified: valueEditor.valueEdited(coordX.value + "," + coordY.value)
160		}
161		QQC2.Label {
162		id: coordSeparator
163		text: i18nc("(x, y) coordinates separator in size/position","x")
164		horizontalAlignment: Text.AlignHCenter
165		}
166		QQC2.SpinBox {
167		id: coordY
168		editable: true
169		from: 0
170		to: 4098
171		implicitWidth: coordWidth
172		value: coords[1]
173		onValueModified: valueEditor.valueEdited(coordX.value + "," + coordY.value)
174		}
175		}
176		}
177
178		Component {
179		id: shortcutEditor
180		RowLayout {
181		Item {
182		Layout.fillWidth: true
183		}
184		KQC.KeySequenceItem {
185		keySequence: ruleValue
186		onCaptureFinished: valueEditor.valueEdited(keySequence)
187		}
188		}
189		}
190		}