7edcae651e
* bar: add 12h clock option * feat: allow custom format config * feat: 12h clock based on locale with config * chore: cleanup * fix: PR comments, add automatic fahrenheit * fix: formatting * dashboard: fix up date time * lock: better 12h clock --------- Co-authored-by: Soramane <61896496+soramanew@users.noreply.github.com>
68 lines
2 KiB
QML
68 lines
2 KiB
QML
import qs.widgets
|
|
import qs.services
|
|
import qs.config
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
Item {
|
|
id: root
|
|
|
|
readonly property list<string> timeComponents: Time.format(Config.services.useTwelveHourClock ? "hh:mm:A" : "hh:mm").split(":")
|
|
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
implicitWidth: Config.dashboard.sizes.dateTimeWidth
|
|
|
|
ColumnLayout {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: 0
|
|
|
|
StyledText {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: root.timeComponents[0]
|
|
color: Colours.palette.m3secondary
|
|
font.pointSize: Appearance.font.size.extraLarge
|
|
font.weight: 600
|
|
}
|
|
|
|
StyledText {
|
|
Layout.topMargin: -(font.pointSize * 0.2)
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: "•••"
|
|
color: Colours.palette.m3primary
|
|
font.pointSize: Appearance.font.size.extraLarge * 0.9
|
|
}
|
|
|
|
StyledText {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: root.timeComponents[1]
|
|
color: Colours.palette.m3secondary
|
|
font.pointSize: Appearance.font.size.extraLarge
|
|
font.weight: 600
|
|
}
|
|
|
|
StyledText {
|
|
visible: Config.services.useTwelveHourClock
|
|
Layout.topMargin: Appearance.spacing.small
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
text: root.timeComponents[2]
|
|
color: Colours.palette.m3secondary
|
|
font.pointSize: Appearance.font.size.large
|
|
font.weight: 600
|
|
}
|
|
|
|
StyledText {
|
|
Layout.topMargin: Appearance.spacing.normal
|
|
Layout.fillWidth: true
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: Time.format("ddd, d")
|
|
color: Colours.palette.m3tertiary
|
|
font.pointSize: Appearance.font.size.normal
|
|
font.weight: 500
|
|
elide: Text.ElideRight
|
|
}
|
|
}
|
|
}
|