import QtQuick 2.6

Rectangle {
    anchors.fill: parent

    MouseArea {
        width: 50
        height: 50
        onClicked: {
            Qt.openUrlExternally("http://google.com")
        }

        Rectangle {
            anchors.fill: parent
            color: "red"

            Text {
                anchors.centerIn: parent
                text: "http"
            }
        }
    }

    MouseArea {
        x: 50
        width: 50
        height: 50
        onClicked: {
            Qt.openUrlExternally("https://google.com")
        }

        Rectangle {
            anchors.fill: parent
            color: "green"

            Text {
                anchors.centerIn: parent
                text: "https"
            }
        }
    }

    MouseArea {
        x: 100
        width: 50
        height: 50
        onClicked: {
            Qt.openUrlExternally("mailto:support@highfidelity.com")
        }

        Rectangle {
            anchors.fill: parent
            color: "blue"

            Text {
                anchors.centerIn: parent
                text: "mailto"
            }
        }
    }

    MouseArea {
        x: 150
        width: 50
        height: 50
        onClicked: {
            Qt.openUrlExternally("file:///c:/users")
        }

        Rectangle {
            anchors.fill: parent
            color: "purple"

            Text {
                anchors.centerIn: parent
                text: "file"
            }
        }
    }

    MouseArea {
        x: 200
        width: 50
        height: 50
        onClicked: {
            Qt.openUrlExternally("c:/users")
        }

        Rectangle {
            anchors.fill: parent
            color: "yellow"

            Text {
                anchors.centerIn: parent
                text: "c"
            }
        }
    }

    MouseArea {
        x: 250
        width: 50
        height: 50
        onClicked: {
            Qt.openUrlExternally("asdf")
        }

        Rectangle {
            anchors.fill: parent
            color: "pink"

            Text {
                anchors.centerIn: parent
                text: "none"
            }
        }
    }
}