Differential D21525 Diff 59227 src/qml/MediaRadioDelegate.qml

Changeset View

Standalone View

src/qml/MediaRadioDelegate.qml

This file was added.

1		/*
2		* Copyright 2016-2017 Matthieu Gallien <matthieu_gallien@yahoo.fr>
3		* Copyright 2017 Alexander Stippich <a.stippich@gmx.net>
4		* Copyright 2019 Jérôme Guidon <guidon@live.fr>
	ngrahamUnsubmitted Not Done Your copyright since you added the file ngraham: Your copyright since you added the file
5		*
6		* This program is free software: you can redistribute it and/or
7		* modify it under the terms of the GNU Lesser General Public
8		* License as published by the Free Software Foundation; either
9		* version 3 of the License, or (at your option) any later version.
10		*
11		* This program is distributed in the hope that it will be useful,
12		* but WITHOUT ANY WARRANTY; without even the implied warranty of
13		* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
14		* Lesser General Public License for more details.
15		*
16		* You should have received a copy of the GNU Lesser General Public License
17		* along with this program. If not, see <https://www.gnu.org/licenses/>.
18		*/
19
20		import QtQuick 2.7
21		import QtQuick.Layouts 1.2
22		import QtQuick.Controls 2.2
23		import QtQuick.Controls 1.4 as Controls1
24		import QtQuick.Window 2.2
25		import QtGraphicalEffects 1.0
26		import org.kde.elisa 1.0
27
28		FocusScope {
29		id: mediaTrack
30
31		property var databaseId
32		property string title
33		property string httpAddress
34		property string artist
35		property string album
36		property string albumArtist
37		property string duration
38		property url imageUrl
39		property int trackNumber
40		property int discNumber
41		property int rating
42		property bool isFirstTrackOfDisc
43		property bool isSingleDiscAlbum
44		property bool isAlternateColor
45		property bool detailedView: true
46
47		signal clicked()
	astippichUnsubmitted Not Done This line does not look right. astippich: This line does not look right.
48		signal enqueue(var databaseId, var name)
49		signal replaceAndPlay(var databaseId, var name)
50
51		Controls1.Action {
52		id: enqueueAction
53		text: i18nc("Enqueue current track", "Enqueue")
54		iconName: "media-track-add-amarok"
55		onTriggered: enqueue(databaseId, title)
56		}
57
58		Controls1.Action {
59		id: viewDetailsAction
60		text: i18nc("Show track metadata", "View Details")
61		iconName: "help-about"
62		onTriggered: {
63		if (metadataLoader.active === false) {
64		metadataLoader.active = true
65		}
66		else {
67		metadataLoader.item.close();
68		metadataLoader.active = false
69		}
70		}
71		}
72
73		Controls1.Action {
74		id: replaceAndPlayAction
75		text: i18nc("Clear play list and enqueue current track", "Play Now and Replace Play List")
76		iconName: "media-playback-start"
77		onTriggered: replaceAndPlay(databaseId, title)
78		}
79
80		Keys.onReturnPressed: enqueue(databaseId, title)
81		Keys.onEnterPressed: enqueue(databaseId, title)
82
83		Loader {
84		id: metadataLoader
85		active: false
86		onLoaded: item.show()
87
88		sourceComponent: MediaTrackMetadataView {
89		databaseId: mediaTrack.databaseId
90		onRejected: metadataLoader.active = false;
91		}
92		}
93
94		Rectangle {
95		id: rowRoot
96
97		anchors.fill: parent
98
99		color: (isAlternateColor ? myPalette.alternateBase : myPalette.base)
100
101		MouseArea {
102		id: hoverArea
103
104		anchors.fill: parent
105
106		hoverEnabled: true
107		focus: true
108		acceptedButtons: Qt.LeftButton
109
110		onClicked: {
111		hoverArea.forceActiveFocus()
112		mediaTrack.clicked()
113		}
114
115		onDoubleClicked: enqueue(databaseId, title)
116
117		RowLayout {
118		anchors.fill: parent
119		spacing: 0
120
121		LabelWithToolTip {
122		id: mainLabel
123
124		visible: !detailedView
125
126		text: {
127		if (trackNumber !== 0) {
128		if (artist !== albumArtist)
129		return i18nc("%1: track number. %2: track title. %3: artist name",
130		"<b>%1 - %2</b> - <i>%3</i>",
131		trackNumber.toLocaleString(Qt.locale(), 'f', 0),
132		title, artist);
133		else
134		return i18nc("%1: track number. %2: track title.",
135		"<b>%1 - %2</b>",
136		trackNumber.toLocaleString(Qt.locale(), 'f', 0),
137		title);
138		} else {
139		if (artist !== albumArtist)
140		return i18nc("%1: track title. %2: artist name",
141		"<b>%1</b> - <i>%2</i>",
142		title, artist);
143		else
144		return i18nc("%1: track title",
145		"<b>%1</b>",
146		title);
147		}
148		}
149
150		elide: Text.ElideRight
151		horizontalAlignment: Text.AlignLeft
152
153		color: myPalette.text
154
155		Layout.alignment: Qt.AlignLeft \| Qt.AlignVCenter
156		Layout.fillWidth: true
157		Layout.leftMargin: {
158		if (!LayoutMirroring.enabled)
159		return (!isSingleDiscAlbum ? elisaTheme.layoutHorizontalMargin * 4 : elisaTheme.layoutHorizontalMargin)
160		else
161		return 0
162		}
163		Layout.rightMargin: {
164		if (LayoutMirroring.enabled)
165		return (!isSingleDiscAlbum ? elisaTheme.layoutHorizontalMargin * 4 : elisaTheme.layoutHorizontalMargin)
166		else
167		return 0
168		}
169		}
170
171		Item {
172		Layout.preferredHeight: mediaTrack.height * 0.9
173		Layout.preferredWidth: mediaTrack.height * 0.9
174
175		Layout.alignment: Qt.AlignLeft \| Qt.AlignVCenter
176
177		visible: detailedView
178
179		Image {
180		id: coverImageElement
181
182		anchors.fill: parent
183
184		sourceSize.width: mediaTrack.height * 0.9
185		sourceSize.height: mediaTrack.height * 0.9
186		fillMode: Image.PreserveAspectFit
187		smooth: true
188
189		source: (imageUrl != '' ? imageUrl : Qt.resolvedUrl(elisaTheme.defaultAlbumImage))
190
191		asynchronous: true
192
193		layer.enabled: imageUrl != ''
194
195		layer.effect: DropShadow {
196		source: coverImageElement
197
198		radius: 10
199		spread: 0.1
200		samples: 21
201
202		color: myPalette.shadow
203		}
204		}
205		}
206
207		ColumnLayout {
208		visible: detailedView
209
210		Layout.fillWidth: true
211		Layout.fillHeight: true
212		Layout.alignment: Qt.AlignLeft
213
214		spacing: 0
215
216		LabelWithToolTip {
217		id: mainLabelDetailed
218
219		text: title
220
221		horizontalAlignment: Text.AlignLeft
222
223		font.weight: Font.Bold
224		color: myPalette.text
225
226		Layout.alignment: Qt.AlignLeft \| Qt.AlignTop
	ngrahamUnsubmitted Done Don't commit commented-out code without a TODO or other comment explaining why this needs to be commented out instead of removed (i.e. it may be useful in the future or something) ngraham: Don't commit commented-out code without a TODO or other comment explaining why this needs to be…
227		Layout.leftMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0
228		Layout.rightMargin: LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0
229		Layout.fillWidth: true
230		Layout.topMargin: elisaTheme.layoutVerticalMargin / 2
231
232		elide: Text.ElideRight
233		}
234
235		Item {
236		Layout.fillHeight: true
237		}
238
239		LabelWithToolTip {
240		id: artistLabel
241
242		text: httpAddress
243		horizontalAlignment: Text.AlignLeft
244
245		font.weight: Font.Light
246		font.italic: true
247		color: myPalette.text
248
249		Layout.alignment: Qt.AlignLeft \| Qt.AlignBottom
250		Layout.leftMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0
251		Layout.rightMargin: LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0
252		Layout.fillWidth: true
253		Layout.bottomMargin: elisaTheme.layoutVerticalMargin / 2
254
255		elide: Text.ElideRight
256		}
257		}
258
259		Loader {
260		id: hoverLoader
261		active: false
262
	ngrahamUnsubmitted Done Ditto ngraham: Ditto
263		Layout.alignment: Qt.AlignVCenter \| Qt.AlignRight
264		Layout.rightMargin: 10
265
266		z: 1
267		opacity: 0
268
269		sourceComponent: Row {
270		anchors.centerIn: parent
271
272		Controls1.ToolButton {
273		id: detailsButton
274
275		height: elisaTheme.delegateHeight
276		width: elisaTheme.delegateHeight
277
278		action: viewDetailsAction
279		}
280
281		Controls1.ToolButton {
282		id: enqueueButton
283
284		height: elisaTheme.delegateHeight
285		width: elisaTheme.delegateHeight
286
287		action: enqueueAction
288		}
289
290		Controls1.ToolButton {
291		id: clearAndEnqueueButton
292
293		scale: LayoutMirroring.enabled ? -1 : 1
294
295		height: elisaTheme.delegateHeight
296		width: elisaTheme.delegateHeight
297
298		action: replaceAndPlayAction
299		}
300		}
301		}
302
303		RatingStar {
304		id: ratingWidget
305
306		starSize: elisaTheme.ratingStarSize
307
308		starRating: rating
309
310		Layout.alignment: Qt.AlignVCenter \| Qt.AlignRight
311		Layout.leftMargin: elisaTheme.layoutHorizontalMargin
312		Layout.rightMargin: elisaTheme.layoutHorizontalMargin
313		}
314
315		TextMetrics {
316		id: durationTextMetrics
317		text: i18nc("This is used to preserve a fixed width for the duration text.", "00:00")
318		}
319
320		LabelWithToolTip {
321		id: durationLabel
322
323		text: duration
324
325		font.weight: Font.Light
326		color: myPalette.text
327
328		horizontalAlignment: Text.AlignRight
329
330		Layout.alignment: Qt.AlignVCenter \| Qt.AlignRight
331		Layout.rightMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0
332		Layout.leftMargin: LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0
333		Layout.preferredWidth: durationTextMetrics.width + 1
334		}
335		}
336		}
337		}
338
339		states: [
340		State {
341		name: 'notSelected'
342		when: !hoverArea.containsMouse && !mediaTrack.activeFocus
343		PropertyChanges {
344		target: hoverLoader
345		active: false
346		}
347		PropertyChanges {
348		target: hoverLoader
349		opacity: 0.0
350		}
351		PropertyChanges {
352		target: ratingWidget
353		hoverWidgetOpacity: 0.0
354		}
355		PropertyChanges {
356		target: rowRoot
357		color: (isAlternateColor ? myPalette.alternateBase : myPalette.base)
358		}
359		},
360		State {
361		name: 'hoveredOrSelected'
362		when: hoverArea.containsMouse \|\| mediaTrack.activeFocus
363		PropertyChanges {
364		target: hoverLoader
365		active: true
366		}
367		PropertyChanges {
368		target: hoverLoader
369		opacity: 1.0
370		}
371		PropertyChanges {
372		target: ratingWidget
373		hoverWidgetOpacity: 1.0
374		}
375		PropertyChanges {
376		target: rowRoot
377		color: myPalette.mid
378		}
379		}
380		]
381
382		transitions: [
383		Transition {
384		to: 'hoveredOrSelected'
385		SequentialAnimation {
386		PropertyAction {
387		properties: "active"
388		}
389		ParallelAnimation {
390		NumberAnimation {
391		properties: "opacity, hoverWidgetOpacity"
392		easing.type: Easing.InOutQuad
393		duration: 250
394		}
395		ColorAnimation {
396		properties: "color"
397		duration: 250
398		}
399		}
400		}
401		},
402		Transition {
403		to: 'notSelected'
404		SequentialAnimation {
405		ParallelAnimation {
406		NumberAnimation {
407		properties: "opacity, hoverWidgetOpacity"
408		easing.type: Easing.InOutQuad
409		duration: 250
410		}
411		ColorAnimation {
412		properties: "color"
413		duration: 250
414		}
415		}
416		PropertyAction {
417		properties: "active"
418		}
419		}
420		}
421		]
422		}