mirror of
https://github.com/JulianGro/overte.git
synced 2025-04-25 20:55:10 +02:00
27bb8a0de7
note: the idea is to make imports like 'import controlsUit 1.0' to work with 'styles-uit'/'controls-uit' it is not possible because of two reasons: 1. import controls-uit 1.0 is invalid syntax 2. qmldir inside controls-uit is 'module controlsUit'
89 lines
2.7 KiB
QML
89 lines
2.7 KiB
QML
//
|
|
// ModalFrame.qml
|
|
//
|
|
// Created by Bradley Austin Davis on 15 Jan 2016
|
|
// Copyright 2015 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 "."
|
|
import controlsUit 1.0
|
|
import stylesUit 1.0
|
|
|
|
|
|
Rectangle {
|
|
HifiConstants { id: hifi }
|
|
|
|
id: frameContent
|
|
|
|
readonly property bool hasTitle: root.title != ""
|
|
|
|
readonly property int frameMarginLeft: hifi.dimensions.modalDialogMargin.x
|
|
readonly property int frameMarginRight: hifi.dimensions.modalDialogMargin.x
|
|
readonly property int frameMarginTop: hifi.dimensions.modalDialogMargin.y + (frameContent.hasTitle ? hifi.dimensions.modalDialogTitleHeight + 10 : 0)
|
|
readonly property int frameMarginBottom: hifi.dimensions.modalDialogMargin.y
|
|
|
|
border {
|
|
width: hifi.dimensions.borderWidth
|
|
color: hifi.colors.lightGrayText80
|
|
}
|
|
|
|
radius: hifi.dimensions.borderRadius
|
|
color: hifi.colors.faintGray
|
|
Item {
|
|
id: frameTitle
|
|
visible: frameContent.hasTitle
|
|
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
verticalCenter: parent.verticalCenter
|
|
fill: parent
|
|
topMargin: frameMarginTop
|
|
leftMargin: frameMarginLeft
|
|
rightMargin: frameMarginRight
|
|
//bottomMargin: frameMarginBottom
|
|
}
|
|
|
|
Item {
|
|
width: title.width + (icon.text !== "" ? icon.width + hifi.dimensions.contentSpacing.x : 20)
|
|
|
|
onWidthChanged: root.titleWidth = width
|
|
|
|
HiFiGlyphs {
|
|
id: icon
|
|
text: root.iconText ? root.iconText : ""
|
|
size: root.iconSize ? root.iconSize : 30
|
|
color: hifi.colors.lightGray
|
|
visible: true
|
|
anchors.verticalCenter: title.verticalCenter
|
|
anchors.leftMargin: 50
|
|
anchors.left: parent.left
|
|
}
|
|
|
|
RalewayRegular {
|
|
id: title
|
|
text: root.title
|
|
elide: Text.ElideRight
|
|
color: hifi.colors.baseGrayHighlight
|
|
size: hifi.fontSizes.overlayTitle
|
|
y: -hifi.dimensions.modalDialogTitleHeight
|
|
anchors.rightMargin: -50
|
|
anchors.right: parent.right
|
|
//anchors.horizontalCenter: parent.horizontalCenter
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
height: 1
|
|
color: hifi.colors.lightGray
|
|
}
|
|
|
|
}
|
|
|
|
}
|