TimelinePage.qml 3.99 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
/*
    Copyright (C) 2018 Volker Krause <vkrause@kde.org>

    This program is free software; you can redistribute it and/or modify it
    under the terms of the GNU Library General Public License as published by
    the Free Software Foundation; either version 2 of the License, or (at your
    option) any later version.

    This program is distributed in the hope that it will be useful, but WITHOUT
    ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
    FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Library General Public
    License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

import QtQuick 2.5
import QtQuick.Layouts 1.1
import QtQuick.Controls 2.1 as QQC2
21
import org.kde.kirigami 2.4 as Kirigami
22
import org.kde.itinerary 1.0
23 24 25
import "." as App

Kirigami.ScrollablePage {
26 27 28
    id: root

    title: qsTr("My Itinerary")
29 30 31 32
    // context drawer content
    actions {
        contextualActions: [
            Kirigami.Action {
33
                text: qsTr("Today")
Volker Krause's avatar
Volker Krause committed
34
                iconName: "view-calendar-day"
35
                onTriggered: listView.positionViewAtIndex(_timelineModel.todayRow, ListView.Beginning);
36 37 38 39 40
            }
        ]
    }

    // page content
41 42 43 44 45 46 47 48
    Component {
        id: flightDelegate
        App.FlightDelegate {}
    }
    Component {
        id: hotelDelegate
        App.HotelDelegate {}
    }
Volker Krause's avatar
Volker Krause committed
49 50 51 52
    Component {
        id: trainDelegate
        App.TrainDelegate {}
    }
Volker Krause's avatar
Volker Krause committed
53 54 55 56
    Component {
        id: busDelegate
        App.BusDelegate {}
    }
57 58 59 60
    Component {
        id: restaurantDelegate
        App.RestaurantDelegate {}
    }
61 62 63 64 65 66 67 68 69 70 71 72 73
    Component {
        id: todayDelegate
        Item {
            implicitHeight: visible ? label.implicitHeight : 0
            QQC2.Label {
                id: label
                anchors.fill: parent
                text: qsTr("Nothing on the itinerary for today.");
                color: Kirigami.Theme.textColor
                horizontalAlignment: Qt.AlignHCenter
            }
        }
    }
74

75
    Kirigami.CardsListView {
76
        id: listView
77
        model: _timelineModel
78 79 80

        delegate: Loader {
            property var modelData: model
81
            height: item ? item.implicitHeight : 0
82
            sourceComponent: {
83 84
                if (!modelData)
                    return;
85 86 87
                switch (modelData.type) {
                    case TimelineModel.Flight: return flightDelegate;
                    case TimelineModel.Hotel: return hotelDelegate;
Volker Krause's avatar
Volker Krause committed
88
                    case TimelineModel.TrainTrip: return trainDelegate;
Volker Krause's avatar
Volker Krause committed
89
                    case TimelineModel.BusTrip: return busDelegate;
90
                    case TimelineModel.Restaurant: return restaurantDelegate;
91
                    case TimelineModel.TodayMarker: return todayDelegate;
92 93 94 95
                }
            }

            onLoaded: {
96 97 98 99 100 101 102
                if (modelData.type != TimelineModel.TodayMarker) {
                    item.reservation = Qt.binding(function() { return modelData.reservation; });
                    item.passId = Qt.binding(function() { return modelData.passId; });
                    item.pass = Qt.binding(function() { return modelData.pass; });
                } else {
                    item.visible = modelData.isTodayEmpty;
                }
103
            }
104
        }
105

106
        section.property: "sectionHeader"
107 108
        section.delegate: Item {
            implicitHeight: headerItem.implicitHeight + Kirigami.Units.largeSpacing*2
109 110 111 112
            implicitWidth: ListView.view.width
            Kirigami.BasicListItem {
                id: headerItem
                label: section
113
                backgroundColor: Kirigami.Theme.backgroundColor
114 115 116 117 118
                icon: "view-calendar-day"
            }
        }
        section.criteria: ViewSection.FullString
        section.labelPositioning: ViewSection.CurrentLabelAtStart | ViewSection.InlineLabels
119
    }
120 121

    Component.onCompleted: listView.positionViewAtIndex(_timelineModel.todayRow, ListView.Beginning);
122
}