mirror of
https://github.com/overte-org/overte.git
synced 2025-04-28 02:35:53 +02:00
118 lines
4 KiB
QML
118 lines
4 KiB
QML
//
|
|
// LetterboxMessage.qml
|
|
// qml/hifi
|
|
//
|
|
// Created by Zach Fox and Howard Stearns on 1/5/2017
|
|
// Copyright 2017 High Fidelity, Inc.
|
|
//
|
|
// Distributed under the Apache License, Version 2.0.
|
|
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
|
//
|
|
|
|
import QtQuick 2.5
|
|
import QtQuick.Controls 1.4
|
|
import "../styles-uit"
|
|
|
|
Item {
|
|
property alias text: popupText.text
|
|
property alias headerGlyph: headerGlyph.text
|
|
property alias headerText: headerText.text
|
|
property real popupRadius: hifi.dimensions.borderRadius
|
|
property real headerTextPixelSize: 22
|
|
property real popupTextPixelSize: 16
|
|
FontLoader { id: ralewayRegular; source: "../../fonts/Raleway-Regular.ttf"; }
|
|
FontLoader { id: ralewaySemiBold; source: "../../fonts/Raleway-SemiBold.ttf"; }
|
|
visible: false
|
|
id: letterbox
|
|
anchors.fill: parent
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: "black"
|
|
opacity: 0.5
|
|
radius: popupRadius
|
|
}
|
|
Rectangle {
|
|
width: Math.max(parent.width * 0.75, 400)
|
|
height: contentContainer.height + 50
|
|
anchors.centerIn: parent
|
|
radius: popupRadius
|
|
color: "white"
|
|
Item {
|
|
id: contentContainer
|
|
width: parent.width - 60
|
|
height: childrenRect.height
|
|
anchors.centerIn: parent
|
|
Item {
|
|
id: popupHeaderContainer
|
|
visible: headerText.text !== "" || headerGlyph.text !== ""
|
|
height: 30
|
|
// Anchors
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
// Header Glyph
|
|
HiFiGlyphs {
|
|
id: headerGlyph
|
|
visible: headerGlyph.text !== ""
|
|
// Size
|
|
height: parent.height
|
|
// Anchors
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: -15
|
|
// Text Size
|
|
size: headerTextPixelSize*2.5
|
|
// Style
|
|
horizontalAlignment: Text.AlignHLeft
|
|
verticalAlignment: Text.AlignVCenter
|
|
color: hifi.colors.darkGray
|
|
}
|
|
// Header Text
|
|
Text {
|
|
id: headerText
|
|
visible: headerText.text !== ""
|
|
// Size
|
|
height: parent.height
|
|
// Anchors
|
|
anchors.left: headerGlyph.right
|
|
anchors.leftMargin: -5
|
|
// Text Size
|
|
font.pixelSize: headerTextPixelSize
|
|
// Style
|
|
font.family: ralewaySemiBold.name
|
|
color: hifi.colors.darkGray
|
|
horizontalAlignment: Text.AlignHLeft
|
|
verticalAlignment: Text.AlignVCenter
|
|
wrapMode: Text.WordWrap
|
|
textFormat: Text.StyledText
|
|
}
|
|
}
|
|
// Popup Text
|
|
Text {
|
|
id: popupText
|
|
// Size
|
|
width: parent.width
|
|
// Anchors
|
|
anchors.top: popupHeaderContainer.visible ? popupHeaderContainer.bottom : parent.top
|
|
anchors.topMargin: popupHeaderContainer.visible ? 15 : 0
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
// Text alignment
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignHLeft
|
|
// Style
|
|
font.pixelSize: popupTextPixelSize
|
|
font.family: ralewayRegular.name
|
|
color: hifi.colors.darkGray
|
|
wrapMode: Text.WordWrap
|
|
textFormat: Text.StyledText
|
|
}
|
|
}
|
|
}
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.LeftButton
|
|
onClicked: {
|
|
letterbox.visible = false
|
|
}
|
|
}
|
|
}
|