feat: add option to hide seconds on calendar (#343)

modules/menus/calendar/time/index.ts

@@ -1,7 +1,7 @@
 import { BoxWidget } from 'lib/types/widget';
 import options from 'options';
 
-const { military } = options.menus.clock.time;
+const { military, hideSeconds } = options.menus.clock.time;
 
 const time = Variable('', {
     poll: [1000, 'date "+%I:%M:%S"'],
@@ -26,7 +26,9 @@ const TimeWidget = (): BoxWidget => {
             vpack: 'center',
             hpack: 'center',
             class_name: 'clock-content-items',
-            children: military.bind('value').as((is24hr) => {
+            children: Utils.merge(
+                [military.bind('value'), hideSeconds.bind('value')],
+                (is24hr: boolean, hideSeconds: boolean) => {
                     if (!is24hr) {
                         return [
                             Widget.Box({
@@ -34,7 +36,7 @@ const TimeWidget = (): BoxWidget => {
                                 children: [
                                     Widget.Label({
                                         class_name: 'clock-content-time',
-                                    label: time.bind(),
+                                        label: hideSeconds ? time.bind().as((str) => str.slice(0, -3)) : time.bind(),
                                     }),
                                 ],
                             }),
@@ -57,12 +59,15 @@ const TimeWidget = (): BoxWidget => {
                             children: [
                                 Widget.Label({
                                     class_name: 'clock-content-time',
-                                label: militaryTime.bind(),
+                                    label: hideSeconds
+                                        ? militaryTime.bind().as((str) => str.slice(0, -3))
+                                        : militaryTime.bind(),
                                 }),
                             ],
                         }),
                     ];
-            }),
+                },
+            ),
         }),
     });
 };

options.ts

@@ -1137,6 +1137,7 @@ const options = mkOptions(OPTIONS, {
         clock: {
             time: {
                 military: opt(false),
+                hideSeconds: opt(false),
             },
             weather: {
                 enabled: opt(true),

widget/settings/pages/config/menus/clock.ts

@@ -14,6 +14,7 @@ export const ClockMenuSettings = (): Scrollable<Child, Attribute> => {
             children: [
                 Header('Time'),
                 Option({ opt: options.menus.clock.time.military, title: 'Use 24hr time', type: 'boolean' }),
+                Option({ opt: options.menus.clock.time.hideSeconds, title: 'Hide seconds', type: 'boolean' }),
 
                 Header('Weather'),
                 Option({ opt: options.menus.clock.weather.enabled, title: 'Enabled', type: 'boolean' }),