overte-HifiExperiments/interface/resources/qml/UpdateDialog.qml

import Hifi 1.0
import QtQuick 2.3
import QtQuick.Controls 1.3
import QtQuick.Controls.Styles 1.3
import QtGraphicalEffects 1.0
import "controls"
import "styles"

DialogContainer {
    id: root
    HifiConstants { id: hifi }

    objectName: "UpdateDialog"

    implicitWidth: updateDialog.implicitWidth
    implicitHeight: updateDialog.implicitHeight

    x: parent ? parent.width / 2 - width / 2 : 0
    y: parent ? parent.height / 2 - height / 2 : 0
    
    UpdateDialog {
        id: updateDialog
        
        implicitWidth: backgroundRectangle.width
        implicitHeight: backgroundRectangle.height
        
        readonly property int inputWidth: 500
        readonly property int inputHeight: 60
        readonly property int borderWidth: 30
        readonly property int closeMargin: 16
        readonly property int inputSpacing: 16
        readonly property int buttonWidth: 150
        readonly property int buttonHeight: 50
        readonly property int buttonRadius: 15
        
        signal triggerBuildDownload
        signal closeUpdateDialog
        
        Rectangle {
            id: backgroundRectangle
            color: "#2c86b1"
            opacity: 0.85
            radius: updateDialog.closeMargin * 2

            width: updateDialog.inputWidth + updateDialog.borderWidth * 2
            height: updateDialog.inputHeight * 6 + updateDialog.closeMargin * 2
        }

        Column {
            id: mainContent
            width: updateDialog.inputWidth
            spacing: updateDialog.inputSpacing
            anchors {
                horizontalCenter: parent.horizontalCenter
                verticalCenter: parent.verticalCenter
            }
            
            Rectangle {
                id: dialogTitle
                width: updateDialog.inputWidth
                height: updateDialog.inputHeight
                radius: height / 2
                color: "#ebebeb"

                Text {
                    id: updateAvailableText
                    text: "Update Available"
                    anchors {
                        verticalCenter: parent.verticalCenter
                        left: parent.left
                        leftMargin: updateDialog.inputSpacing
                    }
                }

                Text {
                    text: updateDialog.updateAvailableDetails
                    font.pixelSize: 14
                    color: hifi.colors.text
                    anchors {
                        verticalCenter: parent.verticalCenter
                        left: updateAvailableText.right
                        leftMargin: 13
                    }
                }
            }

            ScrollView {
                id: scrollArea
                width: updateDialog.inputWidth
                height: backgroundRectangle.height - (dialogTitle.height * 2.5) - updateDialog.closeMargin
                horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff
                verticalScrollBarPolicy: Qt.ScrollBarAsNeeded

                Text {
                    id: releaseNotes
                    wrapMode: Text.Wrap
                    width: parent.width - updateDialog.closeMargin
                    text: updateDialog.releaseNotes
                    font.pixelSize: 14
                    color: "#000000"
                }
            }

            Row {
                anchors.right: parent.right
                spacing: updateDialog.inputSpacing

                Rectangle {
                    id: cancelButton
                    width: updateDialog.buttonWidth
                    height: updateDialog.buttonHeight
                    radius: updateDialog.buttonRadius
                    color: "red"

                    Text {
                        text: "Cancel"
                        anchors {
                            verticalCenter: parent.verticalCenter
                            horizontalCenter: parent.horizontalCenter
                        }
                    }

                    MouseArea {
                        id: cancelButtonAction
                        anchors.fill: parent
                        onClicked: updateDialog.closeDialog()
                        cursorShape: "PointingHandCursor"
                    }
                }

                Rectangle {
                    id: downloadButton
                    width: updateDialog.buttonWidth
                    height: updateDialog.buttonHeight
                    radius: updateDialog.buttonRadius
                    color: "green"

                    Text {
                        text: "Upgrade"
                        anchors {
                            verticalCenter: parent.verticalCenter
                            horizontalCenter: parent.horizontalCenter
                        }
                    }

                    MouseArea {
                        id: downloadButtonAction
                        anchors.fill: parent
                        onClicked: updateDialog.triggerUpgrade()
                        cursorShape: "PointingHandCursor"
                    }
                }
            }
        }
    }
}