status-desktop/storybook/pages/StatusModalFooterPage.qml

74 lines
1.4 KiB
QML

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import Storybook 1.0
import StatusQ.Controls 0.1
import StatusQ.Popups 0.1
SplitView {
id: root
orientation: Qt.Vertical
Item {
SplitView.fillWidth: true
SplitView.fillHeight: true
PopupBackground {
anchors.fill: parent
}
StatusModal {
id: footer
anchors.centerIn: parent
height: 300
visible: true
modal: false
closePolicy: Popup.NoAutoClose
title: "Some modal"
width: Math.floor(root.width * slider.value)
rightButtons: [
StatusButton {
text: qsTr("Some button")
},
StatusButton {
text: qsTr("Some other button")
}
]
leftButtons: StatusBackButton {
Layout.minimumWidth: implicitWidth
}
}
}
LogsAndControlsPanel {
SplitView.minimumHeight: 100
SplitView.preferredHeight: 200
SplitView.fillWidth: true
ColumnLayout {
Label {
text: `Popup width: ${footer.width}`
}
Slider {
id: slider
from: 0.2
to: 1
value: 0.5
}
}
}
}
// category: Components