mirror of
https://github.com/subsurface/subsurface.git
synced 2025-02-19 22:16:15 +00:00
QML UI: display rating and visibility stars
Display rating and visibility stars on the dive details page. See #495 Signed-off-by: Joakim Bygdell <j.bygdell@gmail.com>
This commit is contained in:
parent
ee17d54753
commit
9d7eb33a33
3 changed files with 93 additions and 1 deletions
|
@ -66,6 +66,7 @@ Item {
|
|||
}
|
||||
}
|
||||
Row {
|
||||
id: dateRow
|
||||
anchors {
|
||||
left: locationText.left
|
||||
top: locationText.bottom
|
||||
|
@ -96,6 +97,91 @@ Item {
|
|||
top: locationText.bottom
|
||||
}
|
||||
}
|
||||
Row {
|
||||
anchors {
|
||||
left: dateRow.left
|
||||
top: numberText.bottom
|
||||
}
|
||||
Kirigami.Label {
|
||||
id: ratingText
|
||||
text: qsTr("Rating:")
|
||||
font.pointSize: subsurfaceTheme.smallPointSize
|
||||
color: subsurfaceTheme.textColor
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: ratingText.verticalCenter
|
||||
source: (dive.rating >= 1) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: ratingText.verticalCenter
|
||||
source: (dive.rating >= 2) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: ratingText.verticalCenter
|
||||
source: (dive.rating >= 3) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: ratingText.verticalCenter
|
||||
source: (dive.rating >= 4) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: ratingText.verticalCenter
|
||||
source: (dive.rating === 5) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
}
|
||||
Row {
|
||||
anchors {
|
||||
right: numberText.right
|
||||
top: numberText.bottom
|
||||
}
|
||||
Kirigami.Label {
|
||||
id: visibilityText
|
||||
text: qsTr("Visibility:")
|
||||
font.pointSize: subsurfaceTheme.smallPointSize
|
||||
color: subsurfaceTheme.textColor
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: visibilityText.verticalCenter
|
||||
source: (dive.visibility >= 1) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: visibilityText.verticalCenter
|
||||
source: (dive.visibility >= 2) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: visibilityText.verticalCenter
|
||||
source: (dive.visibility >= 3) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: visibilityText.verticalCenter
|
||||
source: (dive.visibility >= 4) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
Kirigami.Icon {
|
||||
width: height
|
||||
height: subsurfaceTheme.regularPointSize
|
||||
anchors.verticalCenter: visibilityText.verticalCenter
|
||||
source: (dive.visibility === 5) ? "icons/ic_star.svg" : "icons/ic_star_border.svg"
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
GridLayout {
|
||||
id: bottomLayout
|
||||
|
@ -104,7 +190,7 @@ Item {
|
|||
left: parent.left
|
||||
right: parent.right
|
||||
margins: Math.round(Kirigami.Units.gridUnit / 2)
|
||||
topMargin: Kirigami.Units.gridUnit * 2
|
||||
topMargin: Kirigami.Units.gridUnit
|
||||
}
|
||||
columns: 3
|
||||
rowSpacing: Kirigami.Units.smallSpacing * 2
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue