2c72cc66d8
* Implemented strict linting standards and prettier formatting config. * More linter fixes and type updates. * More linter updates and type fixes * Remove noisy comments * Linter and type updates * Linter, formatting and type updates. * Linter updates * Type updates * Type updates * fixed all linter errors * Fixed all linting, formatting and type issues. * Resolve merge conflicts.
64 lines
2.1 KiB
TypeScript
64 lines
2.1 KiB
TypeScript
import Gdk from 'gi://Gdk?version=3.0';
|
|
import GLib from 'gi://GLib';
|
|
import { openMenu } from '../utils.js';
|
|
import options from 'options';
|
|
import { DateTime } from 'types/@girs/glib-2.0/glib-2.0.cjs';
|
|
import { BarBoxChild } from 'lib/types/bar.js';
|
|
import Button from 'types/widgets/button.js';
|
|
import { Child } from 'lib/types/widget.js';
|
|
const { format, icon, showIcon, showTime } = options.bar.clock;
|
|
const { style } = options.theme.bar.buttons;
|
|
|
|
const date = Variable(GLib.DateTime.new_now_local(), {
|
|
poll: [1000, (): DateTime => GLib.DateTime.new_now_local()],
|
|
});
|
|
const time = Utils.derive([date, format], (c, f) => c.format(f) || '');
|
|
|
|
const Clock = (): BarBoxChild => {
|
|
const clockTime = Widget.Label({
|
|
class_name: 'bar-button-label clock bar',
|
|
label: time.bind(),
|
|
});
|
|
|
|
const clockIcon = Widget.Label({
|
|
label: icon.bind('value'),
|
|
class_name: 'bar-button-icon clock txt-icon bar',
|
|
});
|
|
|
|
return {
|
|
component: Widget.Box({
|
|
className: Utils.merge(
|
|
[style.bind('value'), showIcon.bind('value'), showTime.bind('value')],
|
|
(btnStyle, shwIcn, shwLbl) => {
|
|
const styleMap = {
|
|
default: 'style1',
|
|
split: 'style2',
|
|
wave: 'style3',
|
|
wave2: 'style3',
|
|
};
|
|
|
|
return `bluetooth ${styleMap[btnStyle]} ${!shwLbl ? 'no-label' : ''} ${!shwIcn ? 'no-icon' : ''}`;
|
|
},
|
|
),
|
|
children: Utils.merge([showIcon.bind('value'), showTime.bind('value')], (shIcn, shTm) => {
|
|
if (shIcn && !shTm) {
|
|
return [clockIcon];
|
|
} else if (shTm && !shIcn) {
|
|
return [clockTime];
|
|
}
|
|
|
|
return [clockIcon, clockTime];
|
|
}),
|
|
}),
|
|
isVisible: true,
|
|
boxClass: 'clock',
|
|
props: {
|
|
on_primary_click: (clicked: Button<Child, Child>, event: Gdk.Event): void => {
|
|
openMenu(clicked, event, 'calendarmenu');
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export { Clock };
|