101 lines
2.7 KiB
QML
101 lines
2.7 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQuick.Controls 2.15
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
import shared.controls 1.0
|
|
|
|
import Storybook 1.0
|
|
|
|
SplitView {
|
|
orientation: Qt.Horizontal
|
|
|
|
Logs { id: logs }
|
|
|
|
Pane {
|
|
SplitView.fillWidth: true
|
|
SplitView.fillHeight: true
|
|
|
|
background: Rectangle {
|
|
color: Theme.palette.baseColor4
|
|
}
|
|
|
|
ErrorTag {
|
|
width: ctrlWidth.value || implicitWidth
|
|
anchors.centerIn: parent
|
|
text: ctrlText.text
|
|
buttonText: ctrlButtonText.text
|
|
buttonVisible: buttonVisible.checked
|
|
asset.name: ctrlAssetName.text
|
|
loading: ctrlLoading.checked
|
|
onButtonClicked: logs.logEvent("ErrorTag::onButtonClicked", [], arguments)
|
|
}
|
|
}
|
|
|
|
LogsAndControlsPanel {
|
|
SplitView.fillHeight: true
|
|
SplitView.preferredWidth: 300
|
|
|
|
logsView.logText: logs.logText
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Label { text: "Text:" }
|
|
TextField {
|
|
Layout.fillWidth: true
|
|
id: ctrlText
|
|
text: "Insufficient funds to pay gas fees"
|
|
}
|
|
}
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Label { text: "Button text:" }
|
|
TextField {
|
|
Layout.fillWidth: true
|
|
id: ctrlButtonText
|
|
text: "Buy ETH"
|
|
}
|
|
}
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Label { text: "Asset name:" }
|
|
TextField {
|
|
Layout.fillWidth: true
|
|
id: ctrlAssetName
|
|
text: "warning"
|
|
}
|
|
}
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Label { text: "Width:" }
|
|
SpinBox {
|
|
id: ctrlWidth
|
|
from: 0
|
|
to: 400
|
|
value: 0 // 0 == implicitWidth
|
|
stepSize: 20
|
|
textFromValue: function(value, locale) { return value === 0 ? "Implicit" : value }
|
|
}
|
|
}
|
|
Switch {
|
|
id: ctrlLoading
|
|
text: "Loading"
|
|
}
|
|
Switch {
|
|
id: buttonVisible
|
|
text: "Button Visible"
|
|
}
|
|
Item { Layout.fillHeight: true }
|
|
}
|
|
}
|
|
}
|
|
|
|
// category: Controls
|
|
|
|
// https://www.figma.com/design/TS0eQX9dAZXqZtELiwKIoK/Swap---Milestone-1?node-id=3413-311788&t=D3qGKqNjDBuLEEaD-0
|