~pkunal-parmar/ubuntu-calendar-app/PerformanceImprovements

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
import QtQuick 2.0
import Ubuntu.Components 1.1

GridView{
    id: yearView
    clip: true

    property int scrollMonth;
    property bool isCurrentItem;
    property int year;

    readonly property int minCellWidth: units.gu(30)
    cellWidth: Math.floor(Math.min.apply(Math, [3, 4].map(function(n)
    { return ((width / n >= minCellWidth) ? width / n : width / 2) })))

    cellHeight: cellWidth * 1.4

    model: 12 /* months in a year */

    onYearChanged: {
        scrollMonth = 0;
        var today = new Date();
        if(year == today.getFullYear()) {
            scrollMonth = today.getMonth();
        }
        yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
    }

    //scroll in case content height changed
    onHeightChanged: {
        yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
    }

    Component.onCompleted: {
        yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
    }

    Connections{
        target: yearPathView
        onScrollUp: {
            scrollMonth -= 2;
            if(scrollMonth < 0) {
                scrollMonth = 0;
            }
            yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
        }

        onScrollDown: {
            scrollMonth += 2;
            var visibleMonths = yearView.height / cellHeight;
            if( scrollMonth >= (11 - visibleMonths)) {
                scrollMonth = (11 - visibleMonths);
            }
            yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
        }
    }

    delegate: Loader {
        width: yearView.cellWidth
        height: yearView.cellHeight

        sourceComponent: delegateComponent
        asynchronous: !yearView.focus

        Component {
            id: delegateComponent

            UbuntuShape {
                anchors.fill: parent
                anchors.margins: units.gu(0.5)
                radius: "medium"

                MonthComponent {
                    id: monthComponent
                    objectName: "monthComponent" + index
                    showEvents: false
                    currentMonth: new Date(yearView.year, index, 1, 0, 0, 0, 0)

                    isCurrentItem: yearView.focus

                    isYearView: true
                    anchors.fill: parent

                    dayLabelFontSize:"x-small"
                    dateLabelFontSize: "medium"
                    monthLabelFontSize: "medium"
                    yearLabelFontSize: "small"

                    onMonthSelected: {
                        yearViewPage.monthSelected(date);
                    }
                }
            }
        }
    }
}