~pkunal-parmar/ubuntu-calendar-app/Minor-Performance

/*

 * Copyright (C) 2013-2014 Canonical Ltd

 *

 * This file is part of Ubuntu Calendar App

 *

 * Ubuntu Calendar App is free software: you can redistribute it and/or modify

 * it under the terms of the GNU General Public License version 3 as

 * published by the Free Software Foundation.

 *

 * Ubuntu Calendar App 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 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.3

import Ubuntu.Components 1.1

import "dateExt.js" as DateExt

import "colorUtils.js" as Color

Page {

    id: monthViewPage

    objectName: "monthViewPage"

    property var currentMonth: DateExt.today();

    signal dateSelected(var date);

    Keys.forwardTo: [monthViewPath]

    Action {

        id: calendarTodayAction

        objectName:"todaybutton"

        iconName: "calendar-today"

        text: i18n.tr("Today")

        onTriggered: {

            currentMonth = new Date().midnight()

        }

    }

    head {

        actions: [

            calendarTodayAction,

            commonHeaderActions.newEventAction,

            commonHeaderActions.showCalendarAction,

            commonHeaderActions.reloadAction

        ]

        contents: Label {

            fontSize: "x-large"

            // TRANSLATORS: this is a time formatting string,

            // see http://qt-project.org/doc/qt-5/qml-qtqml-date.html#details for valid expressions.

            // It's used in the header of the month and week views

            text: i18n.tr(currentMonth.toLocaleString(Qt.locale(),i18n.tr("MMMM yyyy")))

            font.capitalization: Font.Capitalize

        }

    }

    PathViewBase{

        id: monthViewPath

        objectName: "monthViewPath"

        property var startMonth: currentMonth;

        anchors.top:parent.top

        width:parent.width

        height: parent.height

        onNextItemHighlighted: {

            nextMonth();

        }

        onPreviousItemHighlighted: {

            previousMonth();

        }

        function nextMonth() {

            currentMonth = addMonth(currentMonth, 1);

        }

        function previousMonth() {

            currentMonth = addMonth(currentMonth, -1);

        }

        function addMonth(date,month) {

            return  new Date(date.getFullYear(), date.getMonth() + month, 1, 0, 0, 0);

        }

        delegate: MonthComponent {

            property bool isCurrentItem: index === monthViewPath.currentIndex

            showEvents: true

            width: parent.width - units.gu(4)

            height: parent.height

            currentMonth: monthViewPath.addMonth(monthViewPath.startMonth,

                                                 monthViewPath.indexType(index));

            isYearView: false

            onDateSelected: {

                monthViewPage.dateSelected(date);

            }

        }

    }

}