Differential D28321 Diff 82022 applets/devicenotifier/package/contents/ui/DeviceItem.qml

Changeset View

Standalone View

applets/devicenotifier/package/contents/ui/DeviceItem.qml

1	/*	1		/*
2	* Copyright 2011 Viranch Mehta <viranch.mehta@gmail.com>	2		* Copyright 2011 Viranch Mehta <viranch.mehta@gmail.com>
3	* Copyright 2012 Jacopo De Simoi <wilderkde@gmail.com>	3		* Copyright 2012 Jacopo De Simoi <wilderkde@gmail.com>
4	* Copyright 2016 Kai Uwe Broulik <kde@privat.broulik.de>	4		* Copyright 2016 Kai Uwe Broulik <kde@privat.broulik.de>
		5		* Copyright 2020 Nate Graham <nate@kde.org>
5	*	6		*
6	* This program is free software; you can redistribute it and/or modify	7		* This program is free software; you can redistribute it and/or modify
7	* it under the terms of the GNU Library General Public License as	8		* it under the terms of the GNU Library General Public License as
8	* published by the Free Software Foundation; either version 2 or	9		* published by the Free Software Foundation; either version 2 or
9	* (at your option) any later version.	10		* (at your option) any later version.
10	*	11		*
11	* This program is distributed in the hope that it will be useful,	12		* This program is distributed in the hope that it will be useful,
12	* but WITHOUT ANY WARRANTY; without even the implied warranty of	13		* but WITHOUT ANY WARRANTY; without even the implied warranty of
13	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the	14		* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14	* GNU General Public License for more details	15		* GNU General Public License for more details
15	*	16		*
16	* You should have received a copy of the GNU Library General Public	17		* You should have received a copy of the GNU Library General Public
17	* License along with this program; if not, write to the	18		* License along with this program; if not, write to the
18	* Free Software Foundation, Inc.,	19		* Free Software Foundation, Inc.,
19	* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.	20		* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
20	*/	21		*/
21		22
22	import QtQuick 2.0	23		import QtQuick 2.0
23	import QtQuick.Layouts 1.1	24		import QtQuick.Controls 2.12
		25		import QtQml.Models 2.14
24		26
25	import org.kde.plasma.core 2.0 as PlasmaCore	27		import org.kde.plasma.core 2.0 as PlasmaCore
26	import org.kde.plasma.components 2.0 as PlasmaComponents	28		import org.kde.plasma.extras 2.0 as PlasmaExtras
		29
