~verzegnassi-stefano/+junk/quickmemo-ui-and-database

« back to all changes in this revision

Viewing changes to app/components/MainPage.qml

  • Committer: Stefano Verzegnassi
  • Date: 2015-04-13 20:24:50 UTC
  • mfrom: (61.1.1 quick-memo)
  • Revision ID: stefano92.100@gmail.com-20150413202450-n1baom7weekg0lsf
Use Empty State component from the Ubuntu Touch Component Store project

Show diffs side-by-side

added added

removed removed

Lines of Context:
20
20
import Ubuntu.Components.ListItems 1.0 as ListItem
21
21
import Ubuntu.Components.Popups 1.0
22
22
 
 
23
import "../ubuntucomponents"
 
24
 
23
25
PageWithBottomEdge {
24
26
    id: mainPage
25
27
    title: i18n.tr("Overview")
44
46
        Item {
45
47
            anchors.fill: parent
46
48
 
47
 
            Column {
 
49
            EmptyState {
48
50
                anchors.centerIn: parent
49
 
                width: parent.width * 0.3
50
 
                spacing: units.gu(1)
51
 
 
52
 
                Icon {
53
 
                    width: parent.width
54
 
                    height: width
55
 
 
56
 
                    name: "note"
57
 
                }
58
 
 
59
 
                Column {
60
 
                    width: parent.width
61
 
 
62
 
                    Label {
63
 
                        anchors.horizontalCenter: parent.horizontalCenter
64
 
                        fontSize: "x-large"
65
 
                        font.weight: Font.DemiBold
66
 
 
67
 
                        text: i18n.tr("No stored memos")
68
 
                    }
69
 
 
70
 
                    Label {
71
 
                        anchors.horizontalCenter: parent.horizontalCenter
72
 
 
73
 
                        text: i18n.tr("Swipe the bottom edge to add a new memo.")
74
 
                    }
75
 
                }
 
51
 
 
52
                iconName: "note"
 
53
                title: i18n.tr("No stored memos")
 
54
                subTitle: i18n.tr("Swipe the bottom edge to add a new memo.")
76
55
            }
77
56
        }
78
57
    }