← Back to branch summary

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

« back to all changes in this revision

Viewing changes to NewEventTimePicker.qml

  • Committer: Kunal Parmar
  • Date: 2014-01-18 03:11:01 UTC
  • mto: This revision was merged to the branch mainline in revision 186.
  • Revision ID: pkunal.parmar@gmail.com-20140118031101-cif3k2wdidy9us8s
Print statement removed

Show diffs side-by-side

added added

removed removed

Lines of Context:
NewEventTimePicker.qml
1
 
import QtQuick 2.3
2
 
import Ubuntu.Components.ListItems 1.0 as ListItem
3
 
import Ubuntu.Components.Themes.Ambiance 1.0
4
 
import Ubuntu.Components.Pickers 1.0
5
 
 
6
 
Column {
7
 
    id: dateTimeInput
8
 
    property alias header: listHeader.text
9
 
 
10
 
    property date dateTime;
11
 
    property bool showTimePicker;
12
 
 
13
 
    function clearFocus() {
14
 
        dateInput.focus = false;
15
 
        timeInput.focus = false;
16
 
    }
17
 
 
18
 
    function openDatePicker (element, caller, callerProperty, mode) {
19
 
        element.highlighted = true;
20
 
        var picker = PickerPanel.openDatePicker(caller, callerProperty, mode);
21
 
        if (!picker) return;
22
 
        picker.closed.connect(function () {
23
 
            element.highlighted = false;
24
 
        });
25
 
    }
26
 
 
27
 
    onDateTimeChanged: {
28
 
        dateInput.text = dateTime.toLocaleDateString();
29
 
        timeInput.text = Qt.formatTime(dateTime);
30
 
    }
31
 
 
32
 
    ListItem.Header {
33
 
        id: listHeader
34
 
    }
35
 
 
36
 
    Item {
37
 
        anchors {
38
 
            left: parent.left
39
 
            right: parent.right
40
 
            margins: units.gu(2)
41
 
        }
42
 
 
43
 
        height: dateInput.height
44
 
 
45
 
        NewEventEntryField{
46
 
            id: dateInput
47
 
            objectName: "dateInput"
48
 
 
49
 
            text: ""
50
 
            anchors.left: parent.left
51
 
            width: !showTimePicker ? parent.width : 4 * parent.width / 5
52
 
 
53
 
            MouseArea{
54
 
                anchors.fill: parent
55
 
                onClicked: openDatePicker(dateInput, dateTimeInput, "dateTime", "Years|Months|Days")
56
 
            }
57
 
        }
58
 
 
59
 
        NewEventEntryField{
60
 
            id: timeInput
61
 
            objectName: "timeInput"
62
 
 
63
 
            text: ""
64
 
            anchors.right: parent.right
65
 
            width: parent.width / 5
66
 
            visible: showTimePicker
67
 
            horizontalAlignment: Text.AlignRight
68
 
 
69
 
            MouseArea{
70
 
                anchors.fill: parent
71
 
                onClicked: openDatePicker(timeInput, dateTimeInput, "dateTime", "Hours|Minutes")
72
 
            }
73
 
        }
74
 
    }
75
 
}