mirror of
https://github.com/overte-org/overte.git
synced 2025-08-09 03:58:07 +02:00
Fix status glyphs
This commit is contained in:
parent
9b857eb53b
commit
28402be37c
2 changed files with 131 additions and 100 deletions
|
@ -10,6 +10,7 @@
|
||||||
|
|
||||||
import QtQuick 2.5
|
import QtQuick 2.5
|
||||||
import QtQuick.Controls 1.4
|
import QtQuick.Controls 1.4
|
||||||
|
import QtQuick.Controls.Styles 1.4
|
||||||
import QtQuick.Dialogs 1.2 as OriginalDialogs
|
import QtQuick.Dialogs 1.2 as OriginalDialogs
|
||||||
import Qt.labs.settings 1.0
|
import Qt.labs.settings 1.0
|
||||||
|
|
||||||
|
@ -527,7 +528,6 @@ ScrollingWindow {
|
||||||
headerVisible: true
|
headerVisible: true
|
||||||
sortIndicatorVisible: true
|
sortIndicatorVisible: true
|
||||||
|
|
||||||
canEdit: true
|
|
||||||
colorScheme: root.colorScheme
|
colorScheme: root.colorScheme
|
||||||
|
|
||||||
modifyEl: renameEl
|
modifyEl: renameEl
|
||||||
|
@ -542,8 +542,130 @@ ScrollingWindow {
|
||||||
id: bakedColumn
|
id: bakedColumn
|
||||||
title: "Use Baked?"
|
title: "Use Baked?"
|
||||||
role: "baked"
|
role: "baked"
|
||||||
width: 140
|
width: 100
|
||||||
}
|
}
|
||||||
|
|
||||||
|
itemDelegate: Loader {
|
||||||
|
id: itemDelegateLoader
|
||||||
|
|
||||||
|
anchors {
|
||||||
|
left: parent ? parent.left : undefined
|
||||||
|
leftMargin: (styleData.column === 0 ? (2 + styleData.depth) : 1) * hifi.dimensions.tablePadding
|
||||||
|
right: parent ? parent.right : undefined
|
||||||
|
rightMargin: hifi.dimensions.tablePadding
|
||||||
|
verticalCenter: parent ? parent.verticalCenter : undefined
|
||||||
|
}
|
||||||
|
|
||||||
|
function convertToGlyph(text) {
|
||||||
|
switch (text) {
|
||||||
|
case "Not Baked":
|
||||||
|
return hifi.glyphs.circleSlash;
|
||||||
|
case "Baked":
|
||||||
|
return hifi.glyphs.placemark;
|
||||||
|
case "Error":
|
||||||
|
return hifi.glyphs.alert;
|
||||||
|
default:
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getComponent() {
|
||||||
|
if ((styleData.column === 0) && styleData.selected) {
|
||||||
|
return textFieldComponent;
|
||||||
|
} else if (convertToGlyph(styleData.value) != "") {
|
||||||
|
return glyphComponent;
|
||||||
|
} else {
|
||||||
|
return labelComponent;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
sourceComponent: getComponent()
|
||||||
|
|
||||||
|
Component {
|
||||||
|
id: labelComponent
|
||||||
|
FiraSansSemiBold {
|
||||||
|
text: styleData.value
|
||||||
|
size: hifi.fontSizes.tableText
|
||||||
|
color: colorScheme == hifi.colorSchemes.light
|
||||||
|
? (styleData.selected ? hifi.colors.black : hifi.colors.baseGrayHighlight)
|
||||||
|
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
||||||
|
|
||||||
|
elide: Text.ElideRight
|
||||||
|
horizontalAlignment: styleData.column === 1 ? TextInput.AlignHCenter : TextInput.AlignLeft
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Component {
|
||||||
|
id: glyphComponent
|
||||||
|
|
||||||
|
HiFiGlyphs {
|
||||||
|
text: convertToGlyph(styleData.value)
|
||||||
|
size: hifi.dimensions.frameIconSize
|
||||||
|
color: colorScheme == hifi.colorSchemes.light
|
||||||
|
? (styleData.selected ? hifi.colors.black : hifi.colors.baseGrayHighlight)
|
||||||
|
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
||||||
|
|
||||||
|
elide: Text.ElideRight
|
||||||
|
horizontalAlignment: TextInput.AlignHCenter
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Component {
|
||||||
|
id: textFieldComponent
|
||||||
|
|
||||||
|
TextField {
|
||||||
|
id: textField
|
||||||
|
readOnly: !activeFocus
|
||||||
|
|
||||||
|
text: styleData.value
|
||||||
|
|
||||||
|
FontLoader { id: firaSansSemiBold; source: "../../fonts/FiraSans-SemiBold.ttf"; }
|
||||||
|
font.family: firaSansSemiBold.name
|
||||||
|
font.pixelSize: hifi.fontSizes.textFieldInput
|
||||||
|
height: hifi.dimensions.tableRowHeight
|
||||||
|
|
||||||
|
style: TextFieldStyle {
|
||||||
|
textColor: readOnly
|
||||||
|
? hifi.colors.black
|
||||||
|
: (treeView.isLightColorScheme ? hifi.colors.black : hifi.colors.white)
|
||||||
|
background: Rectangle {
|
||||||
|
visible: !readOnly
|
||||||
|
color: treeView.isLightColorScheme ? hifi.colors.white : hifi.colors.black
|
||||||
|
border.color: hifi.colors.primaryHighlight
|
||||||
|
border.width: 1
|
||||||
|
}
|
||||||
|
selectedTextColor: hifi.colors.black
|
||||||
|
selectionColor: hifi.colors.primaryHighlight
|
||||||
|
padding.left: readOnly ? 0 : hifi.dimensions.textPadding
|
||||||
|
padding.right: readOnly ? 0 : hifi.dimensions.textPadding
|
||||||
|
}
|
||||||
|
|
||||||
|
validator: RegExpValidator {
|
||||||
|
regExp: /[^/]+/
|
||||||
|
}
|
||||||
|
|
||||||
|
Keys.onPressed: {
|
||||||
|
if (event.key == Qt.Key_Escape) {
|
||||||
|
text = styleData.value;
|
||||||
|
unfocusHelper.forceActiveFocus();
|
||||||
|
event.accepted = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onAccepted: {
|
||||||
|
if (acceptableInput && styleData.selected) {
|
||||||
|
if (!modifyEl(selection.currentIndex, text)) {
|
||||||
|
text = styleData.value;
|
||||||
|
}
|
||||||
|
unfocusHelper.forceActiveFocus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onReadOnlyChanged: {
|
||||||
|
// Have to explicily set keyboardRaised because automatic setting fails because readOnly is true at the time.
|
||||||
|
keyboardRaised = activeFocus;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
propagateComposedEvents: true
|
propagateComposedEvents: true
|
||||||
|
|
|
@ -19,7 +19,6 @@ TreeView {
|
||||||
id: treeView
|
id: treeView
|
||||||
|
|
||||||
property var treeModel: ListModel { }
|
property var treeModel: ListModel { }
|
||||||
property var canEdit: false
|
|
||||||
property bool centerHeaderText: false
|
property bool centerHeaderText: false
|
||||||
property int colorScheme: hifi.colorSchemes.light
|
property int colorScheme: hifi.colorSchemes.light
|
||||||
readonly property bool isLightColorScheme: colorScheme == hifi.colorSchemes.light
|
readonly property bool isLightColorScheme: colorScheme == hifi.colorSchemes.light
|
||||||
|
@ -198,9 +197,7 @@ TreeView {
|
||||||
: (styleData.alternate ? hifi.colors.tableRowDarkEven : hifi.colors.tableRowDarkOdd)
|
: (styleData.alternate ? hifi.colors.tableRowDarkEven : hifi.colors.tableRowDarkOdd)
|
||||||
}
|
}
|
||||||
|
|
||||||
itemDelegate: Loader {
|
itemDelegate: FiraSansSemiBold {
|
||||||
id: itemDelegateLoader
|
|
||||||
|
|
||||||
anchors {
|
anchors {
|
||||||
left: parent ? parent.left : undefined
|
left: parent ? parent.left : undefined
|
||||||
leftMargin: (2 + styleData.depth) * hifi.dimensions.tablePadding
|
leftMargin: (2 + styleData.depth) * hifi.dimensions.tablePadding
|
||||||
|
@ -209,101 +206,13 @@ TreeView {
|
||||||
verticalCenter: parent ? parent.verticalCenter : undefined
|
verticalCenter: parent ? parent.verticalCenter : undefined
|
||||||
}
|
}
|
||||||
|
|
||||||
function getComponent() {
|
text: styleData.value
|
||||||
if (treeView.canEdit && styleData.selected) {
|
size: hifi.fontSizes.tableText
|
||||||
return textFieldComponent;
|
color: colorScheme == hifi.colorSchemes.light
|
||||||
} else {
|
? (styleData.selected ? hifi.colors.black : hifi.colors.baseGrayHighlight)
|
||||||
if (styleData.value.startsWith("HifiGlyphs#")) {
|
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
||||||
return glyphComponent;
|
|
||||||
} else {
|
|
||||||
return labelComponent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
sourceComponent: getComponent()
|
|
||||||
|
|
||||||
Component {
|
|
||||||
id: labelComponent
|
|
||||||
FiraSansSemiBold {
|
|
||||||
|
|
||||||
text: styleData.value
|
|
||||||
size: hifi.fontSizes.tableText
|
|
||||||
color: colorScheme == hifi.colorSchemes.light
|
|
||||||
? (styleData.selected ? hifi.colors.black : hifi.colors.baseGrayHighlight)
|
|
||||||
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
|
||||||
|
|
||||||
elide: Text.ElideRight
|
elide: Text.ElideRight
|
||||||
}
|
|
||||||
}
|
|
||||||
Component {
|
|
||||||
id: glyphComponent
|
|
||||||
HiFiGlyphs {
|
|
||||||
text: styleData.value.replace("HifiGlyphs#", "")
|
|
||||||
size: hifi.fontSizes.tableText
|
|
||||||
color: colorScheme == hifi.colorSchemes.light
|
|
||||||
? (styleData.selected ? hifi.colors.black : hifi.colors.baseGrayHighlight)
|
|
||||||
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
|
||||||
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Component {
|
|
||||||
id: textFieldComponent
|
|
||||||
|
|
||||||
TextField {
|
|
||||||
id: textField
|
|
||||||
readOnly: !activeFocus
|
|
||||||
|
|
||||||
text: styleData.value
|
|
||||||
|
|
||||||
FontLoader { id: firaSansSemiBold; source: "../../fonts/FiraSans-SemiBold.ttf"; }
|
|
||||||
font.family: firaSansSemiBold.name
|
|
||||||
font.pixelSize: hifi.fontSizes.textFieldInput
|
|
||||||
height: hifi.dimensions.tableRowHeight
|
|
||||||
|
|
||||||
style: TextFieldStyle {
|
|
||||||
textColor: readOnly
|
|
||||||
? hifi.colors.black
|
|
||||||
: (treeView.isLightColorScheme ? hifi.colors.black : hifi.colors.white)
|
|
||||||
background: Rectangle {
|
|
||||||
visible: !readOnly
|
|
||||||
color: treeView.isLightColorScheme ? hifi.colors.white : hifi.colors.black
|
|
||||||
border.color: hifi.colors.primaryHighlight
|
|
||||||
border.width: 1
|
|
||||||
}
|
|
||||||
selectedTextColor: hifi.colors.black
|
|
||||||
selectionColor: hifi.colors.primaryHighlight
|
|
||||||
padding.left: readOnly ? 0 : hifi.dimensions.textPadding
|
|
||||||
padding.right: readOnly ? 0 : hifi.dimensions.textPadding
|
|
||||||
}
|
|
||||||
|
|
||||||
validator: RegExpValidator {
|
|
||||||
regExp: /[^/]+/
|
|
||||||
}
|
|
||||||
|
|
||||||
Keys.onPressed: {
|
|
||||||
if (event.key == Qt.Key_Escape) {
|
|
||||||
text = styleData.value;
|
|
||||||
unfocusHelper.forceActiveFocus();
|
|
||||||
event.accepted = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
onAccepted: {
|
|
||||||
if (acceptableInput && styleData.selected) {
|
|
||||||
if (!modifyEl(selection.currentIndex, text)) {
|
|
||||||
text = styleData.value;
|
|
||||||
}
|
|
||||||
unfocusHelper.forceActiveFocus();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onReadOnlyChanged: {
|
|
||||||
// Have to explicily set keyboardRaised because automatic setting fails because readOnly is true at the time.
|
|
||||||
keyboardRaised = activeFocus;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Item {
|
Item {
|
||||||
|
|
Loading…
Reference in a new issue