never/noctalia-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clock: small changes to compact mode

Browse source
This commit is contained in:
Ly-sec 2025-09-11 13:53:45 +02:00
parent a1cbd35202
commit baafe54d13
3 changed files with 9 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

16
Modules/Bar/Widgets/Clock.qml
View file

@ -35,8 +35,6 @@ Rectangle {
readonly property bool reverseDayMonth: widgetSettings.reverseDayMonth
!== undefined ? widgetSettings.reverseDayMonth : widgetMetadata.reverseDayMonth
readonly property bool compactMode: widgetSettings.compactMode !== undefined ? widgetSettings.compactMode : widgetMetadata.compactMode
readonly property bool compactDateNumeric: widgetSettings.compactDateNumeric
!== undefined ? widgetSettings.compactDateNumeric : widgetMetadata.compactDateNumeric
implicitWidth: (compactMode ? Math.max(timeText.implicitWidth,
dateText.implicitWidth) : clock.width) + Style.marginM * 2 * scaling
@ -50,12 +48,12 @@ Rectangle {
Item {
id: clockContainer
anchors.fill: parent
anchors.margins: Math.round((compactMode ? Style.marginS : Style.marginM) * scaling)
anchors.margins: Math.round((compactMode ? Style.marginXS : Style.marginM) * scaling)
Column {
id: compactColumn
anchors.centerIn: parent
spacing: Math.round(Style.marginXXS * scaling)
spacing: compactMode ? 0 : Math.round(Style.marginXXS * scaling)
visible: compactMode
NText {
@ -77,21 +75,13 @@ Rectangle {
visible: compactMode || showDate
text: {
const now = Time.date
if (compactDateNumeric) {
const day = now.getDate()
const month = now.getMonth() + 1
const dd = (day < 10 ? "0" + day : "" + day)
const mm = (month < 10 ? "0" + month : "" + month)
return reverseDayMonth ? `${mm}/${dd}` : `${dd}/${mm}`
} else {
let dayName = now.toLocaleDateString(Qt.locale(), "ddd")
dayName = dayName.charAt(0).toUpperCase() + dayName.slice(1)
let day = now.getDate()
let month = now.toLocaleDateString(Qt.locale(), "MMM")
return reverseDayMonth ? `${dayName}, ${month} ${day}` : `${dayName}, ${day} ${month}`
}
}
font.pointSize: Math.max(Style.fontSizeXS, Style.fontSizeXS * scaling)
font.pointSize: Math.max(Style.fontSizeXXS, Style.fontSizeXXS * scaling)
font.weight: Style.fontWeightRegular
color: Color.mPrimary
horizontalAlignment: Text.AlignHCenter

11
Modules/SettingsPanel/Bar/WidgetSettings/ClockSettings.qml
View file

@ -19,8 +19,6 @@ ColumnLayout {
property bool valueShowSeconds: widgetData.showSeconds !== undefined ? widgetData.showSeconds : widgetMetadata.showSeconds
property bool valueReverseDayMonth: widgetData.reverseDayMonth !== undefined ? widgetData.reverseDayMonth : widgetMetadata.reverseDayMonth
property bool valueCompactMode: widgetData.compactMode !== undefined ? widgetData.compactMode : widgetMetadata.compactMode
property bool valueCompactDateNumeric: widgetData.compactDateNumeric
!== undefined ? widgetData.compactDateNumeric : widgetMetadata.compactDateNumeric
function saveSettings() {
var settings = Object.assign({}, widgetData || {})
@ -29,7 +27,6 @@ ColumnLayout {
settings.showSeconds = valueShowSeconds
settings.reverseDayMonth = valueReverseDayMonth
settings.compactMode = valueCompactMode
settings.compactDateNumeric = valueCompactDateNumeric
return settings
}
@ -45,14 +42,6 @@ ColumnLayout {
onToggled: checked => valueCompactMode = checked
}
// Only visible when compact mode is enabled
NToggle {
visible: valueCompactMode
label: "Compact date numeric (DD/MM)"
checked: valueCompactDateNumeric
onToggled: checked => valueCompactDateNumeric = checked
}
NToggle {
label: "Use 12-hour clock"
checked: valueUse12h

3
Services/BarWidgetRegistry.qml
View file

@ -56,8 +56,7 @@ Singleton {
"use12HourClock": false,
"showSeconds": false,
"reverseDayMonth": true,
"compactMode": false,
"compactDateNumeric": true
"compactMode": false
},
"CustomButton": {
"allowUserSettings": true,