107 lines
2.6 KiB
QML
107 lines
2.6 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.3
|
|
import QtGraphicalEffects 1.0
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Controls 0.1
|
|
|
|
import utils 1.0
|
|
|
|
// TODO: replace with StatusModal
|
|
Popup {
|
|
id: popup
|
|
modal: false
|
|
width: 360
|
|
height: 432
|
|
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
|
|
property var layer1Networks
|
|
property var layer2Networks
|
|
property var testNetworks
|
|
|
|
signal toggleNetwork(int chainId)
|
|
|
|
background: Rectangle {
|
|
radius: Style.current.radius
|
|
color: Style.current.background
|
|
border.color: Style.current.border
|
|
layer.enabled: true
|
|
layer.effect: DropShadow{
|
|
verticalOffset: 3
|
|
radius: 8
|
|
samples: 15
|
|
fast: true
|
|
cached: true
|
|
color: "#22000000"
|
|
}
|
|
}
|
|
|
|
contentItem: StatusScrollView {
|
|
id: scrollView
|
|
contentHeight: content.height
|
|
width: popup.width
|
|
height: popup.height
|
|
|
|
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
|
|
|
Column {
|
|
id: content
|
|
width: scrollView.availableWidth
|
|
spacing: Style.current.padding
|
|
|
|
Repeater {
|
|
id: chainRepeater1
|
|
model: popup.layer1Networks
|
|
|
|
delegate: chainItem
|
|
}
|
|
|
|
StatusBaseText {
|
|
font.pixelSize: Style.current.primaryTextFontSize
|
|
color: Theme.palette.baseColor1
|
|
text: qsTr("Layer 2")
|
|
visible: chainRepeater2.count > 0
|
|
}
|
|
|
|
Repeater {
|
|
id: chainRepeater2
|
|
model: popup.layer2Networks
|
|
|
|
delegate: chainItem
|
|
}
|
|
|
|
Repeater {
|
|
id: chainRepeater3
|
|
model: popup.testNetworks
|
|
|
|
delegate: chainItem
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: chainItem
|
|
StatusListItem {
|
|
implicitWidth: scrollView.width
|
|
title: model.chainName
|
|
image.source: Style.svg(model.iconUrl)
|
|
onClicked: {
|
|
checkBox.checked = !checkBox.checked
|
|
}
|
|
components: [
|
|
StatusCheckBox {
|
|
id: checkBox
|
|
checked: model.isEnabled
|
|
onCheckedChanged: {
|
|
if (model.isEnabled !== checked) {
|
|
popup.toggleNetwork(model.chainId)
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|