152 lines
3.8 KiB
TypeScript
152 lines
3.8 KiB
TypeScript
import dayjs from "dayjs";
|
|
|
|
const date = new Date();
|
|
const prevDay = new Date().getDate() - 1;
|
|
const nextDay = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);
|
|
const INITIAL_YEAR = dayjs().format("YYYY");
|
|
const INITIAL_MONTH = dayjs().format("M");
|
|
|
|
// prettier-ignore
|
|
const nextMonth = date.getMonth() === 11 ? new Date(date.getFullYear() + 1, 0, 1) : new Date(date.getFullYear(), date.getMonth() + 1, 1)
|
|
// prettier-ignore
|
|
const prevMonth = date.getMonth() === 11 ? new Date(date.getFullYear() - 1, 0, 1) : new Date(date.getFullYear(), date.getMonth() - 1, 1)
|
|
|
|
export const calendarEvents = [
|
|
{
|
|
id: "event-001-calendar-all-day",
|
|
title: "aaaAll Day Event",
|
|
start: date,
|
|
end: nextDay,
|
|
allDay: false,
|
|
//className: "warning",
|
|
extendedProps: {
|
|
calendar: "2",
|
|
},
|
|
},
|
|
{
|
|
id: "event-002-meeting-client",
|
|
title: "Meeting With Client",
|
|
start: new Date(date.getFullYear(), date.getMonth() + 1, -11),
|
|
end: new Date(date.getFullYear(), date.getMonth() + 1, -10),
|
|
allDay: true,
|
|
//className: "success",
|
|
extendedProps: {
|
|
calendar: "1",
|
|
},
|
|
},
|
|
{
|
|
id: "event-003-lunch",
|
|
title: "Lunch",
|
|
allDay: true,
|
|
start: new Date(date.getFullYear(), date.getMonth() + 1, -9),
|
|
end: new Date(date.getFullYear(), date.getMonth() + 1, -7),
|
|
// className: "info",
|
|
extendedProps: {
|
|
calendar: "3",
|
|
},
|
|
},
|
|
{
|
|
id: "event-004-birthday-party",
|
|
title: "Birthday Party",
|
|
start: new Date(date.getFullYear(), date.getMonth() + 1, -11),
|
|
end: new Date(date.getFullYear(), date.getMonth() + 1, -10),
|
|
allDay: true,
|
|
//className: "primary",
|
|
extendedProps: {
|
|
calendar: "3",
|
|
},
|
|
},
|
|
{
|
|
id: "event-005-birthday-party-2",
|
|
title: "Birthday Party",
|
|
start: new Date(date.getFullYear(), date.getMonth() + 1, -13),
|
|
end: new Date(date.getFullYear(), date.getMonth() + 1, -12),
|
|
allDay: true,
|
|
// className: "danger",
|
|
extendedProps: {
|
|
calendar: "2",
|
|
},
|
|
},
|
|
{
|
|
id: "event-006-monthly-meeting",
|
|
title: "Monthly Meeting",
|
|
start: nextMonth,
|
|
end: nextMonth,
|
|
allDay: true,
|
|
//className: "primary",
|
|
extendedProps: {
|
|
calendar: "5",
|
|
},
|
|
},
|
|
];
|
|
|
|
export const calendarCategories = [
|
|
{
|
|
label: "Nasional",
|
|
value: "1",
|
|
activeClass: "ring-primary-500 bg-primary-500",
|
|
className: "group-hover:border-blue-500",
|
|
},
|
|
{
|
|
label: "Polda",
|
|
value: "2",
|
|
activeClass: "ring-success-500 bg-success-500",
|
|
className: " group-hover:border-green-500",
|
|
},
|
|
{
|
|
label: "Polres",
|
|
value: "3",
|
|
activeClass: "ring-danger-500 bg-danger-500",
|
|
className: " group-hover:border-red-500",
|
|
},
|
|
{
|
|
label: "Satker",
|
|
value: "4",
|
|
activeClass: "ring-yellow-500 bg-yellow-500",
|
|
className: " group-hover:border-red-500",
|
|
},
|
|
{
|
|
label: "Internasional",
|
|
value: "5",
|
|
activeClass: "ring-info-500 bg-info-500",
|
|
className: " group-hover:border-cyan-500",
|
|
},
|
|
];
|
|
|
|
export const categories = [
|
|
{
|
|
label: "Nasional",
|
|
value: "1",
|
|
className:
|
|
"data-[state=checked]:bg-yellow-500 data-[state=checked]:ring-yellow-500",
|
|
},
|
|
{
|
|
label: "Polda",
|
|
value: "2",
|
|
className:
|
|
"data-[state=checked]:bg-blue-400 data-[state=checked]:ring-blue-400",
|
|
},
|
|
{
|
|
label: "Polres",
|
|
value: "3",
|
|
className:
|
|
"data-[state=checked]:bg-slate-400 data-[state=checked]:ring-slate-400 ",
|
|
},
|
|
{
|
|
label: "Satker",
|
|
value: "4",
|
|
className:
|
|
"data-[state=checked]:bg-warning data-[state=checked]:ring-warning ",
|
|
},
|
|
{
|
|
label: "Internasional",
|
|
value: "5",
|
|
className:
|
|
"data-[state=checked]:bg-green-500 data-[state=checked]:ring-green-500 ",
|
|
},
|
|
];
|
|
|
|
export type CalendarEvent = (typeof calendarEvents)[number];
|
|
export type CalendarCategory = (typeof calendarCategories)[number];
|
|
export type Category = (typeof categories)[number];
|