b5e91fa2dc
* fix: markup shown as tags from some browsers * fix: notification body overflow * Revert "fix: notification body overflow" This reverts commit 58c0fe4758cbfcf1ca0fbf6e9c6a66322aa703cf. * fix: remove options
57 lines
2.0 KiB
TypeScript
57 lines
2.0 KiB
TypeScript
import GLib from 'gi://GLib';
|
|
import { Notification } from 'types/service/notifications';
|
|
import { NotificationIcon } from './icon.js';
|
|
import { notifHasImg } from '../../utils.js';
|
|
import options from 'options.js';
|
|
import { BoxWidget } from 'lib/types/widget.js';
|
|
|
|
const { military } = options.menus.clock.time;
|
|
|
|
export const Header = (notif: Notification): BoxWidget => {
|
|
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 menu',
|
|
hpack: 'start',
|
|
children: [NotificationIcon(notif)],
|
|
}),
|
|
Widget.Box({
|
|
class_name: 'notification-card-header menu',
|
|
hexpand: true,
|
|
vpack: 'start',
|
|
children: [
|
|
Widget.Label({
|
|
class_name: 'notification-card-header-label menu',
|
|
hpack: 'start',
|
|
hexpand: true,
|
|
vexpand: true,
|
|
max_width_chars: !notifHasImg(notif) ? 34 : 22,
|
|
truncate: 'end',
|
|
wrap: true,
|
|
label: notif['summary'],
|
|
}).on('realize', (self) => {
|
|
self.set_markup(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),
|
|
}),
|
|
}),
|
|
],
|
|
});
|
|
};
|