mirror of
https://github.com/logos-blockchain/logos-blockchain-ui.git
synced 2026-04-01 17:03:31 +00:00
144 lines
4.2 KiB
QML
144 lines
4.2 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
import Logos.Theme
|
|
import Logos.Controls
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
|
|
// --- Public API ---
|
|
required property string statusText
|
|
required property color statusColor
|
|
required property string userConfig
|
|
required property string deploymentConfig
|
|
required property bool canStart
|
|
required property bool isRunning
|
|
|
|
signal startRequested()
|
|
signal stopRequested()
|
|
signal changeUserConfigRequested()
|
|
signal changeDeploymentConfigRequested()
|
|
|
|
spacing: Theme.spacing.large
|
|
|
|
// Status Card
|
|
Rectangle {
|
|
Layout.alignment: Qt.AlignTop
|
|
Layout.preferredWidth: parent.width * 0.9
|
|
Layout.preferredHeight: implicitHeight
|
|
implicitHeight: statusContent.implicitHeight + 2 * Theme.spacing.large
|
|
color: Theme.palette.backgroundTertiary
|
|
radius: Theme.spacing.radiusLarge
|
|
border.color: Theme.palette.border
|
|
border.width: 1
|
|
|
|
ColumnLayout {
|
|
id: statusContent
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.margins: Theme.spacing.large
|
|
spacing: Theme.spacing.medium
|
|
|
|
LogosText {
|
|
Layout.alignment: Qt.AlignLeft
|
|
font.bold: true
|
|
text: root.statusText
|
|
color: root.statusColor
|
|
}
|
|
|
|
LogosText {
|
|
Layout.alignment: Qt.AlignLeft
|
|
Layout.topMargin: -Theme.spacing.medium
|
|
text: qsTr("Mainnet - chain ID 1")
|
|
font.pixelSize: Theme.typography.secondaryText
|
|
color: Theme.palette.textSecondary
|
|
}
|
|
|
|
LogosButton {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.preferredWidth: parent.width
|
|
Layout.preferredHeight: 50
|
|
enabled: root.canStart
|
|
text: root.isRunning ? qsTr("Stop Node") : qsTr("Start Node")
|
|
onClicked: root.isRunning ? root.stopRequested() : root.startRequested()
|
|
}
|
|
}
|
|
}
|
|
|
|
// Config Card
|
|
Rectangle {
|
|
Layout.preferredWidth: parent.width * 0.9
|
|
Layout.preferredHeight: implicitHeight
|
|
implicitHeight: contentLayout.implicitHeight + 2 * Theme.spacing.large
|
|
|
|
color: Theme.palette.backgroundTertiary
|
|
radius: Theme.spacing.radiusLarge
|
|
border.color: Theme.palette.border
|
|
border.width: 1
|
|
|
|
ColumnLayout {
|
|
id: contentLayout
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.margins: Theme.spacing.large
|
|
spacing: Theme.spacing.medium
|
|
|
|
// User Config Card
|
|
ConfigSelectionPanel {
|
|
id: userConfigContent
|
|
|
|
title: qsTr("User Config: ")
|
|
configPath: root.userConfig || qsTr("No file selected")
|
|
onChangeRequested: root.changeUserConfigRequested()
|
|
}
|
|
|
|
// Deployment Config Card
|
|
ConfigSelectionPanel {
|
|
id: deploymentConfigContent
|
|
|
|
title: qsTr("Deployment Config: ")
|
|
configPath: root.deploymentConfig || qsTr("No file selected")
|
|
onChangeRequested: root.changeDeploymentConfigRequested()
|
|
}
|
|
}
|
|
}
|
|
|
|
Item { Layout.fillHeight: true }
|
|
|
|
component ConfigSelectionPanel: ColumnLayout {
|
|
property string title
|
|
property string configPath
|
|
signal changeRequested()
|
|
|
|
spacing: Theme.spacing.medium
|
|
|
|
LogosText {
|
|
text: title
|
|
font.bold: true
|
|
}
|
|
|
|
LogosText {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: -Theme.spacing.small
|
|
text: configPath
|
|
font.pixelSize: Theme.typography.secondaryText
|
|
color: Theme.palette.textSecondary
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
|
|
LogosButton {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 50
|
|
text: qsTr("Change")
|
|
onClicked: changeRequested()
|
|
}
|
|
}
|
|
}
|