examples/QtQuick/statusnotificationqmlexample/qml/statusnotificationqmlexample/main.qml

/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation
**
**
** $QT_BEGIN_LICENSE:BSD$
** You may use this file under the terms of the BSD license as follows:
**
** "Redistribution and use in source and binary forms, with or without
** modification, are permitted provided that the following conditions are
** met:
**   * Redistributions of source code must retain the above copyright
**     notice, this list of conditions and the following disclaimer.
**   * Redistributions in binary form must reproduce the above copyright
**     notice, this list of conditions and the following disclaimer in
**     the documentation and/or other materials provided with the
**     distribution.
**   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
**     the names of its contributors may be used to endorse or promote
**     products derived from this software without specific prior written
**     permission.
**
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
** $QT_END_LICENSE$
** Description:
****************************************************************************/
import QtQuick 1.1
import com.nokia.symbian.StatusNotification 1.0
import com.nokia.symbian 1.1


PageStackWindow {
    id: window
        showStatusBar: true
    function setStateIfFound(target, name) {
        for (var i = 0; i < target.states.length; i++) {
            var curState = target.states[i];
            if(curState.name == name) {
                target.state = name
                break
            }
        }
    }
    
    //tool bar for exiting the application
    ToolBarLayout {
        id: commonTools
        ToolButton {
            flat: true
            iconSource: "qtg_toolbar_back.svg"
            onClicked: pageStack.depth <= 1 ? Qt.quit() : pageStack.pop()
        }

    }

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

        Component.onCompleted: {
            if(screen.currentOrientation == Screen.Portrait) {
                setStateIfFound(page, "PortraitState")
            } else if(screen.currentOrientation == Screen.Landscape) {
                setStateIfFound(page, "LandscapeState")
            }
        }

        //Image that contains the display image
        Image {
            id: imagePoster
            y: parent.topLeft
            x: parent.topLeft
            height: parent.height
            width:  parent.width
            source: "water.jpg"
            }
            
        //Printing the heading
        Rectangle {
            id: heading
            anchors.right: parent.right
            anchors.left: parent.left
            anchors.top: parent.top
            width: parent.width
            height: 40
            anchors.margins: 0
            gradient: Gradient {
                GradientStop { position: 0.0; color: "#B5B5B5" }
                GradientStop { position: 1.0; color: "#4F4F4F" }
            }

            Text {
                id: txtHead
                anchors.left: parent.left
                text: "Status Notification"
                font.italic: true
                color: "white"
                font.pointSize: 11
            }
        }
        
        // Status notification element
        StatusNotification {
            id: statusnotification
            title: ""
            description: ""
            onSelected: {
                statustext.text = "Notification selected and removed"
            }
        }
        
        //text element to input title
        TextField {
            id: titleTextInput
            text: "Title"
            anchors.top: parent.top
            anchors.topMargin: 59
            anchors.left: parent.left
            anchors.leftMargin: 22
            anchors.right: parent.right
            anchors.rightMargin: 62
        }
        
        //text element to input Description
        TextField {
            id: descriptionTextInput
            text: "Description"
            anchors.top: titleTextInput.bottom
            anchors.topMargin: 12
            anchors.left: parent.left
            anchors.leftMargin: 22
            anchors.right: parent.right
            anchors.rightMargin: 62
        }
        
        //Button to show notification
        Button {
            id: addNotification1Button
            text: qsTrId("Show notification")
            width: 289
            height: 50
            anchors.left: parent.left
            anchors.leftMargin: 22
            anchors.right: parent.right
            anchors.rightMargin: 56
            anchors.top: descriptionTextInput.bottom
            anchors.topMargin: 41
            property bool iconToggle : true
            onClicked: {
                statusnotification.title = titleTextInput.text
                statusnotification.description = descriptionTextInput.text
                statusnotification.icon = iconToggle ? "pics/icon1.svg" : "pics/icon1_2.svg";

                if (statusnotification.visible == false)
                    statustext.text = iconToggle ? "Notification added (icon 1)" : "Notification added (icon 2)";
                else
                    statustext.text = iconToggle ? "Notification modified (icon 1)" : "Notification modified (icon 2)";

                statusnotification.visible = true;
                iconToggle = !iconToggle;

            }
        }
        
        //Button to remove notification
        Button {
            id: removeNotification1Button

            text: qsTrId("Hide notification")
            height: 52
            anchors.top: addNotification1Button.bottom
            anchors.topMargin: 21
            anchors.left: parent.left
            anchors.leftMargin: 22
            anchors.right: parent.right
            anchors.rightMargin: 56
            onClicked: {
                statusnotification.visible = false;
                statustext.text = "Notification removed"

            }
        }
        
        //Check box to turn on and off the notification
        CheckBox {
            id: checkbox
            anchors.left: parent.left
            anchors.leftMargin: 22
            text: qsTrId("Autohide off")
            anchors.right: parent.right
            anchors.rightMargin: 62
            anchors.top: removeNotification1Button.bottom
            anchors.topMargin: 30

            onClicked: {

                statusnotification.autoHide = checkbox.checked
                if (checkbox.checked ) {
                    statustext.text = "AutoHide enable"
                    checkbox.text = "AutoHide on"
                }
                else {
                    statustext.text = "AutoHide disabled"
                    checkbox.text = "Autohide off"
                }
            }
        }
        
        //Text element to display the status of notification
        Text {
            id: statustext
            text: ""
            font.family: "Nokia Sans"
            font.pointSize: 7
            color: "white"
            anchors.top: checkbox.bottom
            anchors.topMargin: 41
            anchors.left: parent.left
            anchors.leftMargin: 5
        }
    }
    Component.onCompleted: pageStack.push(page)
}

---