mirror of
https://github.com/Serial-Studio/Serial-Studio.git
synced 2025-01-31 17:42:55 +08:00
Add toolbar headers to JSON editor
This commit is contained in:
Alex Spataru
parent
2242aa39c6
commit
b28db4cbdb
@ -185,9 +185,12 @@ Widgets.Window {
|
|||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
text: qsTr("Add dataset")
|
text: qsTr("Add dataset")
|
||||||
icon.source: "qrc:/icons/add.svg"
|
icon.source: "qrc:/icons/add.svg"
|
||||||
icon.color: Cpp_ThemeManager.text
|
visible: widget.currentIndex === 0
|
||||||
visible: widget.currentIndex == 0
|
icon.color: Cpp_ThemeManager.brightText
|
||||||
onClicked: Cpp_JSON_Editor.addDataset(group)
|
onClicked: Cpp_JSON_Editor.addDataset(group)
|
||||||
|
palette.buttonText: Cpp_ThemeManager.brightText
|
||||||
|
palette.button: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
palette.window: Cpp_ThemeManager.toolbarGradient1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -97,23 +97,32 @@ ApplicationWindow {
|
|||||||
palette.window: Cpp_ThemeManager.dialogBackground
|
palette.window: Cpp_ThemeManager.dialogBackground
|
||||||
|
|
||||||
//
|
//
|
||||||
// Window controls
|
// Header (project properties)
|
||||||
//
|
//
|
||||||
ColumnLayout {
|
Rectangle {
|
||||||
id: column
|
id: headerBg
|
||||||
spacing: 0
|
border.width: 1
|
||||||
anchors.fill: parent
|
border.color: Cpp_ThemeManager.toolbarGradient1
|
||||||
anchors.margins: app.spacing * 2
|
height: header.implicitHeight + 4 * app.spacing
|
||||||
|
|
||||||
|
gradient: Gradient {
|
||||||
|
GradientStop { position: 0; color: Cpp_ThemeManager.toolbarGradient1 }
|
||||||
|
GradientStop { position: 1; color: Cpp_ThemeManager.toolbarGradient2 }
|
||||||
|
}
|
||||||
|
|
||||||
//
|
|
||||||
// Project properties
|
|
||||||
//
|
|
||||||
GridLayout {
|
GridLayout {
|
||||||
|
id: header
|
||||||
columns: 2
|
columns: 2
|
||||||
Layout.fillWidth: true
|
|
||||||
rowSpacing: app.spacing
|
rowSpacing: app.spacing
|
||||||
columnSpacing: app.spacing * 2
|
columnSpacing: app.spacing * 2
|
||||||
|
|
||||||
|
anchors {
|
||||||
|
left: parent.left
|
||||||
|
right: parent.right
|
||||||
|
margins: app.spacing * 2
|
||||||
|
verticalCenter: parent.verticalCenter
|
||||||
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
// Project title
|
// Project title
|
||||||
//
|
//
|
||||||
@ -121,13 +130,9 @@ ApplicationWindow {
|
|||||||
spacing: app.spacing
|
spacing: app.spacing
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
|
|
||||||
ToolButton {
|
Widgets.Icon {
|
||||||
flat: true
|
color: Cpp_ThemeManager.brightText
|
||||||
enabled: false
|
source: "qrc:/icons/registration.svg"
|
||||||
icon.width: 24
|
|
||||||
icon.height: 24
|
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
icon.source: "qrc:/icons/registration.svg"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
TextField {
|
TextField {
|
||||||
@ -146,13 +151,9 @@ ApplicationWindow {
|
|||||||
spacing: app.spacing
|
spacing: app.spacing
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
|
|
||||||
ToolButton {
|
Widgets.Icon {
|
||||||
flat: true
|
color: Cpp_ThemeManager.brightText
|
||||||
enabled: false
|
source: "qrc:/icons/separator.svg"
|
||||||
icon.width: 24
|
|
||||||
icon.height: 24
|
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
icon.source: "qrc:/icons/separator.svg"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
TextField {
|
TextField {
|
||||||
@ -171,13 +172,9 @@ ApplicationWindow {
|
|||||||
spacing: app.spacing
|
spacing: app.spacing
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
|
|
||||||
ToolButton {
|
Widgets.Icon {
|
||||||
flat: true
|
color: Cpp_ThemeManager.brightText
|
||||||
enabled: false
|
source: "qrc:/icons/start-sequence.svg"
|
||||||
icon.width: 24
|
|
||||||
icon.height: 24
|
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
icon.source: "qrc:/icons/start-sequence.svg"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
TextField {
|
TextField {
|
||||||
@ -196,13 +193,9 @@ ApplicationWindow {
|
|||||||
spacing: app.spacing
|
spacing: app.spacing
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
|
|
||||||
ToolButton {
|
Widgets.Icon {
|
||||||
flat: true
|
color: Cpp_ThemeManager.brightText
|
||||||
enabled: false
|
source: "qrc:/icons/end-sequence.svg"
|
||||||
icon.width: 24
|
|
||||||
icon.height: 24
|
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
icon.source: "qrc:/icons/end-sequence.svg"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
TextField {
|
TextField {
|
||||||
@ -215,24 +208,163 @@ ApplicationWindow {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
anchors {
|
||||||
|
margins: 0
|
||||||
|
top: parent.top
|
||||||
|
left: parent.left
|
||||||
|
right: parent.right
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Footer background
|
||||||
|
//
|
||||||
|
Rectangle {
|
||||||
|
id: footerBg
|
||||||
|
border.width: 1
|
||||||
|
border.color: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
height: footer.implicitHeight + 4 * app.spacing
|
||||||
|
|
||||||
|
gradient: Gradient {
|
||||||
|
GradientStop { position: 0; color: Cpp_ThemeManager.toolbarGradient1 }
|
||||||
|
GradientStop { position: 1; color: Cpp_ThemeManager.toolbarGradient2 }
|
||||||
|
}
|
||||||
|
|
||||||
|
anchors {
|
||||||
|
margins: 0
|
||||||
|
left: parent.left
|
||||||
|
right: parent.right
|
||||||
|
bottom: parent.bottom
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Dialog buttons
|
||||||
|
//
|
||||||
|
RowLayout {
|
||||||
|
id: footer
|
||||||
|
spacing: app.spacing
|
||||||
|
|
||||||
|
anchors {
|
||||||
|
left: parent.left
|
||||||
|
right: parent.right
|
||||||
|
margins: app.spacing * 2
|
||||||
|
verticalCenter: parent.verticalCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
Button {
|
||||||
|
icon.width: 24
|
||||||
|
icon.height: 24
|
||||||
|
onClicked: root.close()
|
||||||
|
text: qsTr("Close") + _btSpacer
|
||||||
|
icon.source: "qrc:/icons/close.svg"
|
||||||
|
icon.color: Cpp_ThemeManager.brightText
|
||||||
|
palette.buttonText: Cpp_ThemeManager.brightText
|
||||||
|
palette.button: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
palette.window: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
}
|
||||||
|
|
||||||
|
Item {
|
||||||
|
Layout.fillWidth: true
|
||||||
|
}
|
||||||
|
|
||||||
|
Button {
|
||||||
|
id: addGrp
|
||||||
|
icon.width: 24
|
||||||
|
icon.height: 24
|
||||||
|
highlighted: true
|
||||||
|
Layout.fillWidth: true
|
||||||
|
text: qsTr("Add group")
|
||||||
|
icon.source: "qrc:/icons/add.svg"
|
||||||
|
icon.color: Cpp_ThemeManager.brightText
|
||||||
|
palette.buttonText: Cpp_ThemeManager.brightText
|
||||||
|
palette.button: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
palette.window: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
onClicked: {
|
||||||
|
Cpp_JSON_Editor.addGroup()
|
||||||
|
scroll.position = 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Item {
|
||||||
|
Layout.fillWidth: true
|
||||||
|
}
|
||||||
|
|
||||||
|
Button {
|
||||||
|
icon.width: 24
|
||||||
|
icon.height: 24
|
||||||
|
icon.source: "qrc:/icons/open.svg"
|
||||||
|
icon.color: Cpp_ThemeManager.brightText
|
||||||
|
onClicked: Cpp_JSON_Editor.openJsonFile()
|
||||||
|
palette.buttonText: Cpp_ThemeManager.brightText
|
||||||
|
palette.button: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
palette.window: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
text: qsTr("Open existing project...") + _btSpacer
|
||||||
|
}
|
||||||
|
|
||||||
|
Button {
|
||||||
|
icon.width: 24
|
||||||
|
icon.height: 24
|
||||||
|
icon.source: "qrc:/icons/new.svg"
|
||||||
|
icon.color: Cpp_ThemeManager.brightText
|
||||||
|
onClicked: Cpp_JSON_Editor.newJsonFile()
|
||||||
|
text: qsTr("Create new project") + _btSpacer
|
||||||
|
palette.buttonText: Cpp_ThemeManager.brightText
|
||||||
|
palette.button: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
palette.window: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
}
|
||||||
|
|
||||||
|
Button {
|
||||||
|
icon.width: 24
|
||||||
|
icon.height: 24
|
||||||
|
opacity: enabled ? 1: 0.5
|
||||||
|
enabled: Cpp_JSON_Editor.modified
|
||||||
|
icon.source: "qrc:/icons/apply.svg"
|
||||||
|
icon.color: Cpp_ThemeManager.brightText
|
||||||
|
palette.buttonText: Cpp_ThemeManager.brightText
|
||||||
|
palette.button: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
palette.window: Cpp_ThemeManager.toolbarGradient1
|
||||||
|
text: (Cpp_JSON_Editor.jsonFilePath.length > 0 ? qsTr("Apply") : qsTr("Save")) + _btSpacer
|
||||||
|
|
||||||
|
onClicked: {
|
||||||
|
if (Cpp_JSON_Editor.saveJsonFile())
|
||||||
|
root.close()
|
||||||
|
}
|
||||||
|
|
||||||
|
Behavior on opacity {NumberAnimation{}}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Window controls
|
||||||
|
//
|
||||||
|
ColumnLayout {
|
||||||
|
id: column
|
||||||
|
spacing: 0
|
||||||
|
clip: true
|
||||||
|
anchors.fill: parent
|
||||||
|
anchors.margins: app.spacing * 2
|
||||||
|
anchors.topMargin: headerBg.height
|
||||||
|
anchors.bottomMargin: footerBg.height
|
||||||
|
|
||||||
//
|
//
|
||||||
// Spacer
|
// Spacer
|
||||||
//
|
//
|
||||||
Item {
|
Item {
|
||||||
height: app.spacing
|
height: 2 * app.spacing
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
// List view
|
// List view
|
||||||
//
|
//
|
||||||
TextField {
|
Item {
|
||||||
clip: true
|
|
||||||
readOnly: true
|
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.fillHeight: true
|
Layout.fillHeight: true
|
||||||
Layout.minimumHeight: 320
|
Layout.minimumHeight: 320
|
||||||
horizontalAlignment: Text.AlignHCenter
|
Layout.topMargin: -app.spacing
|
||||||
wrapMode: TextField.WrapAtWordBoundaryOrAnywhere
|
Layout.bottomMargin: -app.spacing
|
||||||
|
Layout.leftMargin: -2 * app.spacing
|
||||||
|
Layout.rightMargin: -2 * app.spacing
|
||||||
|
|
||||||
ListView {
|
ListView {
|
||||||
id: view
|
id: view
|
||||||
@ -248,7 +380,7 @@ ApplicationWindow {
|
|||||||
delegate: Item {
|
delegate: Item {
|
||||||
x: (parent.width - width) / 2
|
x: (parent.width - width) / 2
|
||||||
height: group.height + app.spacing
|
height: group.height + app.spacing
|
||||||
width: parent.width - 2 * app.spacing
|
width: parent.width - 4 * app.spacing
|
||||||
|
|
||||||
//
|
//
|
||||||
// Group window
|
// Group window
|
||||||
@ -309,83 +441,22 @@ ApplicationWindow {
|
|||||||
// Spacer
|
// Spacer
|
||||||
//
|
//
|
||||||
Item {
|
Item {
|
||||||
height: app.spacing
|
height: 2 * app.spacing
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
// Dialog buttons
|
// Shadows
|
||||||
//
|
//
|
||||||
RowLayout {
|
Widgets.Shadow {
|
||||||
spacing: app.spacing
|
source: headerBg
|
||||||
Layout.fillWidth: true
|
horizontalOffset: 0
|
||||||
|
anchors.fill: headerBg
|
||||||
Button {
|
} Widgets.Shadow {
|
||||||
icon.width: 24
|
source: footerBg
|
||||||
icon.height: 24
|
verticalOffset: -3
|
||||||
onClicked: root.close()
|
horizontalOffset: 0
|
||||||
text: qsTr("Close") + _btSpacer
|
anchors.fill: footerBg
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
icon.source: "qrc:/icons/close.svg"
|
|
||||||
}
|
|
||||||
|
|
||||||
Item {
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: addGrp
|
|
||||||
icon.width: 24
|
|
||||||
icon.height: 24
|
|
||||||
highlighted: true
|
|
||||||
Layout.fillWidth: true
|
|
||||||
text: qsTr("Add group")
|
|
||||||
icon.source: "qrc:/icons/add.svg"
|
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
onClicked: {
|
|
||||||
Cpp_JSON_Editor.addGroup()
|
|
||||||
scroll.position = 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Item {
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
icon.width: 24
|
|
||||||
icon.height: 24
|
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
icon.source: "qrc:/icons/open.svg"
|
|
||||||
onClicked: Cpp_JSON_Editor.openJsonFile()
|
|
||||||
text: qsTr("Open existing project...") + _btSpacer
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
icon.width: 24
|
|
||||||
icon.height: 24
|
|
||||||
icon.source: "qrc:/icons/new.svg"
|
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
onClicked: Cpp_JSON_Editor.newJsonFile()
|
|
||||||
text: qsTr("Create new project") + _btSpacer
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
icon.width: 24
|
|
||||||
icon.height: 24
|
|
||||||
opacity: enabled ? 1: 0.5
|
|
||||||
icon.color: Cpp_ThemeManager.text
|
|
||||||
enabled: Cpp_JSON_Editor.modified
|
|
||||||
icon.source: "qrc:/icons/apply.svg"
|
|
||||||
text: (Cpp_JSON_Editor.jsonFilePath.length > 0 ? qsTr("Apply") : qsTr("Save")) + _btSpacer
|
|
||||||
|
|
||||||
onClicked: {
|
|
||||||
if (Cpp_JSON_Editor.saveJsonFile())
|
|
||||||
root.close()
|
|
||||||
}
|
|
||||||
|
|
||||||
Behavior on opacity {NumberAnimation{}}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user