import QtQuick 2.4
import Ubuntu.Components 1.2

/*!
    \brief MainView with a Label and Button elements.
*/

MainView {
    // objectName for functional testing purposes (autopilot-qt5)
    objectName: "mainView"

    // Note! applicationName needs to match the "name" field of the click manifest
    applicationName: "testapp.nik90"

    width: units.gu(100)
    height: units.gu(75)

    Page {
        title: i18n.tr("app")

        ListModel {
            id: testmodel
            ListElement { start: "foo"; end: "bar" }
        }

        Column {
            anchors { top: parent.top; left: parent.left; right: parent.right; margins: units.gu(2) }
            Button {
                id: addtimeperiod
                text: "Add new time"
                onClicked: {
                    testmodel.append({"start":"foobar", "end":"baz"})
                }
            }

            ListView {
                id: listview

                width: parent.width
                height: units.gu(20)
                model: testmodel

                delegate: Row {
                    spacing: units.gu(2)
                    Label { text: "Start: " + start}
                    Label { text: "End: " + end}
                }
            }
        }
    }
}