65 lines
1.2 KiB
QML
65 lines
1.2 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Layouts 1.14
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Components 0.1
|
|
|
|
ColumnLayout {
|
|
GridLayout {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
columns: 6
|
|
columnSpacing: 5
|
|
rowSpacing: 5
|
|
|
|
StatusLoadingIndicator {
|
|
color: Theme.palette.directColor4
|
|
}
|
|
|
|
StatusLetterIdenticon {
|
|
name: "#status"
|
|
}
|
|
|
|
StatusRoundedImage {
|
|
image.source: "qrc:/demoapp/data/profile-image-1.jpeg"
|
|
}
|
|
|
|
StatusBadge {}
|
|
|
|
StatusBadge {
|
|
value: 1
|
|
}
|
|
|
|
StatusBadge {
|
|
value: 10
|
|
}
|
|
|
|
StatusBadge {
|
|
value: 100
|
|
}
|
|
|
|
StatusRoundIcon {
|
|
asset.name: "info"
|
|
}
|
|
}
|
|
|
|
Flow {
|
|
Layout.fillWidth: true
|
|
spacing: 4
|
|
|
|
Repeater {
|
|
model: 12
|
|
StatusLetterIdenticon {
|
|
name: "A"
|
|
color: Theme.palette.userCustomizationColors[index]
|
|
letterSize: 16
|
|
}
|
|
}
|
|
}
|
|
|
|
StatusDatePicker {
|
|
label: "Select date"
|
|
}
|
|
}
|