Differential D19011 Diff 57147 kcms/bolt/package/contents/ui/DeviceList.qml

Changeset View

Standalone View

kcms/bolt/package/contents/ui/DeviceList.qml

This file was added.

1		/*
2		* Copyright (c) 2018 - 2019 Daniel Vrátil <dvratil@kde.org>
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,
	broulikUnsubmitted Not Done You might want to be using a `ScrollViewKCM` and put the enable checkbox in the `header` and the `ListView` in `view`, see for instance KWin's virtual desktop KCM broulik: You might want to be using a `ScrollViewKCM` and put the enable checkbox in the `header` and…
	dvratilAuthorUnsubmitted Not Done Hmm, but then I couldn't push the device view page on the stack, because there would be no PageRow, right? dvratil: Hmm, but then I couldn't push the device view page on the stack, because there would be no…
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.7
22		import QtQuick.Layouts 1.1
23		import QtQuick.Controls 2.3
24
25		import org.kde.kirigami 2.4 as Kirigami
26		import org.kde.kquickcontrolsaddons 2.0 as KQCAddons
27		import org.kde.kcm 1.2 as KCM
28		import org.kde.bolt 0.1 as Bolt
29		import "utils.js" as Utils
30
	broulikUnsubmitted Done Use `onToggled` which is only fired when the user explicitly clicks it rather than if some binding causes it to change. Then you could also bind the `checked: deviceModel.manager.authMode ...` directly (it shouldn't break the binding when you click it as in QQC2 that stuff is all done in C++) Also, no need for `function()` broulik: Use `onToggled` which is only fired when the user explicitly clicks it rather than if some…
31		KCM.ScrollViewKCM {
32		id: page
33
34		property Bolt.DeviceModel deviceModel: null
35
36		signal itemClicked(Bolt.Device device)
37
38		header: RowLayout {
39		CheckBox {
40		id: enableBox
41		text: i18n("Enable Thunderbolt devices")
42
	ngrahamUnsubmitted Not Done "Enable" might be a better word than "Allow" in this string. ngraham: "Enable" might be a better word than "Allow" in this string.
43		checked: deviceModel.manager.authMode == Bolt.Bolt.AuthMode.Enabled
44
45		onToggled: {
46		deviceModel.manager.authMode = enableBox.checked
47		? Bolt.Bolt.AuthMode.Enabled
48		: Bolt.Bolt.AuthMode.Disabled
49		}
50		}
51		}
52
53		view: ListView {
54		id: view
55		model: deviceModel
56		enabled: enableBox.checked
57
58		property int _evalTrigger: 0
59
60		Timer {
61		interval: 2000
62		running: view.visible
63		repeat: true
64		onTriggered: view._evalTrigger++;
65		}
66
67		delegate: Kirigami.AbstractListItem {
68		id: item
69		width: view.width
70
71		RowLayout {
72		id: layout
73		spacing: Kirigami.Units.smallSpacing * 2
74		property bool indicateActiveFocus: item.pressed \|\| Kirigami.Settings.tabletMode \|\| item.activeFocus \|\| (item.ListView.view ? item.ListView.view.activeFocus : false)
75
76		BusyIndicator {
77		id: busyIndicator
78		visible: model.device.status == Bolt.Bolt.Status.Authorizing
79		running: visible
80		Layout.minimumHeight: Kirigami.Units.iconSizes.smallMedium
81		Layout.maximumHeight: Layout.minimumHeight
82		Layout.minimumWidth: height
83		}
84
85		Label {
86		id: label
87		text: model.device.label
88		Layout.fillWidth: true
89		Layout.topMargin: Kirigami.Units.smallSpacing
90		Layout.bottomMargin: Kirigami.Units.smallSpacing
91		color: parent.indicateActiveFocus && (item.highlighted \|\| item.checked \|\| item.pressed) ? item.activeTextColor : item.textColor
92		elide: Text.ElideRight
93		font: item.font
94		}
95
96		Label {
97		id: statusLabel
98
99		Layout.alignment: Qt.AlignRight
100
101		property var _deviceStatus: Utils.deviceStatus(model.device, true)
102
103		text: view._evalTrigger, _deviceStatus.text
104		color: _deviceStatus.color
105		}
106		}
107
108		onClicked: {
109		page.itemClicked(model.device)
110		}
111		}
112		}
113		}