Differential D15015 Diff 47911 src/android/ElisaMainWindow.qml

Changeset View

Standalone View

src/android/ElisaMainWindow.qml

1	/*	1		/*
2	* Copyright 2016-2017 Matthieu Gallien <matthieu_gallien@yahoo.fr>	2		* Copyright 2016-2018 Matthieu Gallien <matthieu_gallien@yahoo.fr>
3	*	3		*
4	* This program is free software: you can redistribute it and/or	4		* This program is free software: you can redistribute it and/or
5	* modify it under the terms of the GNU Lesser General Public	5		* modify it under the terms of the GNU Lesser General Public
6	* License as published by the Free Software Foundation; either	6		* License as published by the Free Software Foundation; either
7	* version 3 of the License, or (at your option) any later version.	7		* version 3 of the License, or (at your option) any later version.
8	*	8		*
9	* This program is distributed in the hope that it will be useful,	9		* This program is distributed in the hope that it will be useful,
10	* but WITHOUT ANY WARRANTY; without even the implied warranty of	10		* but WITHOUT ANY WARRANTY; without even the implied warranty of
11	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU	11		* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
12	* Lesser General Public License for more details.	12		* Lesser General Public License for more details.
13	*	13		*
14	* You should have received a copy of the GNU Lesser General Public License	14		* You should have received a copy of the GNU Lesser General Public License
15	* along with this program. If not, see <https://www.gnu.org/licenses/>.	15		* along with this program. If not, see <https://www.gnu.org/licenses/>.
16	*/	16		*/
17		17
18	import QtQuick 2.6	18		import QtQuick 2.7
19	import QtQuick.Controls 2.0	19		import QtQuick.Controls 2.4
			astippichUnsubmitted Not Done qqc 2.4 is Qt 5.11 only. so either a Qt version bump is required or this must be lowered to 2.3. astippich: qqc 2.4 is Qt 5.11 only. so either a Qt version bump is required or this must be lowered to 2.3.
20	import QtQuick.Layouts 1.3	20		import QtQuick.Layouts 1.1
21	import QtQuick.Window 2.2	21		import QtQuick.Window 2.2
22	import QtQml.Models 2.1	22		import Qt.labs.settings 1.0
		23		import org.kde.kirigami 2.5 as Kirigami
