examples/QtQuick/callinfo/qml/callinfo/main.qml

import QtQuick 1.0
import com.nokia.symbian 1.0

// Main window of the example.
ApplicationWindow {
    id:mainwindow

    ToolBarLayout {
        id: commonTools
        ToolButton {
            flat: true
            iconSource: "toolbar_back.svg"
            onClicked: Qt.quit()
        }
        ToolButton {
            flat: true
            iconSource: "toolbar_options.svg"
        }
    }

    Page{
        id: page
        tools: commonTools
        anchors.fill: parent

        // Call status and Call info windows are added in a row.
        Row{
            width: parent.width
            height: parent.height
            Rectangle{
                width: parent.width/2
                height: parent.height
                color: "black"

                // Label for call status.
                Text{
                    width: 200
                    height: 50
                    text: "Call Status"
                    color: "white"
                }

                // List view to update the call status information.
                ListView {
                    id: callStatusView
                    width: parent.width
                    height: parent.height
                    y:50
                    model: callStatusModel
                    delegate: Text { text: callStatus; color: "white" }
                    ListModel { id: callStatusModel }
                }
            }

            Rectangle{
                width: parent.width/2
                height: parent.height
                color: "black"

                // Label for call info.
                Text{
                    width: 200
                    height: 50
                    text: "Call Info"
                    color: "white"
                }

                // List view to update the call information.
                ListView {
                    id: callInfoView
                    width: parent.width
                    height: parent.height
                    y:50
                    model: callInfoModel
                    delegate: Text { text: callInfo; color: "white" }
                    ListModel { id: callInfoModel }
                }
            }
        }

    }

    Component.onCompleted: pageStack.push(page)
    // On receiving connections from callinfo object.
    Connections {
        target: callinfo
        onUpdateCallStatus: {
            callStatusModel.append({'callStatus': info})
        }
        onUpdateCallInfo: {
            callInfoModel.append({'callInfo': info})
        }
    }
}

---