27	import org.kde.kquickcontrolsaddons 2.0	30		import org.kde.kquickcontrolsaddons 2.0
28		31
29	MouseArea {	32		// TODO: fix expanding when a new device is connected; done in devicenotifier.qml
		33		// TODO: clean up list item expanding code in devicenotifier.qml
		34		// TODO: make the free space calculation/display work again for newly-mounted volumes
			broulikUnsubmitted Done This is all over the place for me. All the free space jobs in the dataengine get the root size back. Not sure if a local issue or KIO? @dfaure broulik: This is all over the place for me. All the free space jobs in the dataengine get the root size…
			dfaureUnsubmitted Done Please give me a proper bug report in KIO terms :-) What class do you use, what do you get as a result? I don't see a bug in a TODO comment in some QML code ;) dfaure: Please give me a proper bug report in KIO terms :-) What class do you use, what do you get as a…
		35		// TODO: make sure message display works
		36		// TODO: make fix multiple highlight effects when an item is unmounted
		37
		38		PlasmaExtras.ExpandableListItem {
			broulikUnsubmitted Done There's an `expandedDevice` property in devicenotifier.qml which is supposed to decide which device is expanded. You either want to wire up this properly with the new delegate or nuke it. For example in `DeviceItem` do Connections { target: devicenotifier onExpandedDeviceChanged: { if (devicenotifier.expandedDevice === udi) { deviceItem.expand(); } else { deviceItem.collapse(); } } } However, it resets the `expandedDevice` right away for whatever reason. But this should maybe give you an idea. Alternatively, since expanded state is now in the delegate, you could just emit a signal when a source is added to have the device expand. broulik: There's an `expandedDevice` property in devicenotifier.qml which is supposed to decide which…
30	id: deviceItem	39		id: deviceItem
31		40
32	property string udi	41		property string udi
33	property alias icon: deviceIcon.source	42		readonly property int state: sdSource.data[udi] ? sdSource.data[udi].State : 0
34	property alias deviceName: deviceLabel.text	43		readonly property int operationResult: (model["Operation result"])
35	property string emblemIcon
36	property int state
37
38	property bool mounted
39	property bool isRoot
40	property bool expanded: devicenotifier.expandedDevice == udi
41	property alias percentUsage: freeSpaceBar.value
42	property string freeSpaceText
43
44	signal actionTriggered
45
46	property alias actionIcon: actionButton.iconName
47	property alias actionToolTip: actionButton.tooltip
48	property bool actionVisible
49		44
		45		readonly property bool isMounted: devicenotifier.isMounted(udi)
		46		readonly property bool isRoot: sdSource.data[udi]["File Path"] === "/"
50	readonly property bool hasMessage: statusSource.lastUdi == udi && statusSource.data[statusSource.last] ? true : false	47		readonly property bool hasMessage: statusSource.lastUdi == udi && statusSource.data[statusSource.last] ? true : false
51	readonly property var message: hasMessage ? statusSource.data[statusSource.last] \|\| ({}) : ({})	48		readonly property var message: hasMessage ? statusSource.data[statusSource.last] \|\| ({}) : ({})
52		49
53	height: row.childrenRect.height + 2 * row.y	50		readonly property double freeSpace: sdSource.data[udi] && sdSource.data[udi]["Free Space"] ? sdSource.data[udi]["Free Space"] : -1.0
54	hoverEnabled: true	51		readonly property double totalSpace: sdSource.data[udi] && sdSource.data[udi]["Size"] ? sdSource.data[udi]["Size"] : -1.0
55		52		readonly property string freeSpaceText: sdSource.data[udi] && sdSource.data[udi]["Free Space Text"] ? sdSource.data[udi]["Free Space Text"] : ""
56	onHasMessageChanged: {	53		readonly property string totalSpaceText: sdSource.data[udi] && sdSource.data[udi]["Size Text"] ? sdSource.data[udi]["Size Text"] : ""
57	if (hasMessage) {	54		property bool freeSpaceKnown: freeSpace > 0 && totalSpace > 0
58	messageHighlight.highlight(this)	55
		56		onOperationResultChanged: {
		57		if (operationResult == 1) {
		58		devicenotifier.popupIcon = "dialog-ok"
		59		popupIconTimer.restart()
		60		} else if (operationResult == 2) {
		61		devicenotifier.popupIcon = "dialog-error"
		62		popupIconTimer.restart()
59	}	63		}
60	}	64		}
61		65
62	onContainsMouseChanged: {	66		onHasMessageChanged: {
63	if (containsMouse) {	67		if (deviceItem.hasMessage) {
64	devicenotifier.currentIndex = index	68		messageHighlight.highlight(this)
65	}
66
67	// this is done to hide the highlight if the mouse moves out of the list view
68	// and we are not hovering anything
69	if (deviceItem.ListView.view.highlightItem) {
70	deviceItem.ListView.view.highlightItem.opacity = (containsMouse ? 1 : 0)
71	}
72	}
73
74	onClicked: {
75	var data = hpSource.data[udi]
76	if (!data) {
77	return
78	}
79
80	var actions = data.actions
81	if (actions.length === 1) {
82	var service = hpSource.serviceForSource(udi)
83	var operation = service.operationDescription("invokeAction")
84	operation.predicate = actions[0].predicate
85	service.startOperationCall(operation)
86	} else {
87	devicenotifier.expandedDevice = (expanded ? "" : udi)
88	}	69		}
89	}	70		}
90		71
91	Connections {	72		Connections {
92	target: unmountAll	73		target: unmountAll
93	onClicked: {	74		onClicked: {
94	if (model["Removable"] && mounted) {	75		if (model["Removable"] && isMounted) {
95	actionTriggered();	76		actionTriggered();
96	}	77		}
97	}	78		}
98	}	79		}
99		80
100	// this keeps the delegate around for 5 seconds after the device has been	81		// this keeps the delegate around for 5 seconds after the device has been
101	// removed in case there was a message, such as "you can now safely remove this"	82		// removed in case there was a message, such as "you can now safely remove this"
102	ListView.onRemove: {	83		ListView.onRemove: {
		84		deviceItem.isEnabled = false
103	if (devicenotifier.expandedDevice == udi) {	85		if (devicenotifier.expandedDevice == udi) {
104	devicenotifier.expandedDevice = ""	86		devicenotifier.expandedDevice = ""
105	}	87		}
106		88
107	if (deviceItem.hasMessage) {	89		if (deviceItem.hasMessage) {
108	ListView.delayRemove = true	90		ListView.delayRemove = true
109	keepDelegateTimer.restart()	91		keepDelegateTimer.restart()
110		92
111	statusMessage.opacity = 1 // HACK seems the Column animation breaksf
112	freeSpaceBar.visible = false
113	actionButton.visible = false
114
115	++devicenotifier.pendingDelegateRemoval // QTBUG-50380	93		++devicenotifier.pendingDelegateRemoval // QTBUG-50380
116	}	94		}
117	}	95		}
118		96
119	Timer {	97		Timer {
120	id: keepDelegateTimer	98		id: keepDelegateTimer
121	interval: 3000 // same interval as the auto hide / passive timer	99		interval: 5000 // same interval as the auto hide / passive timer
122	onTriggered: {	100		onTriggered: {
123	deviceItem.ListView.delayRemove = false	101		deviceItem.ListView.delayRemove = false
124	// otherwise the last message will show again when this device reappears	102		// otherwise the last message will show again when this device reappears
125	statusSource.clearMessage()	103		statusSource.clearMessage()
126		104
127	--devicenotifier.pendingDelegateRemoval // QTBUG-50380	105		--devicenotifier.pendingDelegateRemoval // QTBUG-50380
128	}	106		}
129	}	107		}
130		108
131	Timer {	109		Timer {
132	id: updateStorageSpaceTimer	110		id: updateStorageSpaceTimer
133	interval: 5000	111		interval: 5000
134	repeat: true	112		repeat: true
135	running: mounted && plasmoid.expanded	113		running: isMounted && plasmoid.expanded
136	triggeredOnStart: true // Update the storage space as soon as we open the plasmoid	114		triggeredOnStart: true // Update the storage space as soon as we open the plasmoid
137	onTriggered: {	115		onTriggered: {
138	var service = sdSource.serviceForSource(udi);	116		var service = sdSource.serviceForSource(udi);
139	var operation = service.operationDescription("updateFreespace");	117		var operation = service.operationDescription("updateFreespace");
140	service.startOperationCall(operation);	118		service.startOperationCall(operation);
141	}	119		}
142	}	120		}
143		121
144	RowLayout {	122		Component {
145	id: row	123		id: deviceActionComponent
146	anchors.horizontalCenter: parent.horizontalCenter	124		Action { }
147	y: units.smallSpacing	125		}
148	width: parent.width - 2 * units.smallSpacing	126
149	spacing: units.smallSpacing	127		// We need a JS array full of QQC2 actions; this function creates them
150		128		// from the actions list of the data source
151	// FIXME: Device item loses focus on mounting/unmounting it,	129		function populateActions() {
152	// or specifically, when some UI element changes.	130		var deviceActions = [];
153	PlasmaCore.IconItem {	131
154	id: deviceIcon	132		for (let rawAction of hpSource.data[udi].actions) {
155	Layout.alignment: Qt.AlignTop	133		const newAction = deviceActionComponent.createObject(deviceItem, {
156	Layout.preferredWidth: units.iconSizes.medium	134		text: rawAction.text,
157	Layout.preferredHeight: width	135		'icon.name': rawAction.icon
158	enabled: deviceItem.state == 0	136		});
159	active: iconToolTip.containsMouse	137		newAction.triggered.connect(() => {
160		138		var service = hpSource.serviceForSource(udi);
161	PlasmaCore.IconItem {	139		var operation = service.operationDescription('invokeAction');
162	id: deviceEmblem	140		operation.predicate = rawAction.predicate;
163	anchors {	141		service.startOperationCall(operation);
164	left: parent.left	142		devicenotifier.expandedDevice = '';
165	bottom: parent.bottom	143		devicenotifier.currentIndex = -1;
166	}	144		});
167	width: units.iconSizes.small	145		deviceActions.push(newAction);
168	height: width
169	source: {
170	if (deviceItem.hasMessage) {
171	if (deviceItem.message.solidError === 0) {
172	return "emblem-information"
173	} else {
174	return "emblem-error"
175	}
176	} else if (deviceItem.state == 0) {
177	return emblemIcon
178	} else {
179	return ""
180	}
181	}	146		}
		147		return deviceActions;
182	}	148		}
183		149
184	PlasmaCore.ToolTipArea {	150		function actionTriggered() {
185	id: iconToolTip	151		var wasMounted = isMounted;
186	anchors.fill: parent	152		var operationName = wasMounted ? "unmount" : "mount";
187	subText: {	153		var service = sdSource.serviceForSource(udi);
188	if ((mounted \|\| deviceItem.state != 0) && model["Available Content"] !== "Audio") {	154		var operation = service.operationDescription(operationName);
189	if (model["Removable"]) {	155		service.startOperationCall(operation);
190	return i18n("It is currently <b>not safe</b> to remove this device: applications may be accessing it. Click the eject button to safely remove this device.")	156		if (wasMounted) {
191	} else {	157		deviceItem.collapse();
192	return i18n("This device is currently accessible.")
193	}
194	} else {
195	if (model["Removable"]) {
196	if (model["In Use"]) {
197	return i18n("It is currently <b>not safe</b> to remove this device: applications may be accessing other volumes on this device. Click the eject button on these other volumes to safely remove this device.");
198	} else {
199	return i18n("It is currently safe to remove this device.")
200	}
201	} else {
202	return i18n("This device is not currently accessible.")
203	}
204	}
205	}
206	}	158		}
207	}	159		}
208		160
209	Column {
210	Layout.fillWidth: true
211		161
212	move: Transition {	162		icon: sdSource.data[udi] == undefined ? "" : sdSource.data[udi].Icon
213	NumberAnimation { property: "y"; duration: units.longDuration; easing.type: Easing.InOutQuad }
214	// ensure opacity values return to 1.0 if the add transition animation has been interrupted
215	NumberAnimation { property: "opacity"; to: 1.0 }
216	}
217		163
218	add: Transition {	164		iconEmblem: {
219	NumberAnimation {	165		if (sdSource.data[udi] != undefined) {
220	property: "opacity"	166		if (deviceItem.hasMessage) {
221	from: 0	167		if (deviceItem.message.solidError === 0) {
222	to: 1	168		return "emblem-information"
223	duration: units.longDuration	169		} else {
224	easing.type: Easing.InOutQuad	170		return "emblem-error"
225	}	171		}
		172		} else if (deviceItem.state == 0 && Emblems && Emblems[0]) {
		173		return Emblems[0]
		174		} else {
		175		return ""
226	}	176		}
227
228	PlasmaComponents.Label {
229	id: deviceLabel
230	width: parent.width
231	height: undefined // reset PlasmaComponent.Label's strange default height
232	elide: Text.ElideRight
233	}	177		}
234		178		return ""
235	PlasmaComponents.ProgressBar {
236	id: freeSpaceBar
237	width: parent.width
238	height: units.gridUnit // default is * 1.6
239	visible: deviceItem.state == 0 && mounted
240	minimumValue: 0
241	maximumValue: 100
242
243	PlasmaCore.ToolTipArea {
244	anchors.fill: parent
245	subText: freeSpaceText != "" ? i18nc("@info:status Free disk space", "%1 free", freeSpaceText) : ""
246	}	179		}
247		180
248	// ProgressBar eats click events, so we'll forward them manually here...	181		title: sdSource.data[udi] == undefined ? "" : sdSource.data[udi].Description
249	// setting enabled to false will also make the ProgressBar look disabled
250	MouseArea {
251	anchors.fill: parent
252	onClicked: deviceItem.clicked(mouse)
253	}
254	}
255		182
256	PlasmaComponents.Label {	183		subtitle: {
257	id: actionMessage	184		if (deviceItem.hasMessage) {
258	width: parent.width	185		return deviceItem.message.error
259	height: undefined	186		}
260	opacity: 0.6
261	font.pointSize: theme.smallestFont.pointSize
262	visible: deviceItem.state != 0 \|\| (!actionsList.visible && !deviceItem.hasMessage)
263	text: {
264	if (deviceItem.state == 0) {	187		if (deviceItem.state == 0) {
265	if (!hpSource.data[udi]) {	188		if (!hpSource.data[udi]) {
266	return ""	189		return ""
267	}	190		}
268		191		if (freeSpaceKnown) {
269	var actions = hpSource.data[udi].actions	192		return i18nc("@info:status Free disk space", "%1 free of %2", freeSpaceText, totalSpaceText)
270	if (actions.length > 1) {
271	return i18np("1 action for this device", "%1 actions for this device", actions.length);
272	} else {
273	return actions[0].text
274	}	193		}
275	} else if (deviceItem.state == 1) {	194		} else if (deviceItem.state == 1) {
276	return i18nc("Accessing is a less technical word for Mounting; translation should be short and mean \'Currently mounting this device\'", "Accessing...")	195		return i18nc("Accessing is a less technical word for Mounting; translation should be short and mean \'Currently mounting this device\'", "Accessing...")
277	} else {	196		} else {
278	return i18nc("Removing is a less technical word for Unmounting; translation should be short and mean \'Currently unmounting this device\'", "Removing...")	197		return i18nc("Removing is a less technical word for Unmounting; translation should be short and mean \'Currently unmounting this device\'", "Removing...")
279	}	198		}
280	}	199		}
281	}
282		200
283	PlasmaComponents.Label {	201		subtitleCanWrap: true
284	id: statusMessage	202
285	width: parent.width	203		// Color the subtitle red for disks with less than 5% free space
286	height: undefined	204		subtitleColor: {
287	font.pointSize: theme.smallestFont.pointSize	205		if (freeSpaceKnown) {
288	text: deviceItem.hasMessage ? (deviceItem.message.error \|\| "") : ""	206		if (freeSpace / totalSpace <= 0.05) {
289	wrapMode: Text.WordWrap	207		return theme.negativeTextColor
290	maximumLineCount: 10	208		}
291	elide: Text.ElideRight
292	visible: deviceItem.hasMessage
293	}
294
295	Item { // spacer
296	width: 1
297	height: units.smallSpacing
298	visible: actionsList.visible
299	}
300
301	ListView {
302	id: actionsList
303	width: parent.width
304	interactive: false
305	model: hpSource.data[udi] ? hpSource.data[udi].actions : null
306	height: deviceItem.expanded ? actionsList.contentHeight : 0
307	visible: height > 0
308	cacheBuffer: 50000 // create all items
309	delegate: ActionItem {
310	width: actionsList.width
311	icon: modelData.icon
312	label: modelData.text
313	predicate: modelData.predicate
314	}
315	highlight: PlasmaComponents.Highlight {}
316	highlightMoveDuration: 0
317	highlightResizeDuration: 0
318	}	209		}
		210		return theme.textColor
319	}	211		}
320		212
321	Item {	213		defaultActionButtonAction: Action {
322	Layout.preferredWidth: units.iconSizes.medium	214		icon.name: isMounted ? "media-eject" : "media-mount"
323	Layout.fillHeight: true	215		text: {
324		216		var types = model["Device Types"];
325	PlasmaComponents.ToolButton {	217		if (!isMounted) {
326	id: actionButton	218		return i18n("Mount")
327	visible: !busyIndicator.visible && deviceItem.actionVisible	219		} else if (types && types.indexOf("OpticalDisc") !== -1) {
328	enabled: !isRoot	220		return i18n("Eject")
329	onClicked: actionTriggered()	221		} else {
330	y: mounted ? deviceLabel.height + (freeSpaceBar.height - height - units.smallSpacing) / 2 : (deviceLabel.height + actionMessage.height - height) / 2	222		return i18n("Safely remove")
331	}
332
333	PlasmaComponents.BusyIndicator {
334	id: busyIndicator
335	width: parent.width
336	height: width
337	running: visible
338	visible: deviceItem.state != 0
339	}	223		}
340	}	224		}
		225		onTriggered: actionTriggered()
341	}	226		}
		227		// Don't let the user try to unmount root
		228		defaultActionButtonVisible: !isRoot
		229		// don't show for media players since mount/unmount don't really apply
		230		&& model["Device Types"].indexOf("Portable Media Player") === -1
		231
		232		isBusy: deviceItem.state != 0
		233
		234		contextualActionsModel: hpSource.data[udi] ? populateActions() : null
342	}	235		}