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.
89 lines
3.8 KiB
TypeScript
89 lines
3.8 KiB
TypeScript
const notifs = await Service.import('notifications');
|
|
|
|
import { BoxWidget } from 'lib/types/widget';
|
|
import options from 'options';
|
|
import { Notification } from 'types/service/notifications';
|
|
import { Variable } from 'types/variable';
|
|
|
|
const { displayedTotal } = options.notifications;
|
|
const { show: showPager } = options.theme.bar.menus.menu.notifications.pager;
|
|
|
|
export const NotificationPager = (curPage: Variable<number>): BoxWidget => {
|
|
return Widget.Box({
|
|
class_name: 'notification-menu-pager',
|
|
hexpand: true,
|
|
vexpand: false,
|
|
children: Utils.merge(
|
|
[
|
|
curPage.bind('value'),
|
|
displayedTotal.bind('value'),
|
|
notifs.bind('notifications'),
|
|
showPager.bind('value'),
|
|
],
|
|
(currentPage: number, dispTotal: number, _: Notification[], showPgr: boolean) => {
|
|
if (showPgr === false) {
|
|
return [];
|
|
}
|
|
return [
|
|
Widget.Button({
|
|
hexpand: true,
|
|
hpack: 'start',
|
|
class_name: `pager-button left ${currentPage <= 1 ? 'disabled' : ''}`,
|
|
onPrimaryClick: () => {
|
|
curPage.value = 1;
|
|
},
|
|
child: Widget.Label({
|
|
className: 'pager-button-label',
|
|
label: '',
|
|
}),
|
|
}),
|
|
Widget.Button({
|
|
hexpand: true,
|
|
hpack: 'start',
|
|
class_name: `pager-button left ${currentPage <= 1 ? 'disabled' : ''}`,
|
|
onPrimaryClick: () => {
|
|
curPage.value = currentPage <= 1 ? 1 : currentPage - 1;
|
|
},
|
|
child: Widget.Label({
|
|
className: 'pager-button-label',
|
|
label: '',
|
|
}),
|
|
}),
|
|
Widget.Label({
|
|
hexpand: true,
|
|
hpack: 'center',
|
|
class_name: 'pager-label',
|
|
label: `${currentPage} / ${Math.ceil(notifs.notifications.length / dispTotal) || 1}`,
|
|
}),
|
|
Widget.Button({
|
|
hexpand: true,
|
|
hpack: 'end',
|
|
class_name: `pager-button right ${currentPage >= Math.ceil(notifs.notifications.length / dispTotal) ? 'disabled' : ''}`,
|
|
onPrimaryClick: () => {
|
|
const maxPage = Math.ceil(notifs.notifications.length / displayedTotal.value);
|
|
curPage.value = currentPage >= maxPage ? currentPage : currentPage + 1;
|
|
},
|
|
child: Widget.Label({
|
|
className: 'pager-button-label',
|
|
label: '',
|
|
}),
|
|
}),
|
|
Widget.Button({
|
|
hexpand: true,
|
|
hpack: 'end',
|
|
class_name: `pager-button right ${currentPage >= Math.ceil(notifs.notifications.length / dispTotal) ? 'disabled' : ''}`,
|
|
onPrimaryClick: () => {
|
|
const maxPage = Math.ceil(notifs.notifications.length / displayedTotal.value);
|
|
curPage.value = maxPage;
|
|
},
|
|
child: Widget.Label({
|
|
className: 'pager-button-label',
|
|
label: '',
|
|
}),
|
|
}),
|
|
];
|
|
},
|
|
),
|
|
});
|
|
};
|