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.
57 lines
2.0 KiB
TypeScript
57 lines
2.0 KiB
TypeScript
import GLib from 'gi://GLib';
|
|
import { notifHasImg } from '../../menus/notifications/utils.js';
|
|
import { NotificationIcon } from './icon.js';
|
|
import { Notification } from 'types/service/notifications';
|
|
import options from 'options.js';
|
|
import Box from 'types/widgets/box.js';
|
|
import { Attribute, Child } from 'lib/types/widget.js';
|
|
|
|
const { military } = options.menus.clock.time;
|
|
|
|
export const Header = (notif: Notification): Box<Child, Attribute> => {
|
|
const time = (time: number, format = '%I:%M %p'): string => {
|
|
return GLib.DateTime.new_from_unix_local(time).format(military.value ? '%H:%M' : format) || '--';
|
|
};
|
|
|
|
return Widget.Box({
|
|
vertical: false,
|
|
hexpand: true,
|
|
children: [
|
|
Widget.Box({
|
|
class_name: 'notification-card-header',
|
|
hpack: 'start',
|
|
children: [NotificationIcon(notif)],
|
|
}),
|
|
Widget.Box({
|
|
class_name: 'notification-card-header',
|
|
hexpand: true,
|
|
hpack: 'start',
|
|
vpack: 'start',
|
|
children: [
|
|
Widget.Label({
|
|
class_name: 'notification-card-header-label',
|
|
hpack: 'start',
|
|
hexpand: true,
|
|
vexpand: true,
|
|
max_width_chars: !notifHasImg(notif) ? 30 : 19,
|
|
truncate: 'end',
|
|
wrap: true,
|
|
label: notif['summary'],
|
|
}),
|
|
],
|
|
}),
|
|
Widget.Box({
|
|
class_name: 'notification-card-header menu',
|
|
hpack: 'end',
|
|
vpack: 'start',
|
|
hexpand: true,
|
|
child: Widget.Label({
|
|
vexpand: true,
|
|
class_name: 'notification-time',
|
|
label: time(notif.time),
|
|
}),
|
|
}),
|
|
],
|
|
});
|
|
};
|