examples/QtQuick/qml_crypto_openssl/qml/qml_crypto_openssl/main.qml

import QtQuick 1.0
import com.nokia.symbian 1.0

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

        PageHeading{
            id: heading
            width: parent.width
            text: qsTr("CryptographyEx")
        }

        Column{
            id: inputItems
            width:  parent.width
            anchors.top: heading.bottom
            // Input the text, which should be encrypted.
            Text{
                id: inputTextLabel
                width: parent.width
                text: "Input text :"
                font.pointSize: 8
                color: "white"
            }

            TextArea{
                id: inputText
                width: parent.width
                height: 90
                wrapMode: Text.Wrap
                font.pointSize: 7
            }


            // Password, given by user to encrypt.
            Text{
                id: passwordLabel
                width: parent.width
                text: "Password:"
                color: "white"
                font.pointSize: 8
            }

            TextArea{
                id: password
                width: parent.width
                wrapMode: Text.Wrap
                font.pointSize: 7
            }
        }

        Column{
            width: parent.width
            anchors.top: inputItems.bottom
            anchors.topMargin: 30
            spacing: 5
            // This option, will encrypt the input text.
            Button{
                id: encryptOption
                width: parent.width
                text: "Encrypt the text"
                onClicked:{
                    mycrypto.encryptData(inputText.text, password.text);
                }
            }

            // Encrypted text is displayed here.
            TextArea{
                id: encryptText
                width: parent.width
                height: 90
                readOnly: true
                wrapMode: Text.Wrap
                text: "Cypher text displayed here..."
                font.pointSize: 5
            }

            // This option, will decrypt the encrypted data.
            Button{
                id: decryptOption
                width: parent.width
                text: "Decrypt the text"
                onClicked:{
                    mycrypto.decryptData(encryptText.text, password.text);
                }
            }

            // Decrypted text is displayed here.
            TextArea{
                id: decryptText
                width: parent.width
                height: 90
                readOnly: true
                wrapMode: Text.Wrap
                text: "Plain text displayed here..."
                font.pointSize: 5
            }

        }
    }

    Component.onCompleted: pageStack.push(page)

    // Displays the encrypted and decrypted text.
    Connections{
        target: mycrypto
        onEncryptedData:{
                encryptText.text = output;
        }
        onDecryptedData:{
                decryptText.text = output;

        }
    }
}

---