246 lines
7.4 KiB
QML
246 lines
7.4 KiB
QML
|
|
/**
|
|
*
|
|
* gPodder QML UI Reference Implementation
|
|
* Copyright (c) 2013, Thomas Perl <m@thp.io>
|
|
*
|
|
* Permission to use, copy, modify, and/or distribute this software for any
|
|
* purpose with or without fee is hereby granted, provided that the above
|
|
* copyright notice and this permission notice appear in all copies.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
* REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
* AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
* INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
* LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
* OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
* PERFORMANCE OF THIS SOFTWARE.
|
|
*
|
|
*/
|
|
|
|
import QtQuick 2.0
|
|
|
|
import 'icons/icons.js' as Icons
|
|
|
|
SlidePage {
|
|
id: startPage
|
|
canClose: false
|
|
|
|
function update_stats() {
|
|
py.call('main.get_stats', [], function (result) {
|
|
stats.text = result;
|
|
});
|
|
|
|
py.call('main.get_fresh_episodes_summary', [3], function (episodes) {
|
|
freshEpisodesRepeater.model = episodes;
|
|
});
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
py.setHandler('update-stats', startPage.update_stats);
|
|
}
|
|
|
|
Component.onDestruction: {
|
|
py.setHandler('update-stats', undefined);
|
|
}
|
|
|
|
Flickable {
|
|
id: flickable
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
|
|
Connections {
|
|
target: py
|
|
onReadyChanged: {
|
|
if (py.ready) {
|
|
startPage.update_stats();
|
|
}
|
|
}
|
|
}
|
|
|
|
anchors.fill: parent
|
|
|
|
contentWidth: startPageColumn.width
|
|
contentHeight: startPageColumn.height + startPageColumn.spacing
|
|
|
|
Column {
|
|
id: startPageColumn
|
|
|
|
width: startPage.width
|
|
spacing: 20 * pgst.scalef
|
|
|
|
SlidePageHeader {
|
|
title: 'gPodder'
|
|
}
|
|
|
|
StartPageButton {
|
|
id: subscriptionsPane
|
|
|
|
title: 'Subscriptions'
|
|
onClicked: pgst.loadPage('PodcastsPage.qml');
|
|
|
|
PLabel {
|
|
id: stats
|
|
|
|
anchors {
|
|
verticalCenter: parent.verticalCenter
|
|
left: parent.left
|
|
margins: 20 * pgst.scalef
|
|
}
|
|
}
|
|
|
|
ButtonArea {
|
|
anchors {
|
|
bottom: parent.bottom
|
|
right: parent.right
|
|
}
|
|
|
|
transparent: true
|
|
onClicked: pgst.loadPage('Subscribe.qml');
|
|
width: subscriptions.width + 2*subscriptions.anchors.margins
|
|
height: subscriptions.height + 2*subscriptions.anchors.margins
|
|
|
|
PIcon {
|
|
id: subscriptions
|
|
icon: Icons.plus
|
|
|
|
anchors {
|
|
bottom: parent.bottom
|
|
right: parent.right
|
|
margins: 20 * pgst.scalef
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
StartPageButton {
|
|
id: freshEpisodesPage
|
|
|
|
title: py.refreshing ? 'Refreshing feeds' : 'Fresh episodes'
|
|
onClicked: pgst.loadPage('FreshEpisodes.qml');
|
|
|
|
Row {
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: 50 * pgst.scalef
|
|
anchors.leftMargin: 20 * pgst.scalef
|
|
anchors.left: parent.left
|
|
spacing: 10 * pgst.scalef
|
|
|
|
Repeater {
|
|
id: freshEpisodesRepeater
|
|
|
|
Image {
|
|
source: modelData.coverart
|
|
sourceSize { width: 80 * pgst.scalef; height: 80 * pgst.scalef }
|
|
width: 80 * pgst.scalef
|
|
height: 80 * pgst.scalef
|
|
|
|
PLabel {
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
top: parent.bottom
|
|
margins: 5 * pgst.scalef
|
|
}
|
|
|
|
text: modelData.newEpisodes
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ButtonArea {
|
|
id: refresherButtonArea
|
|
visible: !py.refreshing
|
|
|
|
anchors {
|
|
bottom: parent.bottom
|
|
right: parent.right
|
|
}
|
|
|
|
transparent: true
|
|
onClicked: py.call('main.check_for_episodes');
|
|
width: refresher.width + 2*refresher.anchors.margins
|
|
height: refresher.height + 2*refresher.anchors.margins
|
|
|
|
PIcon {
|
|
id: refresher
|
|
icon: Icons.reload
|
|
|
|
anchors {
|
|
bottom: parent.bottom
|
|
right: parent.right
|
|
margins: 20 * pgst.scalef
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ButtonArea {
|
|
onClicked: pgst.loadPage('PlayerPage.qml');
|
|
|
|
anchors {
|
|
left: recommendationsPane.left
|
|
right: recommendationsPane.right
|
|
}
|
|
|
|
height: 100 * pgst.scalef
|
|
|
|
PLabel {
|
|
anchors.centerIn: parent
|
|
text: 'Now playing'
|
|
}
|
|
}
|
|
|
|
ButtonArea {
|
|
onClicked: pgst.loadPage('Settings.qml');
|
|
|
|
anchors {
|
|
left: recommendationsPane.left
|
|
right: recommendationsPane.right
|
|
}
|
|
|
|
height: 100 * pgst.scalef
|
|
|
|
PLabel {
|
|
anchors.centerIn: parent
|
|
text: 'Settings'
|
|
}
|
|
}
|
|
|
|
StartPageButton {
|
|
id: recommendationsPane
|
|
|
|
title: 'gpodder.net'
|
|
onClicked: pgst.loadPage('Directory.qml');
|
|
|
|
Row {
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
bottom: parent.bottom
|
|
margins: 40 * pgst.scalef
|
|
}
|
|
|
|
spacing: 20 * pgst.scalef
|
|
|
|
Connections {
|
|
target: py
|
|
onReadyChanged: {
|
|
if (py.ready) {
|
|
py.call('main.load_podcasts', [], function (podcasts) {
|
|
recommendationsRepeater.model = podcasts.splice(0, 4);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
Repeater {
|
|
id: recommendationsRepeater
|
|
Image { source: modelData.coverart; sourceSize { width: 80 * pgst.scalef; height: 80 * pgst.scalef } }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
PScrollDecorator { flickable: flickable }
|
|
}
|
|
|