UpdateProfile.qml Example File

    /* Copyright (c) 2012, 2013  BlackBerry Limited.
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
     * You may obtain a copy of the License at
     *
     * http://www.apache.org/licenses/LICENSE-2.0
     *
     * Unless required by applicable law or agreed to in writing, software
     * distributed under the License is distributed on an "AS IS" BASIS,
     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     * See the License for the specific language governing permissions and
     * limitations under the License.
     */

    import bb.cascades 1.0
    import bb.cascades.pickers 1.0

    Page {
        onCreationCompleted: {
            personalMessage.text = _profile.personalMessage
            statusMessage.text = _profile.statusMessage
            isBusy.checked = _profile.busy
        }

        Container {
            layout: DockLayout {}

            ImageView {
                horizontalAlignment: HorizontalAlignment.Fill
                verticalAlignment: VerticalAlignment.Fill

                imageSource: "asset:///images/background_blurred.png"
            }
            Container {
                horizontalAlignment: HorizontalAlignment.Fill
                verticalAlignment: VerticalAlignment.Fill

                topPadding: 20
                leftPadding: 20
                rightPadding: 20

                Label {
                    horizontalAlignment: HorizontalAlignment.Center

                    text: qsTr("Update Profile")
                    textStyle {
                        base: SystemDefaults.TextStyles.BigText
                        color: Color.White
                        fontWeight: FontWeight.Bold
                    }
                }

                Divider {
                }

                TextField {
                    id: personalMessage

                    hintText: qsTr("Type personal message here")
                }

                Button {
                    horizontalAlignment: HorizontalAlignment.Right

                    text: qsTr("Save")

                    onClicked: {
                        _profile.editor.savePersonalMessage(personalMessage.text)
                        navigationPane.pop()
                    }
                }

                TextField {
                    id: statusMessage
                    topMargin: 40

                    hintText: qsTr("Type status message here")
                }

                Container {
                    horizontalAlignment: HorizontalAlignment.Fill
                    layout: DockLayout {
                        //orientation: LayoutOrientation.LeftToRight
                    }
                    Container {
                        horizontalAlignment: HorizontalAlignment.Left
                        layout: StackLayout {
                            orientation: LayoutOrientation.LeftToRight
                        }
                        Label {
                            text: qsTr("Mark as busy")
                            textStyle {
                                color: Color.White
                            }
                        }

                        CheckBox {
                            id: isBusy
                        }
                    }
                    Button {
                        horizontalAlignment: HorizontalAlignment.Right

                        text: qsTr("Save")

                        onClicked: {
                            _profile.editor.saveStatus(isBusy.checked, statusMessage.text)
                            navigationPane.pop()
                        }
                    }
                }


                Button {
                    topMargin: 20
                    horizontalAlignment: HorizontalAlignment.Center

                    text: qsTr("Set Avatar")

                    onClicked: {
                        filePicker.open()
                    }
                }
            }
        }

        attachedObjects: [
            FilePicker {
                id: filePicker

                title: qsTr("Select Image")

                // We will allow the user to pick a file from available shared files.
                // This should only operate in the personal perimeter.
                directories: ["/accounts/1000/shared/"]

                onFileSelected: {
                    _profile.editor.saveDisplayPicture(selectedFiles[0])
                    navigationPane.pop()
                }
            }
        ]
    }