Pascal Precht
af3ca15b7f
This is a component to easily render two panel layouts used in different
view of Status Desktop. Designed to be used with `StatusAppLayout`
Usage:
```qml
import StatusQ.Layout 0.1
StatusAppLayout {
...
appView: StackView {
anchors.fill: parent
initialItem: Component {
StatusAppTwoPanelLayout {
leftPanel: Component {...}
rightPanel: Component {...}
}
}
}
}
```
Closes: #78
47 lines
947 B
QML
47 lines
947 B
QML
import QtQuick 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import QtQuick.Controls 2.13
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
Item {
|
|
id: statusAppTwoPanelLayout
|
|
|
|
implicitWidth: 822
|
|
implicitHeight: 600
|
|
|
|
property Item leftPanel
|
|
property Item rightPanel
|
|
|
|
onLeftPanelChanged: {
|
|
if (!!leftPanel) {
|
|
leftPanel.parent = leftPanelSlot
|
|
}
|
|
}
|
|
|
|
onRightPanelChanged: {
|
|
if (!!rightPanel) {
|
|
rightPanel.parent = rightPanelSlot
|
|
}
|
|
}
|
|
|
|
Row {
|
|
anchors.fill: parent
|
|
|
|
Rectangle {
|
|
id: leftPanelSlot
|
|
height: parent.height
|
|
width: 304
|
|
color: Theme.palette.baseColor4
|
|
}
|
|
|
|
Rectangle {
|
|
id: rightPanelSlot
|
|
height: parent.height
|
|
width: parent.width - leftPanelSlot.width
|
|
color: Theme.palette.statusAppLayout.rightPanelBackgroundColor
|
|
}
|
|
}
|
|
}
|