mirror of
https://github.com/HifiExperiments/overte.git
synced 2025-08-09 05:37:26 +02:00
Tablet Running Scripts dialog fixes
* The "Currrently Running" section is now visible by default, this includes the "Reload All" and "Remove All" buttons * The entire dialog is flickable/scrollable. We need to do this because the entire dialog is too tall to fit on the tablet. * The keyboard now appears when the filter edit text has focus. The content is scrolled in such away that the focus edit field, and the tree view are above the keyboard.
This commit is contained in:
Anthony J. Thibault
parent
08ee2fd43f
commit
3a788d31de
2 changed files with 273 additions and 238 deletions
|
|
@ -79,266 +79,297 @@ Rectangle {
|
||||||
scripts.stopAllScripts();
|
scripts.stopAllScripts();
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
Flickable {
|
||||||
|
id: flickable
|
||||||
width: parent.width
|
width: parent.width
|
||||||
HifiControls.TabletContentSection {
|
height: parent.height - (keyboard.raised ? keyboard.raisedHeight : 0)
|
||||||
name: "Currently Running"
|
contentWidth: parent.width
|
||||||
isFirst: true
|
contentHeight: column.childrenRect.height
|
||||||
|
clip: true
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {}
|
Column {
|
||||||
|
id: column
|
||||||
|
width: parent.width
|
||||||
|
HifiControls.TabletContentSection {
|
||||||
|
id: firstSection
|
||||||
|
name: "Currently Running"
|
||||||
|
isFirst: true
|
||||||
|
|
||||||
Row {
|
HifiControls.VerticalSpacer {}
|
||||||
spacing: hifi.dimensions.contentSpacing.x
|
|
||||||
|
|
||||||
HifiControls.Button {
|
Row {
|
||||||
text: "Reload All"
|
spacing: hifi.dimensions.contentSpacing.x
|
||||||
color: hifi.buttons.black
|
|
||||||
onClicked: reloadAll()
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.Button {
|
HifiControls.Button {
|
||||||
text: "Remove All"
|
text: "Reload All"
|
||||||
color: hifi.buttons.red
|
color: hifi.buttons.black
|
||||||
onClicked: stopAll()
|
onClicked: reloadAll()
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {
|
|
||||||
height: hifi.dimensions.controlInterlineHeight + 2 // Add space for border
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.Table {
|
|
||||||
model: runningScriptsModel
|
|
||||||
id: table
|
|
||||||
height: 185
|
|
||||||
colorScheme: hifi.colorSchemes.dark
|
|
||||||
anchors.left: parent.left
|
|
||||||
anchors.right: parent.right
|
|
||||||
expandSelectedRow: true
|
|
||||||
|
|
||||||
itemDelegate: Item {
|
|
||||||
anchors {
|
|
||||||
left: parent ? parent.left : undefined
|
|
||||||
leftMargin: hifi.dimensions.tablePadding
|
|
||||||
right: parent ? parent.right : undefined
|
|
||||||
rightMargin: hifi.dimensions.tablePadding
|
|
||||||
}
|
}
|
||||||
|
|
||||||
FiraSansSemiBold {
|
HifiControls.Button {
|
||||||
id: textItem
|
text: "Remove All"
|
||||||
text: styleData.value
|
color: hifi.buttons.red
|
||||||
size: hifi.fontSizes.tableText
|
onClicked: stopAll()
|
||||||
color: table.colorScheme == hifi.colorSchemes.light
|
}
|
||||||
? (styleData.selected ? hifi.colors.black : hifi.colors.baseGrayHighlight)
|
}
|
||||||
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
|
||||||
|
HifiControls.VerticalSpacer {
|
||||||
|
height: hifi.dimensions.controlInterlineHeight + 2 // Add space for border
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.Table {
|
||||||
|
model: runningScriptsModel
|
||||||
|
id: table
|
||||||
|
height: 185
|
||||||
|
colorScheme: hifi.colorSchemes.dark
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
expandSelectedRow: true
|
||||||
|
|
||||||
|
itemDelegate: Item {
|
||||||
anchors {
|
anchors {
|
||||||
left: parent.left
|
left: parent ? parent.left : undefined
|
||||||
right: parent.right
|
leftMargin: hifi.dimensions.tablePadding
|
||||||
top: parent.top
|
right: parent ? parent.right : undefined
|
||||||
topMargin: 3
|
rightMargin: hifi.dimensions.tablePadding
|
||||||
}
|
}
|
||||||
|
|
||||||
HiFiGlyphs {
|
FiraSansSemiBold {
|
||||||
id: reloadButton
|
id: textItem
|
||||||
text: hifi.glyphs.reloadSmall
|
text: styleData.value
|
||||||
color: reloadButtonArea.pressed ? hifi.colors.white : parent.color
|
size: hifi.fontSizes.tableText
|
||||||
|
color: table.colorScheme == hifi.colorSchemes.light
|
||||||
|
? (styleData.selected ? hifi.colors.black : hifi.colors.baseGrayHighlight)
|
||||||
|
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
||||||
anchors {
|
anchors {
|
||||||
top: parent.top
|
left: parent.left
|
||||||
right: stopButton.left
|
|
||||||
verticalCenter: parent.verticalCenter
|
|
||||||
}
|
|
||||||
MouseArea {
|
|
||||||
id: reloadButtonArea
|
|
||||||
anchors { fill: parent; margins: -2 }
|
|
||||||
onClicked: reloadScript(model.url)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
HiFiGlyphs {
|
|
||||||
id: stopButton
|
|
||||||
text: hifi.glyphs.closeSmall
|
|
||||||
color: stopButtonArea.pressed ? hifi.colors.white : parent.color
|
|
||||||
anchors {
|
|
||||||
top: parent.top
|
|
||||||
right: parent.right
|
right: parent.right
|
||||||
verticalCenter: parent.verticalCenter
|
top: parent.top
|
||||||
|
topMargin: 3
|
||||||
}
|
}
|
||||||
MouseArea {
|
|
||||||
id: stopButtonArea
|
HiFiGlyphs {
|
||||||
anchors { fill: parent; margins: -2 }
|
id: reloadButton
|
||||||
onClicked: stopScript(model.url)
|
text: hifi.glyphs.reloadSmall
|
||||||
|
color: reloadButtonArea.pressed ? hifi.colors.white : parent.color
|
||||||
|
anchors {
|
||||||
|
top: parent.top
|
||||||
|
right: stopButton.left
|
||||||
|
verticalCenter: parent.verticalCenter
|
||||||
|
}
|
||||||
|
MouseArea {
|
||||||
|
id: reloadButtonArea
|
||||||
|
anchors { fill: parent; margins: -2 }
|
||||||
|
onClicked: reloadScript(model.url)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HiFiGlyphs {
|
||||||
|
id: stopButton
|
||||||
|
text: hifi.glyphs.closeSmall
|
||||||
|
color: stopButtonArea.pressed ? hifi.colors.white : parent.color
|
||||||
|
anchors {
|
||||||
|
top: parent.top
|
||||||
|
right: parent.right
|
||||||
|
verticalCenter: parent.verticalCenter
|
||||||
|
}
|
||||||
|
MouseArea {
|
||||||
|
id: stopButtonArea
|
||||||
|
anchors { fill: parent; margins: -2 }
|
||||||
|
onClicked: stopScript(model.url)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
FiraSansSemiBold {
|
||||||
|
text: runningScriptsModel.get(styleData.row) ? runningScriptsModel.get(styleData.row).url : ""
|
||||||
|
elide: Text.ElideMiddle
|
||||||
|
size: hifi.fontSizes.tableText
|
||||||
|
color: table.colorScheme == hifi.colorSchemes.light
|
||||||
|
? (styleData.selected ? hifi.colors.black : hifi.colors.lightGray)
|
||||||
|
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
||||||
|
anchors {
|
||||||
|
top: textItem.bottom
|
||||||
|
left: parent.left
|
||||||
|
right: parent.right
|
||||||
|
}
|
||||||
|
visible: styleData.selected
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
TableViewColumn {
|
||||||
|
role: "name"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.VerticalSpacer {
|
||||||
|
height: hifi.dimensions.controlInterlineHeight + 2 // Add space for border
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.TabletContentSection {
|
||||||
|
name: "Load Scripts"
|
||||||
|
|
||||||
|
HifiControls.VerticalSpacer {}
|
||||||
|
|
||||||
|
Row {
|
||||||
|
spacing: hifi.dimensions.contentSpacing.x
|
||||||
|
|
||||||
|
HifiControls.Button {
|
||||||
|
text: "from URL"
|
||||||
|
color: hifi.buttons.black
|
||||||
|
height: 26
|
||||||
|
onClicked: fromUrlTimer.running = true
|
||||||
|
|
||||||
|
// For some reason trigginer an API that enters
|
||||||
|
// an internal event loop directly from the button clicked
|
||||||
|
// trigger below causes the appliction to behave oddly.
|
||||||
|
// Most likely because the button onClicked handling is never
|
||||||
|
// completed until the function returns.
|
||||||
|
// FIXME find a better way of handling the input dialogs that
|
||||||
|
// doesn't trigger this.
|
||||||
|
Timer {
|
||||||
|
id: fromUrlTimer
|
||||||
|
interval: 5
|
||||||
|
repeat: false
|
||||||
|
running: false
|
||||||
|
onTriggered: ApplicationInterface.loadScriptURLDialog();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.Button {
|
||||||
|
text: "from Disk"
|
||||||
|
color: hifi.buttons.black
|
||||||
|
height: 26
|
||||||
|
onClicked: fromDiskTimer.running = true
|
||||||
|
|
||||||
|
Timer {
|
||||||
|
id: fromDiskTimer
|
||||||
|
interval: 5
|
||||||
|
repeat: false
|
||||||
|
running: false
|
||||||
|
onTriggered: ApplicationInterface.loadDialog();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.Button {
|
||||||
|
text: "Load Defaults"
|
||||||
|
color: hifi.buttons.black
|
||||||
|
height: 26
|
||||||
|
onClicked: loadDefaults()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.VerticalSpacer {}
|
||||||
|
|
||||||
|
HifiControls.TextField {
|
||||||
|
id: filterEdit
|
||||||
|
isSearchField: true
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
colorScheme: hifi.colorSchemes.dark
|
||||||
|
placeholderText: "Filter"
|
||||||
|
onTextChanged: scriptsModel.filterRegExp = new RegExp("^.*" + text + ".*$", "i")
|
||||||
|
Component.onCompleted: scriptsModel.filterRegExp = new RegExp("^.*$", "i")
|
||||||
|
onActiveFocusChanged: {
|
||||||
|
// raise the keyboard
|
||||||
|
keyboard.raised = activeFocus;
|
||||||
|
|
||||||
|
// scroll to the bottom of the content area.
|
||||||
|
if (activeFocus) {
|
||||||
|
flickable.contentY = (flickable.contentHeight - flickable.height);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.VerticalSpacer {
|
||||||
|
height: hifi.dimensions.controlInterlineHeight + 2 // Add space for border
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.Tree {
|
||||||
|
id: treeView
|
||||||
|
height: 155
|
||||||
|
treeModel: scriptsModel
|
||||||
|
colorScheme: hifi.colorSchemes.dark
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.VerticalSpacer {
|
||||||
|
height: hifi.dimensions.controlInterlineHeight + 2 // Add space for border
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.TextField {
|
||||||
|
id: selectedScript
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: loadButton.width + hifi.dimensions.contentSpacing.x
|
||||||
|
|
||||||
|
colorScheme: hifi.colorSchemes.dark
|
||||||
|
readOnly: true
|
||||||
|
|
||||||
|
Connections {
|
||||||
|
target: treeView
|
||||||
|
onCurrentIndexChanged: {
|
||||||
|
var path = scriptsModel.data(treeView.currentIndex, 0x100)
|
||||||
|
if (path) {
|
||||||
|
selectedScript.text = path
|
||||||
|
} else {
|
||||||
|
selectedScript.text = ""
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
FiraSansSemiBold {
|
|
||||||
text: runningScriptsModel.get(styleData.row) ? runningScriptsModel.get(styleData.row).url : ""
|
|
||||||
elide: Text.ElideMiddle
|
|
||||||
size: hifi.fontSizes.tableText
|
|
||||||
color: table.colorScheme == hifi.colorSchemes.light
|
|
||||||
? (styleData.selected ? hifi.colors.black : hifi.colors.lightGray)
|
|
||||||
: (styleData.selected ? hifi.colors.black : hifi.colors.lightGrayText)
|
|
||||||
anchors {
|
|
||||||
top: textItem.bottom
|
|
||||||
left: parent.left
|
|
||||||
right: parent.right
|
|
||||||
}
|
|
||||||
visible: styleData.selected
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
TableViewColumn {
|
Item {
|
||||||
role: "name"
|
// Take the loadButton out of the column flow.
|
||||||
}
|
id: loadButtonContainer
|
||||||
}
|
anchors.top: selectedScript.top
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {
|
|
||||||
height: hifi.dimensions.controlInterlineHeight + 2 // Add space for border
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.TabletContentSection {
|
|
||||||
name: "Load Scripts"
|
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {}
|
|
||||||
|
|
||||||
Row {
|
|
||||||
spacing: hifi.dimensions.contentSpacing.x
|
|
||||||
|
|
||||||
HifiControls.Button {
|
|
||||||
text: "from URL"
|
|
||||||
color: hifi.buttons.black
|
|
||||||
height: 26
|
|
||||||
onClicked: fromUrlTimer.running = true
|
|
||||||
|
|
||||||
// For some reason trigginer an API that enters
|
|
||||||
// an internal event loop directly from the button clicked
|
|
||||||
// trigger below causes the appliction to behave oddly.
|
|
||||||
// Most likely because the button onClicked handling is never
|
|
||||||
// completed until the function returns.
|
|
||||||
// FIXME find a better way of handling the input dialogs that
|
|
||||||
// doesn't trigger this.
|
|
||||||
Timer {
|
|
||||||
id: fromUrlTimer
|
|
||||||
interval: 5
|
|
||||||
repeat: false
|
|
||||||
running: false
|
|
||||||
onTriggered: ApplicationInterface.loadScriptURLDialog();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.Button {
|
|
||||||
text: "from Disk"
|
|
||||||
color: hifi.buttons.black
|
|
||||||
height: 26
|
|
||||||
onClicked: fromDiskTimer.running = true
|
|
||||||
|
|
||||||
Timer {
|
|
||||||
id: fromDiskTimer
|
|
||||||
interval: 5
|
|
||||||
repeat: false
|
|
||||||
running: false
|
|
||||||
onTriggered: ApplicationInterface.loadDialog();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.Button {
|
|
||||||
text: "Load Defaults"
|
|
||||||
color: hifi.buttons.black
|
|
||||||
height: 26
|
|
||||||
onClicked: loadDefaults()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {}
|
|
||||||
|
|
||||||
HifiControls.TextField {
|
|
||||||
id: filterEdit
|
|
||||||
isSearchField: true
|
|
||||||
anchors.left: parent.left
|
|
||||||
anchors.right: parent.right
|
|
||||||
colorScheme: hifi.colorSchemes.dark
|
|
||||||
placeholderText: "Filter"
|
|
||||||
onTextChanged: scriptsModel.filterRegExp = new RegExp("^.*" + text + ".*$", "i")
|
|
||||||
Component.onCompleted: scriptsModel.filterRegExp = new RegExp("^.*$", "i")
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {
|
|
||||||
height: hifi.dimensions.controlInterlineHeight + 2 // Add space for border
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.Tree {
|
|
||||||
id: treeView
|
|
||||||
height: 155
|
|
||||||
treeModel: scriptsModel
|
|
||||||
colorScheme: hifi.colorSchemes.dark
|
|
||||||
anchors.left: parent.left
|
|
||||||
anchors.right: parent.right
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {
|
|
||||||
height: hifi.dimensions.controlInterlineHeight + 2 // Add space for border
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.TextField {
|
|
||||||
id: selectedScript
|
|
||||||
anchors.left: parent.left
|
|
||||||
anchors.right: parent.right
|
|
||||||
anchors.rightMargin: loadButton.width + hifi.dimensions.contentSpacing.x
|
|
||||||
|
|
||||||
colorScheme: hifi.colorSchemes.dark
|
|
||||||
readOnly: true
|
|
||||||
|
|
||||||
Connections {
|
|
||||||
target: treeView
|
|
||||||
onCurrentIndexChanged: {
|
|
||||||
var path = scriptsModel.data(treeView.currentIndex, 0x100)
|
|
||||||
if (path) {
|
|
||||||
selectedScript.text = path
|
|
||||||
} else {
|
|
||||||
selectedScript.text = ""
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Item {
|
|
||||||
// Take the loadButton out of the column flow.
|
|
||||||
id: loadButtonContainer
|
|
||||||
anchors.top: selectedScript.top
|
|
||||||
anchors.right: parent.right
|
|
||||||
|
|
||||||
HifiControls.Button {
|
|
||||||
id: loadButton
|
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
|
|
||||||
text: "Load"
|
HifiControls.Button {
|
||||||
color: hifi.buttons.blue
|
id: loadButton
|
||||||
enabled: selectedScript.text != ""
|
anchors.right: parent.right
|
||||||
onClicked: root.loadScript(selectedScript.text)
|
|
||||||
|
text: "Load"
|
||||||
|
color: hifi.buttons.blue
|
||||||
|
enabled: selectedScript.text != ""
|
||||||
|
onClicked: root.loadScript(selectedScript.text)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.VerticalSpacer {
|
||||||
|
height: hifi.dimensions.controlInterlineHeight - (!isHMD ? 3 : 0)
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.TextAction {
|
||||||
|
id: directoryButton
|
||||||
|
icon: hifi.glyphs.script
|
||||||
|
iconSize: 24
|
||||||
|
text: "Reveal Scripts Folder"
|
||||||
|
onClicked: fileDialogHelper.openDirectory(scripts.defaultScriptsPath)
|
||||||
|
colorScheme: hifi.colorSchemes.dark
|
||||||
|
anchors.left: parent.left
|
||||||
|
visible: !isHMD
|
||||||
|
}
|
||||||
|
|
||||||
|
HifiControls.VerticalSpacer {
|
||||||
|
height: hifi.dimensions.controlInterlineHeight - 3
|
||||||
|
visible: !isHMD
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {
|
HifiControls.Keyboard {
|
||||||
height: hifi.dimensions.controlInterlineHeight - (!isHMD ? 3 : 0)
|
id: keyboard
|
||||||
}
|
raised: false
|
||||||
|
numeric: false
|
||||||
HifiControls.TextAction {
|
anchors {
|
||||||
id: directoryButton
|
bottom: parent.bottom
|
||||||
icon: hifi.glyphs.script
|
left: parent.left
|
||||||
iconSize: 24
|
right: parent.right
|
||||||
text: "Reveal Scripts Folder"
|
|
||||||
onClicked: fileDialogHelper.openDirectory(scripts.defaultScriptsPath)
|
|
||||||
colorScheme: hifi.colorSchemes.dark
|
|
||||||
anchors.left: parent.left
|
|
||||||
visible: !isHMD
|
|
||||||
}
|
|
||||||
|
|
||||||
HifiControls.VerticalSpacer {
|
|
||||||
height: hifi.dimensions.controlInterlineHeight - 3
|
|
||||||
visible: !isHMD
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ Item {
|
||||||
id: root
|
id: root
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
objectName: "tabletMenuHandlerItem"
|
objectName: "tabletMenuHandlerItem"
|
||||||
|
|
||||||
StackView {
|
StackView {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
id: d
|
id: d
|
||||||
|
|
@ -54,6 +54,10 @@ Item {
|
||||||
d.currentItem.focus = true;
|
d.currentItem.focus = true;
|
||||||
d.currentItem.forceActiveFocus();
|
d.currentItem.forceActiveFocus();
|
||||||
breadcrumbText.text = d.currentItem.title;
|
breadcrumbText.text = d.currentItem.title;
|
||||||
|
if (typeof bgNavBar !== "undefined") {
|
||||||
|
d.currentItem.y = bgNavBar.height;
|
||||||
|
d.currentItem.height -= bgNavBar.height;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function popSource() {
|
function popSource() {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue