@ -1,210 +0,0 @@ |
|||||||
import QtQuick 2.1 |
|
||||||
import "./components" |
|
||||||
|
|
||||||
|
|
||||||
Rectangle { |
|
||||||
id: toolbar |
|
||||||
|
|
||||||
property alias backgroundColor : toolbar.color |
|
||||||
property alias linkNameLabel: linkDevice.label |
|
||||||
property alias baudrateLabel: baudrate.label |
|
||||||
property bool connected: false |
|
||||||
property bool armed: false |
|
||||||
property string armedstr: "DISARMED" |
|
||||||
|
|
||||||
width: toolbar.width |
|
||||||
height: 72 |
|
||||||
color: "black" |
|
||||||
border.color: "black" |
|
||||||
|
|
||||||
onArmedChanged: { |
|
||||||
if (armed) { |
|
||||||
statusDisplay.statusText = "ARMED" |
|
||||||
statusDisplay.statusTextColor = "red" |
|
||||||
statusDisplay.statusBackgroundColor = "#FF880000" |
|
||||||
} |
|
||||||
else { |
|
||||||
statusDisplay.statusText = "DISARMED" |
|
||||||
statusDisplay.statusTextColor = "yellow" |
|
||||||
statusDisplay.statusBackgroundColor = "black" |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
onConnectedChanged: { |
|
||||||
if (connected){ |
|
||||||
console.log("APM Tool BAR QML: connected") |
|
||||||
connectButton.image = "./resources/qgroundcontrol/toolbar/disconnect.png" |
|
||||||
connectButton.label = "DISCONNECT" |
|
||||||
} else { |
|
||||||
console.log("APM Tool BAR QML: disconnected") |
|
||||||
connectButton.image = "./resources/qgroundcontrol/toolbar/connect.png" |
|
||||||
connectButton.label = "CONNECT" |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
// [BB] The code below should work, not sure why. replaced with code above |
|
||||||
// Connections { |
|
||||||
// target: globalObj |
|
||||||
// onMAVConnected: { |
|
||||||
// console.log("QML Change Connection " + connected) |
|
||||||
// if (connected){ |
|
||||||
// console.log("connected") |
|
||||||
// connectButton.image = "./resources/qgroundcontrol/toolbar/disconnect.png" |
|
||||||
// } else { |
|
||||||
// console.log("disconnected") |
|
||||||
// connectButton.image = "./resources/qgroundcontrol/toolbar/connect.png" |
|
||||||
// } |
|
||||||
// } |
|
||||||
// } |
|
||||||
|
|
||||||
Row { |
|
||||||
anchors.left: parent.left |
|
||||||
spacing: 10 |
|
||||||
|
|
||||||
Rectangle { // Spacer |
|
||||||
width: 5 |
|
||||||
height: parent.height |
|
||||||
color: "black" |
|
||||||
} |
|
||||||
|
|
||||||
Button { |
|
||||||
id: flightDataView |
|
||||||
label: "FLIGHT DATA" |
|
||||||
image: "./resources/qgroundcontrol/toolbar/flightdata.png" |
|
||||||
onClicked: { |
|
||||||
globalObj.triggerFlightView() |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
Button { |
|
||||||
id: flightPlanView |
|
||||||
label: "FLIGHT PLAN" |
|
||||||
image: "./resources/qgroundcontrol/toolbar/flightplanner.png" |
|
||||||
onClicked: globalObj.triggerFlightPlanView() |
|
||||||
} |
|
||||||
|
|
||||||
Button { |
|
||||||
id: hardwareConfigView |
|
||||||
label: "HARDWARE" |
|
||||||
image: "./resources/qgroundcontrol/toolbar/hardwareconfig.png" |
|
||||||
margins: 8 |
|
||||||
onClicked: globalObj.triggerHardwareView() |
|
||||||
} |
|
||||||
|
|
||||||
Button { |
|
||||||
id: softwareConfigView |
|
||||||
label: "SOFTWARE" |
|
||||||
image: "./resources/qgroundcontrol/toolbar/softwareconfig.png" |
|
||||||
margins: 8 |
|
||||||
onClicked: globalObj.triggerSoftwareView() |
|
||||||
} |
|
||||||
|
|
||||||
Button { |
|
||||||
id: simulationView |
|
||||||
label: "SIMULATION" |
|
||||||
image: "./resources/qgroundcontrol/toolbar/simulation.png" |
|
||||||
onClicked: globalObj.triggerSimulationView() |
|
||||||
} |
|
||||||
|
|
||||||
Button { |
|
||||||
id: terminalView |
|
||||||
label: "TERMINAL" |
|
||||||
image: "./resources/qgroundcontrol/toolbar/terminal.png" |
|
||||||
onClicked: globalObj.triggerTerminalView() |
|
||||||
} |
|
||||||
|
|
||||||
Rectangle { // Spacer |
|
||||||
width: 5 |
|
||||||
height: parent.height |
|
||||||
color: "black" |
|
||||||
} |
|
||||||
|
|
||||||
StatusDisplay { |
|
||||||
id: statusDisplay |
|
||||||
width: 110 |
|
||||||
statusText: "DISARMED" |
|
||||||
statusTextColor: "yellow" |
|
||||||
statusBackgroundColor: "black" |
|
||||||
} |
|
||||||
|
|
||||||
Rectangle { // Spacer |
|
||||||
width: 5 |
|
||||||
height: parent.height |
|
||||||
color: "black" |
|
||||||
} |
|
||||||
|
|
||||||
// [BB] Commented out ToolBar Status info work. |
|
||||||
// WIP: To be fixed later |
|
||||||
// DigitalDisplay { // Information Pane |
|
||||||
// title:"Mode" |
|
||||||
// textValue: "Stabilize" |
|
||||||
// color: "black" |
|
||||||
// } |
|
||||||
// DigitalDisplay { // Information Pane |
|
||||||
// title: "Speed" |
|
||||||
// textValue: "11.0m/s" |
|
||||||
// color: "black" |
|
||||||
// } |
|
||||||
// DigitalDisplay { // Information Pane |
|
||||||
// title: "Alt" |
|
||||||
// textValue: "20.0m" |
|
||||||
// color: "black" |
|
||||||
// } |
|
||||||
// DigitalDisplay { // Information Pane |
|
||||||
// title: "Volts" |
|
||||||
// textValue: "14.8V" |
|
||||||
// color: "black" |
|
||||||
// } |
|
||||||
// DigitalDisplay { // Information Pane |
|
||||||
// title: "Current" |
|
||||||
// textValue: "12.0A" |
|
||||||
// color: "black" |
|
||||||
// } |
|
||||||
// DigitalDisplay { // Information Pane |
|
||||||
// title: "Level" |
|
||||||
// textValue: "77%" |
|
||||||
// color: "black" |
|
||||||
// } |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
Row { |
|
||||||
anchors.right: parent.right |
|
||||||
spacing: 2 |
|
||||||
|
|
||||||
TextButton { |
|
||||||
id: linkDevice |
|
||||||
label: "none" |
|
||||||
minWidth: 100 |
|
||||||
|
|
||||||
onClicked: globalObj.showConnectionDialog() |
|
||||||
} |
|
||||||
|
|
||||||
TextButton { |
|
||||||
id: baudrate |
|
||||||
label: "none" |
|
||||||
minWidth: 100 |
|
||||||
|
|
||||||
onClicked: globalObj.showConnectionDialog() |
|
||||||
} |
|
||||||
|
|
||||||
Rectangle { |
|
||||||
width: 5 |
|
||||||
height: parent.height |
|
||||||
color: "black" |
|
||||||
} |
|
||||||
|
|
||||||
Button { |
|
||||||
id: connectButton |
|
||||||
label: "CONNECT" |
|
||||||
image: "./resources/qgroundcontrol/toolbar/connect.png" |
|
||||||
onClicked: globalObj.connectMAV() |
|
||||||
} |
|
||||||
|
|
||||||
Rectangle { // Spacer |
|
||||||
width: 5 |
|
||||||
height: parent.height |
|
||||||
color: "black" |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
@ -1,70 +0,0 @@ |
|||||||
import QtQuick 2.1 |
|
||||||
|
|
||||||
Rectangle { |
|
||||||
signal clicked |
|
||||||
|
|
||||||
property string label: "button label" |
|
||||||
property alias image: buttonImage.source |
|
||||||
property int margins: 2 |
|
||||||
|
|
||||||
id: button |
|
||||||
width: 72 |
|
||||||
height: 72 |
|
||||||
radius: 3 |
|
||||||
smooth: true |
|
||||||
border.width: 2 |
|
||||||
|
|
||||||
Text { |
|
||||||
id: buttonLabel |
|
||||||
anchors.top: parent.top |
|
||||||
anchors.horizontalCenter: parent.horizontalCenter |
|
||||||
anchors.margins: 5 |
|
||||||
text: label |
|
||||||
color: "white" |
|
||||||
font.pointSize: 10 |
|
||||||
} |
|
||||||
|
|
||||||
Image { |
|
||||||
id: buttonImage |
|
||||||
anchors.horizontalCenter: button.horizontalCenter |
|
||||||
anchors.top: buttonLabel.bottom |
|
||||||
anchors.margins: margins |
|
||||||
source: image |
|
||||||
fillMode: Image.PreserveAspectFit |
|
||||||
width: image.width |
|
||||||
height: image.height |
|
||||||
} |
|
||||||
|
|
||||||
signal buttonClick() |
|
||||||
|
|
||||||
onButtonClick: { |
|
||||||
console.log(buttonLabel.text + " clicked calling signal") |
|
||||||
clicked() |
|
||||||
} |
|
||||||
|
|
||||||
// Highlighting and ativation section |
|
||||||
property color buttonColor: "black" |
|
||||||
property color onHoverbuttonColor: "lightblue" |
|
||||||
property color onHoverColor: "darkblue" |
|
||||||
property color borderColor: "black" |
|
||||||
|
|
||||||
MouseArea { |
|
||||||
id: buttonMouseArea |
|
||||||
anchors.fill: parent |
|
||||||
onClicked: buttonClick() |
|
||||||
hoverEnabled: true |
|
||||||
onEntered: { |
|
||||||
parent.border.color = onHoverColor |
|
||||||
parent.color = onHoverbuttonColor |
|
||||||
} |
|
||||||
onExited: { |
|
||||||
parent.border.color = borderColor |
|
||||||
parent.color = buttonColor |
|
||||||
} |
|
||||||
onPressed: parent.color = Qt.darker(onHoverbuttonColor, 1.5) |
|
||||||
onReleased: parent.color = buttonColor |
|
||||||
} |
|
||||||
color: buttonColor |
|
||||||
border.color: borderColor |
|
||||||
} |
|
||||||
|
|
@ -1,30 +0,0 @@ |
|||||||
import QtQuick 2.1 |
|
||||||
|
|
||||||
Rectangle { |
|
||||||
|
|
||||||
property alias title: displayTitle.text |
|
||||||
property string textValue: "none" |
|
||||||
|
|
||||||
width: 110 |
|
||||||
height: parent.height/3 |
|
||||||
anchors.verticalCenter: parent.verticalCenter |
|
||||||
border.color: "white" |
|
||||||
|
|
||||||
Text { |
|
||||||
id:displayTitle |
|
||||||
anchors.left: parent.left |
|
||||||
anchors.leftMargin: 3 |
|
||||||
anchors.verticalCenter: parent.verticalCenter |
|
||||||
text: "blank" |
|
||||||
color: "white" |
|
||||||
} |
|
||||||
|
|
||||||
Text { |
|
||||||
id:displayValue |
|
||||||
anchors.right: parent.right |
|
||||||
anchors.rightMargin: 3 |
|
||||||
anchors.verticalCenter: parent.verticalCenter |
|
||||||
text: textValue |
|
||||||
color: "white" |
|
||||||
} |
|
||||||
} |
|
@ -1,24 +0,0 @@ |
|||||||
import QtQuick 2.1 |
|
||||||
|
|
||||||
Rectangle { |
|
||||||
id: statusDisplay |
|
||||||
property alias statusText: armedText.text |
|
||||||
property alias statusTextColor: armedText.color |
|
||||||
property alias statusBackgroundColor: statusDisplay.color |
|
||||||
|
|
||||||
width: 100 |
|
||||||
height: parent.height/3 |
|
||||||
anchors.verticalCenter: parent.verticalCenter |
|
||||||
radius: 3 |
|
||||||
border.color: "white" |
|
||||||
border.width: 1 |
|
||||||
|
|
||||||
Text { |
|
||||||
id: armedText |
|
||||||
anchors.centerIn: parent |
|
||||||
verticalAlignment: Text.AlignVCenter |
|
||||||
horizontalAlignment: Text.AlignHCenter |
|
||||||
font.pixelSize: 20 |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
@ -1,70 +0,0 @@ |
|||||||
import QtQuick 2.1 |
|
||||||
|
|
||||||
Rectangle { |
|
||||||
signal clicked |
|
||||||
|
|
||||||
property string label: "Text Button label" |
|
||||||
property int minWidth: 75 |
|
||||||
property int minHeight: 0 |
|
||||||
property int margin: 5 |
|
||||||
|
|
||||||
width: textBox.width |
|
||||||
height: 72 |
|
||||||
anchors.verticalCenter: parent.verticalCenter |
|
||||||
color: "black" |
|
||||||
|
|
||||||
signal buttonClick() |
|
||||||
|
|
||||||
onButtonClick: { |
|
||||||
console.log(label + " clicked calling signal") |
|
||||||
clicked() |
|
||||||
} |
|
||||||
|
|
||||||
// Highlighting and ativation section |
|
||||||
property color buttonColor: "black" |
|
||||||
property color onHoverbuttonColor: "lightblue" |
|
||||||
property color onHoverColor: "darkblue" |
|
||||||
property color borderColor: "white" |
|
||||||
|
|
||||||
Rectangle { |
|
||||||
width: textButtonLabel.paintedwidth |
|
||||||
anchors.centerIn: parent |
|
||||||
|
|
||||||
Rectangle{ |
|
||||||
id: textBox |
|
||||||
anchors.centerIn: parent |
|
||||||
width: minWidth > textButtonLabel.paintedWidth + margin ? minWidth : textButtonLabel.paintedWidth + margin |
|
||||||
height: minHeight > textButtonLabel.paintedHeight + margin ? minHeight : textButtonLabel.paintedHeight + margin |
|
||||||
|
|
||||||
Text { |
|
||||||
id: textButtonLabel |
|
||||||
anchors.verticalCenter: parent.verticalCenter |
|
||||||
anchors.horizontalCenter: parent.horizontalCenter |
|
||||||
anchors.margins: 2 |
|
||||||
text: label |
|
||||||
color: "white" |
|
||||||
font.pointSize: 11 |
|
||||||
} |
|
||||||
|
|
||||||
MouseArea { |
|
||||||
id: textButtonMouseArea |
|
||||||
anchors.fill: parent |
|
||||||
onClicked: buttonClick() |
|
||||||
hoverEnabled: true |
|
||||||
onEntered: { |
|
||||||
parent.border.color = onHoverColor |
|
||||||
parent.color = onHoverbuttonColor |
|
||||||
} |
|
||||||
onExited: { |
|
||||||
parent.border.color = borderColor |
|
||||||
parent.color = buttonColor |
|
||||||
} |
|
||||||
onPressed: parent.color = Qt.darker(onHoverbuttonColor, 1.5) |
|
||||||
onReleased: parent.color = buttonColor |
|
||||||
} |
|
||||||
color: buttonColor |
|
||||||
border.color: borderColor |
|
||||||
border.width: 1 |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
Before Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 3.4 KiB |
Before Width: | Height: | Size: 2.8 KiB |