import QtQuick 2.0
import Sailfish.Silica 1.0


Page {
    id: page

    SilicaListView {
        id: listview
        anchors.fill: parent

        PullDownMenu {
            MenuItem {
                text: "About"
                onClicked: pageStack.push(Qt.resolvedUrl("AboutPage.qml"))
            }
        }

        header: Component { Column {
                id: column

                //width: page.width
                spacing: Theme.paddingLarge
                PageHeader {
                    title: "Metacrane"
                }
                TextField {
                    id: crane_name
                    text: ""
                    placeholderText: "Crane Name"
                    width: page.width
                    height: Theme.itemSizeLarge
                    EnterKey.enabled: text.length > 0
                    EnterKey.iconSource: "image://theme/icon-m-enter-accept"
                }
            }
        }

        VerticalScrollDecorator {}
        model: ListModel {
            ListElement {name: "Kebab"}
            ListElement {name: "Nakki"}
            ListElement {name: "Rullakebab"}
            ListElement {name: "Pitsa"}
            ListElement {name: "Kebab 2"}
            ListElement {name: "Nakki 2"}
            ListElement {name: "Rullakebab 2"}
            ListElement {name: "Pitsa 2"}
            ListElement {name: "Kebab 3"}
            ListElement {name: "Nakki 3"}
            ListElement {name: "Rullakebab 3"}
            ListElement {name: "Pitsa 3"}
        }
        delegate: ListItem {
            id: listitem
            height: Theme.itemSizeSmall
            Row {
                Label {
                    anchors.margins: Theme.paddingLarge
                    text: name
                    //anchors.verticalCenter: listitem.verticalCenter
                    //anchors.horizontalCenter: listitem.horizontalCenter
                    color: listitem.highlighted ?
                            Theme.highlightColor : Theme.primaryColor
                }
            }
        }
    }

}