23	import org.kde.elisa 1.0	24		import org.kde.elisa 1.0
24		25
25	ApplicationWindow {	26		Kirigami.ApplicationWindow {
26	id: mainWindow	27		id: mainWindow
27		28
28	visible: true	29		visible: true
29		30
30	title: 'Elisa'	31		globalDrawer: Kirigami.GlobalDrawer {
		32		id: drawer
		33		title: "Elisa"
		34		titleIcon: "elisa"
		35		contentItem.implicitWidth: Math.min (Kirigami.Units.gridUnit * 15, mainWindow.width * 0.8)
		36		}
		37
		38		LayoutMirroring.enabled: Qt.application.layoutDirection == Qt.RightToLeft
		39		LayoutMirroring.childrenInherit: true
		40
		41		title: i18n("Elisa")
31		42
32	SystemPalette {	43		SystemPalette {
33	id: myPalette	44		id: myPalette
34	colorGroup: SystemPalette.Active	45		colorGroup: SystemPalette.Active
35	}	46		}
36		47
37	Theme {	48		Theme {
38	id: elisaTheme	49		id: elisaTheme
39	}	50		}
40		51
41	property string globalBrowseFlag: 'BrowseDirectChildren'	52		Settings {
42	property string globalFilter: '*'	53		id: persistentSettings
43	property string globalSortCriteria: ''
44
45	PlatformIntegration {
46	id: platformInterface
47
48	playListModel: playListModelItem
49	playListControler: playListControlerItem
50	audioPlayerManager: manageAudioPlayer
51	headerBarManager: myHeaderBarManager
52	manageMediaPlayerControl: myPlayControlManager
53
54	onRaisePlayer:
55	{
56	mainWindow.raise()
57	mainWindow.requestActivate()
58	}
59	}
60
61	MusicListenersManager {
62	id: allListeners
63	}
64
65	AudioWrapper {
66	id: audioPlayer
67		54
68	audioRole: Audio.MusicRole	55		property var playListState
69		56
70	muted: playControlItem.muted	57		property var audioPlayerState
71		58
72	volume: playControlItem.volume * 100	59		property double playControlItemVolume : 100.0
		60		property bool playControlItemMuted : false
73		61
74	onVolumeChanged: playControlItem.volume = volume / 100.0	62		property bool playControlItemRepeat : false
75	onMutedChanged: playControlItem.muted = muted	63		property bool playControlItemShuffle : false
76		64
77	source: manageAudioPlayer.playerSource	65		property bool expandedFilterView: false
78		66
79	onPlaying: {	67		property bool showPlaylist: true
80	myPlayControlManager.playerPlaying()
81	}	68		}
82		69
83	onPaused: {	70		Connections {
84	myPlayControlManager.playerPaused()	71		target: Qt.application
85	}	72		onAboutToQuit:
86
87	onStopped: {
88	myPlayControlManager.playerStopped()
89	}
90	}
91
92	MediaPlayList {
93	id: playListModelItem
94
95	persistentState: persistentSettings.playListState
96	musicListenersManager: allListeners
97	}
98
99	PlayListControler {
100	id: playListControlerItem
101
102	playListModel: playListModelItem
103
104	isValidRole: MediaPlayList.IsValidRole
105
106	onPlayListFinished: manageAudioPlayer.playListFinished()
107
108	persistentState: persistentSettings.playListControlerState
109
110	Component.onCompleted:
111	{	73		{
112	var d = new Date();	74		persistentSettings.playListState = elisa.mediaPlayList.persistentState;
113	var n = d.getMilliseconds();	75		persistentSettings.audioPlayerState = elisa.audioControl.persistentState
114	seedRandomGenerator(n);
115	}
116	}
117
118	ManageHeaderBar {
119	id: myHeaderBarManager
120
121	playListModel: playListModelItem
122	currentTrack: playListControlerItem.currentTrack
123
124	artistRole: MediaPlayList.ArtistRole
125	titleRole: MediaPlayList.TitleRole
126	albumRole: MediaPlayList.AlbumRole
127	imageRole: MediaPlayList.ImageRole
128	albumIdRole: MediaPlayList.AlbumIdRole
129	isValidRole: MediaPlayList.IsValidRole
130	}
131
132	ManageAudioPlayer {
133	id: manageAudioPlayer
134
135	currentTrack: playListControlerItem.currentTrack
136	playListModel: playListModelItem
137	urlRole: MediaPlayList.ResourceRole
138	isPlayingRole: MediaPlayList.IsPlayingRole
139
140	playerStatus: audioPlayer.status
141	playerPlaybackState: audioPlayer.playbackState
142	playerError: audioPlayer.error
143	audioDuration: audioPlayer.duration
144	playerIsSeekable: audioPlayer.seekable
145	playerPosition: audioPlayer.position
146
147	persistentState: persistentSettings.audioPlayerState
148
149	onPlayerPlay: audioPlayer.play()
150	onPlayerPause: audioPlayer.pause()
151	onPlayerStop: audioPlayer.stop()
152	onSkipNextTrack: playListControlerItem.skipNextTrack()
153	onSeek: audioPlayer.seek(position)
154	}	76		}
155
156	ManageMediaPlayerControl {
157	id: myPlayControlManager
158
159	playListModel: playListModelItem
160	currentTrack: playListControlerItem.currentTrack
161	}
162
163	AllAlbumsModel {
164	id: allAlbumsModel
165	}	77		}
166		78
167	Connections {	79		Connections {
168	target: allListeners	80		target: elisa.mediaPlayList
169		81
170	onAlbumAdded: allAlbumsModel.albumAdded(newAlbum)	82		onPlayListLoadFailed: {
		83		messageNotification.showNotification(i18nc("message of passive notification when playlist load failed", "Load of playlist failed"), 3000)
171	}	84		}
172
173	Connections {
174	target: allListeners
175
176	onAlbumRemoved: allAlbumsModel.albumRemoved(removedAlbum)
177	}	85		}
178		86
179	Connections {	87		pageStack.globalToolBar.style: Kirigami.ApplicationHeaderStyle.TabBar
180	target: allListeners
181		88
182	onAlbumModified: allAlbumsModel.albumModified(modifiedAlbum)	89		Component {
183	}	90		id: albumsView
184		91
185	AllArtistsModel {	92		AlbumsView {
186	id: allArtistsModel
187	}	93		}
188
189	Connections {
190	target: allListeners
191
192	onArtistAdded: allArtistsModel.artistAdded(newArtist)
193	}	94		}
194		95
195	Connections {	96		Component {
196	target: allListeners	97		id: artistsView
197		98
198	onArtistRemoved: allArtistsModel.artistRemoved(removedArtist)	99		ArtistsView {
199	}	100		}
200
201	Connections {
202	target: allListeners
203
204	onArtistModified: allArtistsModel.artistModified(modifiedArtist)
205	}	101		}
206		102
207	Rectangle {	103		Component {
208	color: myPalette.base	104		id: tracksView
209	anchors.fill: parent
210
211	ColumnLayout {
212	anchors.fill: parent
213	spacing: 0
214
215	HeaderBar {
216	id: headerBar
217		105
218	Layout.preferredHeight: Screen.pixelDensity * 40.	106		TracksView {
219	Layout.minimumHeight: Screen.pixelDensity * 40.
220	Layout.maximumHeight: Screen.pixelDensity * 40.
221	Layout.fillWidth: true
222
223	tracksCount: myHeaderBarManager.remainingTracks
224	album: myHeaderBarManager.album
225	title: myHeaderBarManager.title
226	artist: myHeaderBarManager.artist
227	image: myHeaderBarManager.image
228
229	ratingVisible: false
230
231	Rectangle {
232	anchors.fill: menuButton
233
234	z: 1
235
236	radius: width / 2
237
238	color: myPalette.window
239	}	107		}
240	}	108		}
241		109
242	MediaPlayerControl {	110		Component {
243	id: playControlItem	111		id: genresView
244
245	duration: audioPlayer.duration
246	seekable: audioPlayer.seekable
247		112
248	volume: persistentSettings.playControlItemVolume	113		GenresView {
249	muted: persistentSettings.playControlItemMuted
250	position: audioPlayer.position
251	skipBackwardEnabled: myPlayControlManager.skipBackwardControlEnabled
252	skipForwardEnabled: myPlayControlManager.skipForwardControlEnabled
253	playEnabled: myPlayControlManager.playControlEnabled
254	isPlaying: myPlayControlManager.musicPlaying
255
256	Layout.preferredHeight: Screen.pixelDensity * 12.
257	Layout.minimumHeight: Layout.preferredHeight
258	Layout.maximumHeight: Layout.preferredHeight
259	Layout.fillWidth: true
260
261	onSeek: audioPlayer.seek(position)
262
263	onPlay: manageAudioPlayer.playPause()
264	onPause: manageAudioPlayer.playPause()
265
266	onPlayPrevious: playListControlerItem.skipPreviousTrack()
267	onPlayNext: playListControlerItem.skipNextTrack()
268	}	114		}
269
270	RowLayout {
271	Layout.fillHeight: true
272	Layout.fillWidth: true
273	spacing: 0
274
275	Rectangle {
276	color: myPalette.window
277
278	Layout.fillHeight: true
279	Layout.preferredWidth: Screen.pixelDensity * 50.
280	Layout.minimumWidth: Screen.pixelDensity * 50.
281	Layout.maximumWidth: Screen.pixelDensity * 50.
282	}	115		}
283		116
284	Item {	117		Component.onCompleted:
285	Layout.fillHeight: true	118		{
286	Layout.fillWidth: true	119		elisa.initialize()
287
288	RowLayout {
289	anchors.fill: parent
290	spacing: 0
291
292	id: contentZone
293
294	Item {
295	id: mainContentView
296
297	Layout.leftMargin: Screen.pixelDensity * 0.5
298	Layout.rightMargin: Screen.pixelDensity * 0.5
299
300	Layout.fillHeight: true
301
302	Layout.minimumWidth: 0
303	Layout.maximumWidth: 0
304	Layout.preferredWidth: 0
305
306	//z: 1
307	visible: Layout.minimumWidth != 0
308
309	MediaBrowser {
310	id: localAlbums
311
312	anchors.fill: parent
313
314	firstPage: MediaAllAlbumView {
315	playListModel: playListModelItem
316	playerControl: manageAudioPlayer
317	stackView: localAlbums.stackView
318	musicListener: allListeners
319	contentDirectoryModel: allAlbumsModel
320	}
321
322	visible: opacity > 0
323	}
324
325	MediaBrowser {
326	id: localArtists
327
328	anchors.fill: parent
329
330	firstPage: MediaAllArtistView {
331	playListModel: playListModelItem
332	artistsModel: allArtistsModel
333	playerControl: manageAudioPlayer
334	stackView: localArtists.stackView
335	musicListener: allListeners
336	contentDirectoryModel: allAlbumsModel
337	}
338		120
339	visible: opacity > 0	121		if (persistentSettings.playListState) {
340	}	122		elisa.mediaPlayList.persistentState = persistentSettings.playListState
341	}	123		}
342		124
343	Rectangle {	125		if (persistentSettings.audioPlayerState) {
344	id: firstViewSeparatorItem	126		elisa.audioControl.persistentState = persistentSettings.audioPlayerState
345
346	border.width: 1
347	border.color: myPalette.mid
348	color: myPalette.mid
349	visible: true
350
351	Layout.bottomMargin: Screen.pixelDensity * 0.5
352	Layout.topMargin: Screen.pixelDensity * 0.5
353
354	Layout.alignment: Qt.AlignVCenter \| Qt.AlignHCenter
355
356	Layout.preferredHeight: parent.height - Screen.pixelDensity * 5.
357	Layout.minimumHeight: parent.height - Screen.pixelDensity * 5.
358	Layout.maximumHeight: parent.height - Screen.pixelDensity * 5.
359
360	Layout.preferredWidth: 1
361	Layout.minimumWidth: 1
362	Layout.maximumWidth: 1
363	}	127		}
364		128
365	MediaPlayListView {	129		pageStack.push(albumsView)
366	id: playList	130		pageStack.push(artistsView)
367		131		pageStack.push(tracksView)
368	playListModel: playListModelItem	132		pageStack.push(genresView)
369	playListControler: playListControlerItem
370
371	randomPlayChecked: playListControlerItem.randomPlayControl
372	repeatPlayChecked: playListControlerItem.repeatPlayControl
373
374	Layout.fillHeight: true
375
376	Layout.minimumWidth: contentZone.width
377	Layout.maximumWidth: contentZone.width
378	Layout.preferredWidth: contentZone.width
379
380	Component.onCompleted:
381	{
382	playListControlerItem.randomPlay = Qt.binding(function() { return playList.randomPlayChecked })
383	playListControlerItem.repeatPlay = Qt.binding(function() { return playList.repeatPlayChecked })
384	myPlayControlManager.randomOrContinuePlay = Qt.binding(function() { return playList.randomPlayChecked \|\| playList.repeatPlayChecked })
385	}
386	}
387
388	Rectangle {
389	id: viewSeparatorItem
390
391	border.width: 1
392	border.color: myPalette.mid
393	color: myPalette.mid
394	visible: Layout.minimumWidth != 0
395
396	Layout.alignment: Qt.AlignVCenter \| Qt.AlignHCenter
397
398	Layout.preferredHeight: parent.height - Screen.pixelDensity * 5.
399
400	Layout.preferredWidth: 1
401	Layout.minimumWidth: 1
402	Layout.maximumWidth: 1
403	}
404
405	ContextView {
406	id: albumContext
407
408	Layout.fillHeight: true
409
410	Layout.minimumWidth: contentZone.width
411	Layout.maximumWidth: contentZone.width
412	Layout.preferredWidth: contentZone.width
413
414	visible: Layout.minimumWidth != 0
415
416	artistName: myHeaderBarManager.artist
417	albumName: myHeaderBarManager.album
418	albumArtUrl: myHeaderBarManager.image
419	}
420	}
421
422	states: [
423	State {
424	name: 'allAlbums'
425	when: viewModeView.currentRow === 1
426	PropertyChanges {
427	target: mainContentView
428	Layout.minimumWidth: contentZone.width * 0.66
429	Layout.maximumWidth: contentZone.width * 0.66
430	Layout.preferredWidth: contentZone.width * 0.66
431	}
432	PropertyChanges {
433	target: firstViewSeparatorItem
434	Layout.minimumWidth: 1
435	Layout.maximumWidth: 1
436	Layout.preferredWidth: 1
437	}
438	PropertyChanges {
439	target: playList
440	Layout.minimumWidth: contentZone.width * 0.33
441	Layout.maximumWidth: contentZone.width * 0.33
442	Layout.preferredWidth: contentZone.width * 0.33
443	}
444	PropertyChanges {
445	target: viewSeparatorItem
446	Layout.minimumWidth: 0
447	Layout.maximumWidth: 0
448	Layout.preferredWidth: 0
449	}
450	PropertyChanges {
451	target: albumContext
452	Layout.minimumWidth: 0
453	Layout.maximumWidth: 0
454	Layout.preferredWidth: 0
455	}
456	PropertyChanges {
457	target: localAlbums
458	opacity: 1
459	}
460	PropertyChanges {
461	target: localArtists
462	opacity: 0
463	}
464	},
465	State {
466	name: 'allArtists'
467	when: viewModeView.currentRow === 2
468	PropertyChanges {
469	target: mainContentView
470	Layout.minimumWidth: contentZone.width * 0.66
471	Layout.maximumWidth: contentZone.width * 0.66
472	Layout.preferredWidth: contentZone.width * 0.66
473	}
474	PropertyChanges {
475	target: firstViewSeparatorItem
476	Layout.minimumWidth: 1
477	Layout.maximumWidth: 1
478	Layout.preferredWidth: 1
479	}
480	PropertyChanges {
481	target: playList
482	Layout.minimumWidth: contentZone.width * 0.33
483	Layout.maximumWidth: contentZone.width * 0.33
484	Layout.preferredWidth: contentZone.width * 0.33
485	}
486	PropertyChanges {
487	target: viewSeparatorItem
488	Layout.minimumWidth: 0
489	Layout.maximumWidth: 0
490	Layout.preferredWidth: 0
491	}
492	PropertyChanges {
493	target: albumContext
494	Layout.minimumWidth: 0
495	Layout.maximumWidth: 0
496	Layout.preferredWidth: 0
497	}
498	PropertyChanges {
499	target: localAlbums
500	opacity: 0
501	}
502	PropertyChanges {
503	target: localArtists
504	opacity: 1
505	}
506	},
507	State {
508	name: 'full'
509	when: viewModeView.currentRow == 0
510	PropertyChanges {
511	target: mainContentView
512	Layout.minimumWidth: 0
513	Layout.maximumWidth: 0
514	Layout.preferredWidth: 0
515	}
516	PropertyChanges {
517	target: firstViewSeparatorItem
518	Layout.minimumWidth: 0
519	Layout.maximumWidth: 0
520	Layout.preferredWidth: 0
521	}
522	PropertyChanges {
523	target: playList
524	Layout.minimumWidth: contentZone.width / 2
525	Layout.maximumWidth: contentZone.width / 2
526	Layout.preferredWidth: contentZone.width / 2
527	}
528	PropertyChanges {
529	target: viewSeparatorItem
530	Layout.minimumWidth: 1
531	Layout.maximumWidth: 1
532	Layout.preferredWidth: 1
533	}
534	PropertyChanges {
535	target: albumContext
536	Layout.minimumWidth: contentZone.width / 2
537	Layout.maximumWidth: contentZone.width / 2
538	Layout.preferredWidth: contentZone.width / 2
539	}
540	PropertyChanges {
541	target: localAlbums
542	opacity: 0
543	}
544	PropertyChanges {
545	target: localArtists
546	opacity: 0
547	}
548	}
549	]
550	transitions: Transition {
551	NumberAnimation {
552	properties: "Layout.minimumWidth, Layout.maximumWidth, Layout.preferredWidth, opacity"
553	easing.type: Easing.InOutQuad
554	duration: 300
555	}	133		}
556	}	134		}
557	}
558	}
559	}
560	}
561	}
562