status-desktop/ui/app/AppLayouts/UIComponents/UIComponents.qml

198 lines
4.7 KiB
QML
Raw Normal View History

2020-08-25 09:00:03 +00:00
import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import utils 1.0
import shared 1.0
import shared.panels 1.0
import shared.status 1.0
2020-08-25 09:00:03 +00:00
Item {
id: uiComponentCatalog
Layout.fillHeight: true
Layout.fillWidth: true
ColumnLayout {
id: buttons
spacing: 6
width: parent.width
2020-08-25 09:00:03 +00:00
RowLayout {
Text {
text: "Buttons"
}
}
/* Commented due to high cpu usage */
/*
2020-08-25 09:00:03 +00:00
RowLayout {
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Primary Large Button"
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Secondary Large Button"
type: "secondary"
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Primary Small Button"
size: "small"
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Secondary Small Button"
size: "small"
}
2020-08-25 11:15:18 +00:00
StatusRoundButton {
icon.name: "arrow-right"
icon.height: 15
icon.width: 20
}
StatusRoundButton {
size: "medium"
icon.name: "arrow-right"
icon.height: 15
icon.width: 20
2020-08-25 09:00:03 +00:00
}
StatusRoundButton {
size: "small"
icon.name: "arrow-right"
icon.height: 12
icon.width: 18
}
2020-08-25 09:00:03 +00:00
}
RowLayout {
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Primary Large Button"
enabled: false
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Secondary Large Button"
type: "secondary"
enabled: false
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Primary Small Button"
enabled: false
size: "small"
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Secondary Small Button"
type: "secondary"
enabled: false
size: "small"
}
2020-08-25 11:15:18 +00:00
StatusRoundButton {
icon.name: "arrow-right"
icon.height: 15
icon.width: 20
enabled: false
}
StatusRoundButton {
size: "medium"
icon.name: "arrow-right"
icon.height: 15
icon.width: 20
enabled: false
2020-08-25 09:00:03 +00:00
}
StatusRoundButton {
size: "small"
icon.name: "arrow-right"
icon.height: 12
icon.width: 18
enabled: false
}
2020-08-25 09:00:03 +00:00
}
RowLayout {
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Primary Large Button"
state: "pending"
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Secondary Large Button"
type: "secondary"
state: "pending"
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Primary Large Button"
state: "pending"
size: "small"
}
2020-08-25 11:15:18 +00:00
StatusButton {
2020-08-25 09:00:03 +00:00
text: "Secondary Large Button"
type: "secondary"
state: "pending"
size: "small"
}
2020-08-25 11:15:18 +00:00
StatusRoundButton {
state: "pending"
}
StatusRoundButton {
size: "medium"
state: "pending"
2020-08-25 09:00:03 +00:00
}
StatusRoundButton {
size: "small"
state: "pending"
}
2020-08-25 09:00:03 +00:00
}
RowLayout {
width: parent.width
Layout.fillWidth: true
Item {
width: parent.width
height: addressComponent.height
Layout.fillWidth: true
Address {
id: addressComponent
text: "0x9ce0056c5fc6bb9459a4dcfa35eaad8c1fee5ce9"
width: 100
}
}
}
RowLayout {
width: parent.width
Layout.fillWidth: true
Item {
width: parent.width
height: addressComponent.height
Layout.fillWidth: true
Address {
id: addressComponentWidthAnchors
text: "0x9ce0056c5fc6bb9459a4dcfa35eaad8c1fee5ce9"
anchors.left: parent.left
anchors.right: parent.right
anchors.rightMargin: parent.width - 100
}
}
}
*/
2020-08-25 09:00:03 +00:00
}
}
/*##^##
Designer {
D{i:0;autoSize:true;formeditorColor:"#ffffff";formeditorZoom:0.75;height:480;width:1000}
}
##^##*/