Page {
    id: page

    Component.onCompleted: populateList()

    SilicaListView {
        id:connectionsList
        anchors.fill: parent
        model:listModel
        section {
                 property: 'section'
                 delegate: SectionHeader {
                     text: section
                 }
        }
        VerticalScrollDecorator { flickable:connectionsList }

        ViewPlaceholder {
            text: qsTr("Pull down to add a new connection.")
            enabled: connectionsList.count == 0
        }

            header: Image {
                source: "logo.png"
                height: 200
                width: 200
                fillMode: Image.PreserveAspectFit
                anchors {
                    top:page
                    topMargin: 20
                    horizontalCenter: parent.horizontalCenter
                }
                MouseArea {
                    anchors.fill: parent
                    onClicked: pageStack.push(Qt.resolvedUrl("About.qml"))
                    }
            }