mirror of
https://github.com/HifiExperiments/overte.git
synced 2025-06-17 15:48:47 +02:00
5047cf338f
HMD: Make the 2 buttons visible without scrolling In HMD, the 2 buttons: - Open This Domain's Asset Server - Import Entities (.json) were not visible without scrolling. people would not even notice their presence This fix adjust the spacing and the margin to have the entities button on 2 rows when the UI is in landscape mode this way the button are visible.
312 lines
11 KiB
QML
312 lines
11 KiB
QML
import QtQuick 2.7
|
|
import QtQuick.Controls 2.2
|
|
import QtWebChannel 1.0
|
|
import controls 1.0
|
|
import hifi.toolbars 1.0
|
|
import QtGraphicalEffects 1.0
|
|
import controlsUit 1.0 as HifiControls
|
|
import stylesUit 1.0
|
|
|
|
TabBar {
|
|
id: editTabView
|
|
width: parent.width
|
|
contentWidth: parent.width
|
|
padding: 0
|
|
spacing: 0
|
|
|
|
readonly property HifiConstants hifi: HifiConstants {}
|
|
|
|
EditTabButton {
|
|
title: "CREATE"
|
|
active: true
|
|
enabled: true
|
|
property string originalUrl: ""
|
|
|
|
property Component visualItem: Component {
|
|
|
|
Rectangle {
|
|
color: "#404040"
|
|
id: container
|
|
|
|
Flickable {
|
|
height: parent.height
|
|
width: parent.width
|
|
clip: true
|
|
|
|
contentHeight: createEntitiesFlow.height + importButton.height + assetServerButton.height +
|
|
header.anchors.topMargin + createEntitiesFlow.anchors.topMargin +
|
|
assetServerButton.anchors.topMargin + importButton.anchors.topMargin +
|
|
header.paintedHeight
|
|
|
|
contentWidth: width
|
|
|
|
ScrollBar.vertical : ScrollBar {
|
|
visible: parent.contentHeight > parent.height
|
|
width: 20
|
|
background: Rectangle {
|
|
color: hifi.colors.tableScrollBackgroundDark
|
|
}
|
|
}
|
|
|
|
Text {
|
|
id: header
|
|
color: "#ffffff"
|
|
text: "Choose an Entity Type to Create:"
|
|
font.pixelSize: 14
|
|
font.bold: true
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 30
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 30
|
|
}
|
|
|
|
Flow {
|
|
id: createEntitiesFlow
|
|
spacing: 20
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 30
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 30
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 70
|
|
|
|
|
|
NewEntityButton {
|
|
icon: "icons/94-model-01.svg"
|
|
text: "MODEL"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newModelButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
|
|
NewEntityButton {
|
|
icon: "icons/21-cube-01.svg"
|
|
text: "SHAPE"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newShapeButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
|
|
NewEntityButton {
|
|
icon: "icons/24-light-01.svg"
|
|
text: "LIGHT"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newLightButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
|
|
NewEntityButton {
|
|
icon: "icons/20-text-01.svg"
|
|
text: "TEXT"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newTextButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
|
|
NewEntityButton {
|
|
icon: "icons/image.svg"
|
|
text: "IMAGE"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newImageButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
|
|
NewEntityButton {
|
|
icon: "icons/25-web-1-01.svg"
|
|
text: "WEB"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newWebButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
|
|
NewEntityButton {
|
|
icon: "icons/23-zone-01.svg"
|
|
text: "ZONE"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newZoneButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
|
|
NewEntityButton {
|
|
icon: "icons/90-particles-01.svg"
|
|
text: "PARTICLE"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newParticleButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
|
|
NewEntityButton {
|
|
icon: "icons/126-material-01.svg"
|
|
text: "MATERIAL"
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "newMaterialButton" }
|
|
});
|
|
editTabView.currentIndex = 2
|
|
}
|
|
}
|
|
}
|
|
|
|
HifiControls.Button {
|
|
id: assetServerButton
|
|
text: "Open This Domain's Asset Server"
|
|
color: hifi.buttons.black
|
|
colorScheme: hifi.colorSchemes.dark
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 30
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 30
|
|
anchors.top: createEntitiesFlow.bottom
|
|
anchors.topMargin: 35
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "openAssetBrowserButton" }
|
|
});
|
|
}
|
|
}
|
|
|
|
HifiControls.Button {
|
|
id: importButton
|
|
text: "Import Entities (.json)"
|
|
color: hifi.buttons.black
|
|
colorScheme: hifi.colorSchemes.dark
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 30
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 30
|
|
anchors.top: assetServerButton.bottom
|
|
anchors.topMargin: 20
|
|
onClicked: {
|
|
editRoot.sendToScript({
|
|
method: "newEntityButtonClicked",
|
|
params: { buttonName: "importEntitiesButton" }
|
|
});
|
|
}
|
|
}
|
|
}
|
|
} // Flickable
|
|
}
|
|
}
|
|
|
|
EditTabButton {
|
|
title: "LIST"
|
|
active: true
|
|
enabled: true
|
|
property string originalUrl: ""
|
|
|
|
property Component visualItem: Component {
|
|
WebView {
|
|
id: entityListToolWebView
|
|
url: Qt.resolvedUrl("../entityList/html/entityList.html")
|
|
enabled: true
|
|
blurOnCtrlShift: false
|
|
}
|
|
}
|
|
}
|
|
|
|
EditTabButton {
|
|
title: "PROPERTIES"
|
|
active: true
|
|
enabled: true
|
|
property string originalUrl: ""
|
|
|
|
property Component visualItem: Component {
|
|
WebView {
|
|
id: entityPropertiesWebView
|
|
url: Qt.resolvedUrl("../entityProperties/html/entityProperties.html")
|
|
enabled: true
|
|
blurOnCtrlShift: false
|
|
}
|
|
}
|
|
}
|
|
|
|
EditTabButton {
|
|
title: "GRID"
|
|
active: true
|
|
enabled: true
|
|
property string originalUrl: ""
|
|
|
|
property Component visualItem: Component {
|
|
WebView {
|
|
id: gridControlsWebView
|
|
url: Qt.resolvedUrl("../../html/gridControls.html")
|
|
enabled: true
|
|
blurOnCtrlShift: false
|
|
}
|
|
}
|
|
}
|
|
|
|
function fromScript(message) {
|
|
switch (message.method) {
|
|
case 'selectTab':
|
|
selectTab(message.params.id);
|
|
break;
|
|
default:
|
|
console.warn('EditTabView.qml: Unrecognized message');
|
|
}
|
|
}
|
|
|
|
// Changes the current tab based on tab index or title as input
|
|
function selectTab(id) {
|
|
if (typeof id === 'number') {
|
|
if (id >= 0 && id <= 4) {
|
|
editTabView.currentIndex = id;
|
|
} else {
|
|
console.warn('Attempt to switch to invalid tab:', id);
|
|
}
|
|
} else if (typeof id === 'string'){
|
|
switch (id.toLowerCase()) {
|
|
case 'create':
|
|
editTabView.currentIndex = 0;
|
|
break;
|
|
case 'list':
|
|
editTabView.currentIndex = 1;
|
|
break;
|
|
case 'properties':
|
|
editTabView.currentIndex = 2;
|
|
break;
|
|
case 'grid':
|
|
editTabView.currentIndex = 3;
|
|
break;
|
|
default:
|
|
console.warn('Attempt to switch to invalid tab:', id);
|
|
}
|
|
} else {
|
|
console.warn('Attempt to switch tabs with invalid input:', JSON.stringify(id));
|
|
}
|
|
}
|
|
}
|