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