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

« back to all changes in this revision

Viewing changes to YearView.qml

  • Committer: Mihir Soni
  • Date: 2014-09-19 15:10:04 UTC
  • mto: This revision was merged to the branch mainline in revision 461.
  • Revision ID: mihirsoni.123@gmail.com-20140919151004-8igvctew3x1szuoo
improved yearview & Monthview

Show diffs side-by-side

added added

removed removed

Lines of Context:
18
18
 
19
19
import QtQuick 2.3
20
20
import Ubuntu.Components 1.1
 
21
 
21
22
import "dateExt.js" as DateExt
22
 
 
23
23
Page {
24
24
    id: yearViewPage
25
25
    objectName: "yearViewPage"
39
39
        }
40
40
    }
41
41
 
42
 
    head.actions: [
43
 
        calendarTodayAction,
44
 
        commonHeaderActions.newEventAction,
45
 
        commonHeaderActions.showCalendarAction,
46
 
        commonHeaderActions.reloadAction
47
 
    ]
 
42
    head {
 
43
        actions: [
 
44
            calendarTodayAction,
 
45
            commonHeaderActions.newEventAction,
 
46
            commonHeaderActions.showCalendarAction,
 
47
            commonHeaderActions.reloadAction
 
48
        ]
 
49
    }
48
50
 
49
51
    PathViewBase {
50
52
        id: yearPathView
116
118
                width: yearView.cellWidth
117
119
                height: yearView.cellHeight
118
120
 
119
 
                MonthComponent {
120
 
                    id: monthComponent
121
 
                    objectName: "monthComponent" + index
122
 
                    showEvents: false
123
 
                    currentMonth: new Date(yearView.year, index, 1, 0, 0, 0, 0)
124
 
 
125
 
                    isYearView: true
 
121
                UbuntuShape {
126
122
                    anchors.fill: parent
127
123
                    anchors.margins: units.gu(0.5)
128
 
 
129
 
                    dayLabelFontSize:"x-small"
130
 
                    dateLabelFontSize: "medium"
131
 
                    monthLabelFontSize: "medium"
132
 
                    yearLabelFontSize: "small"
133
 
 
134
 
                    onMonthSelected: {
135
 
                        yearViewPage.monthSelected(date);
 
124
                    radius: "medium"
 
125
 
 
126
                    MonthComponent {
 
127
                        id: monthComponent
 
128
                        objectName: "monthComponent" + index
 
129
                        showEvents: false
 
130
                        currentMonth: new Date(yearView.year, index, 1, 0, 0, 0, 0)
 
131
 
 
132
                        isYearView: true
 
133
                        anchors.fill: parent
 
134
 
 
135
                        dayLabelFontSize:"x-small"
 
136
                        dateLabelFontSize: "medium"
 
137
                        monthLabelFontSize: "medium"
 
138
                        yearLabelFontSize: "small"
 
139
 
 
140
                        onMonthSelected: {
 
141
                            yearViewPage.monthSelected(date);
 
142
                        }
136
143
                    }
137
144
                }
138
145
            }