Differential D19011 Diff 52255 kcms/bolt/package/contents/ui/DeviceView.qml

Changeset View

Standalone View

View Options

kcms/bolt/package/contents/ui/DeviceView.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,
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.bolt 0.1 as Bolt
28​import "utils.js" as Utils
29​
30​Kirigami.Page {
31​ id: page
32​
33​ property Bolt.Manager manager: null
34​ property Bolt.Device device: null
35​
36​ property int _evalTrigger: 0
37​
38​ Timer {
39​ interval: 2000
40​ running: device != null
41​ repeat: true
42​ onTriggered: page._evalTrigger++;
43​ }
44​
45​ ColumnLayout {
46​ spacing: Kirigami.Units.smallSpacing * 5
47​ anchors.fill: parent
48​
49​ RowLayout {
50​ ToolButton {
ngrahamUnsubmitted
Not Done

Can we give this a label or make it a Button instead? Many users have difficulty recognizing label-less toolbuttons floating inside the page as clickable buttons.

ngraham: Can we give this a label or make it a `Button` instead? Many users have difficulty recognizing…
51​ icon.name: "draw-arrow-back"
52​ visible: !pageRow.wideMode
53​ onClicked: pageRow.pop()
54​ }
55​
56​ Kirigami.Heading {
57​ level: 2
58​ text: _evalTrigger, device ? device.name : ""
59​ }
60​ }
61​
62​ Kirigami.InlineMessage {
63​ id: errorMessage
64​
65​ Layout.fillWidth: true
66​
67​ type: Kirigami.MessageType.Error
68​ showCloseButton: true
69​
70​ function show(msg) {
71​ text = msg;
72​ visible = true;
73​ }
74​ }
75​
76​ Kirigami.FormLayout {
77​ Label {
78​ text: _evalTrigger, device ? device.vendor : ""
79​ Kirigami.FormData.label: i18n("Vendor:")
80​ }
81​ Label {
82​ text: _evalTrigger, device ? device.uid : ""
83​ Kirigami.FormData.label: i18n("UID:")
84​ }
85​ Label {
86​ text: _evalTrigger, device ? Utils.deviceStatus(device, false) : ""
87​ Kirigami.FormData.label: i18n("Status:")
88​ }
89​ Label {
90​ visible: device && device.status == Bolt.Bolt.Status.Authorized
91​ text: _evalTrigger, device ? Qt.formatDateTime(device.authorizeTime) : ""
92​ Kirigami.FormData.label: i18n("Authorized at:")
93​ }
94​ Label {
95​ visible: device && device.status == Bolt.Bolt.Status.Connected
96​ text: _evalTrigger, device ? Qt.formatDateTime(device.connectTime) : ""
97​ Kirigami.FormData.label: i18n("Connected at:")
98​ }
99​ Label {
100​ visible: device && device.status == Bolt.Bolt.Status.Disconnected
101​ text: _evalTrigger, device ? Qt.formatDateTime(device.storeTime) : ""
102​ Kirigami.FormData.label: i18n("Enrolled at:")
103​ }
104​ Label {
105​ visible: device && (device.status == Bolt.Bolt.Status.Authorized || device.status == Bolt.Bolt.Status.Disconnected)
106​ text: _evalTrigger, device && device.stored ? i18n("Yes") : i18n("No")
107​ Kirigami.FormData.label: i18n("Stored:")
108​ }
109​ }
110​
111​ RowLayout {
112​ Button {
113​ id: authorizeBtn
114​ text: device && device.status == Bolt.Bolt.Status.Authorizing ? i18n("Authorizing...") : i18n("Authorize")
115​ enabled: device && device.status != Bolt.Bolt.Status.Authorizing
116​ visible: device && (device.status == Bolt.Bolt.Status.Connected || device.status == Bolt.Bolt.Status.AuthError)
117​ onClicked: {
118​ Bolt.QMLHelper.enrollDevice(
119​ manager, device.uid, Bolt.Bolt.Policy.Default,
120​ Bolt.Bolt.Auth.Boot | Bolt.Bolt.Auth.NoKey,
121​ function() {
122​ console.log("Thunderbolt device " + device.uid + " (" + device.name + ") enrolled successfully");
123​ },
yurchorUnsubmitted
Done

Typo: successfuly -> successfully

yurchor: Typo: successfuly -> successfully
124​ function(error) {
125​ errorMessage.show(i18n("Failed to enroll device <b>%1</b>: %2", device.name, error));
126​ }
127​ );
128​ }
129​ }
130​ Button {
131​ id: storeBtn
132​ text: i18n("Store Device")
133​ visible: device && device.status == Bolt.Bolt.Status.Authorized && device.stored == false
134​ onClicked: {
ngrahamUnsubmitted
Not Done

"Trust this Device"?

ngraham: "Trust this Device"?
135​ enabled = false;
136​ Bolt.QMLHelper.enrollDevice(
137​ manager, device.uid, Bolt.Bolt.Policy.Default,
138​ Bolt.Bolt.Auth.Boot | Bolt.Bolt.Auth.NoKey,
139​ function() {
140​ enabled = true;
141​ console.log("Thunderbolt Device " + device.uid + " (" + device.name + ") enrolled successfully");
142​ },
yurchorUnsubmitted
Done

Typo: successfuly -> successfully

yurchor: Typo: successfuly -> successfully
143​ function(error) {
144​ enabled = true;
145​ errorMessage.show(i18n("Failed to enroll device <b>%1</b>: %2", device.name, error));
146​ }
147​ );
148​ }
149​ }
150​ Button {
ngrahamUnsubmitted
Not Done

I'd recommend that we center this horizontally on the page.

ngraham: I'd recommend that we center this horizontally on the page.
151​ id: forgetBtn
152​ text: i18n("Forget Device")
153​ visible: device && device.stored
154​ onClicked: {
155​ enabled = false
ngrahamUnsubmitted
Not Done

"Revoke Trust"?

ngraham: "Revoke Trust"?
156​ Bolt.QMLHelper.forgetDevice(
157​ manager, device.uid,
158​ function() {
159​ enabled = true;
160​ console.log("Device " + device.uid + " successfully forgotten.");
161​ },
162​ function(error) {
163​ enabled = true;
164​ errorMessage.show(i18n("Error forgetting device <b>%1</b>: %2", device.name, error));
165​ }
166​ );
167​ // If the device is not connected it will cease to exist
168​ // once forgotten, so we should pop this view
169​ if (device.status == Bolt.Bolt.Status.Disconnected) {
170​ pageRow.pop();
171​ }
172​ }
173​ }
174​ }
175​ }
176​}