805 lines
32 KiB
JavaScript
805 lines
32 KiB
JavaScript
var start_date = document.getElementById("event-start-date"),
|
||
timepicker1 = document.getElementById("timepicker1"),
|
||
timepicker2 = document.getElementById("timepicker2"),
|
||
date_range = null,
|
||
T_check = null;
|
||
function flatPickrInit() {
|
||
var e = { enableTime: !0, noCalendar: !0 };
|
||
flatpickr(start_date, {
|
||
enableTime: !1,
|
||
mode: "range",
|
||
minDate: "today",
|
||
onChange: function (e, t, n) {
|
||
1 < t.split("to").length
|
||
? document
|
||
.getElementById("event-time")
|
||
.setAttribute("hidden", !0)
|
||
: (document
|
||
.getElementById("timepicker1")
|
||
.parentNode.classList.remove("d-none"),
|
||
document
|
||
.getElementById("timepicker1")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("timepicker2")
|
||
.parentNode.classList.remove("d-none"),
|
||
document
|
||
.getElementById("timepicker2")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-time")
|
||
.removeAttribute("hidden"));
|
||
},
|
||
});
|
||
flatpickr(timepicker1, e), flatpickr(timepicker2, e);
|
||
}
|
||
function flatpicekrValueClear() {
|
||
start_date.flatpickr().clear(),
|
||
timepicker1.flatpickr().clear(),
|
||
timepicker2.flatpickr().clear();
|
||
}
|
||
function eventClicked() {
|
||
document.getElementById("form-event").classList.add("view-event"),
|
||
document
|
||
.getElementById("event-title")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-category")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-start-date")
|
||
.parentNode.classList.add("d-none"),
|
||
document
|
||
.getElementById("event-start-date")
|
||
.classList.replace("d-block", "d-none"),
|
||
document.getElementById("event-time").setAttribute("hidden", !0),
|
||
document
|
||
.getElementById("timepicker1")
|
||
.parentNode.classList.add("d-none"),
|
||
document
|
||
.getElementById("timepicker1")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("timepicker2")
|
||
.parentNode.classList.add("d-none"),
|
||
document
|
||
.getElementById("timepicker2")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-location")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-description")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-start-date-tag")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-timepicker1-tag")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-timepicker2-tag")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-location-tag")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-description-tag")
|
||
.classList.replace("d-none", "d-block"),
|
||
document.getElementById("btn-save-event").setAttribute("hidden", !0);
|
||
}
|
||
function editEvent(e) {
|
||
var t = e.getAttribute("data-id");
|
||
("new-event" == t
|
||
? ((document.getElementById("modal-title").innerHTML = ""),
|
||
(document.getElementById("modal-title").innerHTML = "Add Event"),
|
||
(document.getElementById("btn-save-event").innerHTML = "Add Event"),
|
||
eventTyped)
|
||
: "edit-event" == t
|
||
? ((e.innerHTML = "Cancel"),
|
||
e.setAttribute("data-id", "cancel-event"),
|
||
(document.getElementById("btn-save-event").innerHTML =
|
||
"Update Event"),
|
||
e.removeAttribute("hidden"),
|
||
eventTyped)
|
||
: ((e.innerHTML = "Edit"),
|
||
e.setAttribute("data-id", "edit-event"),
|
||
eventClicked))();
|
||
}
|
||
function eventTyped() {
|
||
document.getElementById("form-event").classList.remove("view-event"),
|
||
document
|
||
.getElementById("event-title")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-category")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-start-date")
|
||
.parentNode.classList.remove("d-none"),
|
||
document
|
||
.getElementById("event-start-date")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("timepicker1")
|
||
.parentNode.classList.remove("d-none"),
|
||
document
|
||
.getElementById("timepicker1")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("timepicker2")
|
||
.parentNode.classList.remove("d-none"),
|
||
document
|
||
.getElementById("timepicker2")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-location")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-description")
|
||
.classList.replace("d-none", "d-block"),
|
||
document
|
||
.getElementById("event-start-date-tag")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-timepicker1-tag")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-timepicker2-tag")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-location-tag")
|
||
.classList.replace("d-block", "d-none"),
|
||
document
|
||
.getElementById("event-description-tag")
|
||
.classList.replace("d-block", "d-none"),
|
||
document.getElementById("btn-save-event").removeAttribute("hidden");
|
||
}
|
||
function upcomingEvent(e) {
|
||
e.sort(function (e, t) {
|
||
return new Date(e.start) - new Date(t.start);
|
||
}),
|
||
(document.getElementById("upcoming-event-list").innerHTML = null),
|
||
Array.from(e).forEach(function (e) {
|
||
var t = e.title,
|
||
n =
|
||
(l = e.end
|
||
? (endUpdatedDay = new Date(e.end)).setDate(
|
||
endUpdatedDay.getDate() - 1
|
||
)
|
||
: l) || void 0;
|
||
n =
|
||
"Invalid Date" == n || null == n
|
||
? null
|
||
: ((a = new Date(n).toLocaleDateString("en", {
|
||
year: "numeric",
|
||
month: "numeric",
|
||
day: "numeric",
|
||
})),
|
||
new Date(a)
|
||
.toLocaleDateString("en-GB", {
|
||
day: "numeric",
|
||
month: "short",
|
||
year: "numeric",
|
||
})
|
||
.split(" ")
|
||
.join(" "));
|
||
(e.start ? str_dt(e.start) : null) === (l ? str_dt(l) : null) &&
|
||
(n = null);
|
||
var a = e.start,
|
||
d =
|
||
((a =
|
||
"Invalid Date" === a || void 0 === a
|
||
? null
|
||
: ((d = new Date(a).toLocaleDateString("en", {
|
||
year: "numeric",
|
||
month: "numeric",
|
||
day: "numeric",
|
||
})),
|
||
new Date(d)
|
||
.toLocaleDateString("en-GB", {
|
||
day: "numeric",
|
||
month: "short",
|
||
year: "numeric",
|
||
})
|
||
.split(" ")
|
||
.join(" "))),
|
||
n ? " to " + n : ""),
|
||
n = e.className.split("-"),
|
||
i = e.description || "",
|
||
e = tConvert(getTime(e.start)),
|
||
l =
|
||
(e == (l = tConvert(getTime(l))) &&
|
||
((e = "Full day event"), (l = null)),
|
||
l ? " to " + l : "");
|
||
(u_event =
|
||
"<div class='card mb-3'> <div class='card-body'> <div class='d-flex mb-3'> <div class='flex-grow-1'><i class='mdi mdi-checkbox-blank-circle me-2 text-" +
|
||
n[1] +
|
||
"'></i><span class='fw-medium'>" +
|
||
a +
|
||
d +
|
||
" </span></div> <div class='flex-shrink-0'><small class='badge bg-primary-subtle text-primary ms-auto'>" +
|
||
e +
|
||
l +
|
||
"</small></div> </div> <h6 class='card-title fs-16'> " +
|
||
t +
|
||
"</h6> <p class='text-muted text-truncate-two-lines mb-0'> " +
|
||
i +
|
||
"</p> </div> </div>"),
|
||
(document.getElementById("upcoming-event-list").innerHTML +=
|
||
u_event);
|
||
});
|
||
}
|
||
function getTime(e) {
|
||
if (null != (e = new Date(e)).getHours())
|
||
return e.getHours() + ":" + (e.getMinutes() ? e.getMinutes() : 0);
|
||
}
|
||
function tConvert(e) {
|
||
var e = e.split(":"),
|
||
t = e[0],
|
||
e = e[1],
|
||
n = 12 <= t ? "PM" : "AM";
|
||
return (t = (t %= 12) || 12) + ":" + (e < 10 ? "0" + e : e) + " " + n;
|
||
}
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
|
||
flatPickrInit();
|
||
var g = new bootstrap.Modal(document.getElementById("event-modal"), {
|
||
keyboard: !1,
|
||
}),
|
||
i =
|
||
(document.getElementById("event-modal"),
|
||
document.getElementById("modal-title")),
|
||
l = document.getElementById("form-event"),
|
||
v = null,
|
||
p = document.getElementsByClassName("needs-validation"),
|
||
e = new Date(),
|
||
t = e.getDate(),
|
||
n = e.getMonth(),
|
||
e = e.getFullYear(),
|
||
a = FullCalendar.Draggable,
|
||
d = document.getElementById("external-events"),
|
||
y = [
|
||
{
|
||
id: 1,
|
||
title: "World Braille Day",
|
||
start: "2022-01-04",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "World Leprosy Day",
|
||
start: "2022-01-30",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "International Mother Language Day",
|
||
start: "2022-02-21",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 4,
|
||
title: "International Women's Day",
|
||
start: "2022-03-08",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 5,
|
||
title: "World Thinking Day",
|
||
start: "2022-02-22",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 6,
|
||
title: "International Mother Language Day",
|
||
start: "2022-03-21",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 7,
|
||
title: "World Water Day",
|
||
start: "2022-03-22",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 8,
|
||
title: "World Health Day",
|
||
start: "2022-04-07",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 9,
|
||
title: "International Special Librarians Day",
|
||
start: "2022-04-16",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 10,
|
||
title: "Earth Day",
|
||
start: "2022-04-22",
|
||
className: "bg-info-subtle",
|
||
allDay: !0,
|
||
},
|
||
{
|
||
id: 153,
|
||
title: "All Day Event",
|
||
start: new Date(e, n, 1),
|
||
className: "bg-primary-subtle",
|
||
location: "San Francisco, US",
|
||
allDay: !0,
|
||
extendedProps: { department: "All Day Event" },
|
||
description:
|
||
"An all-day event is an event that lasts an entire day or longer",
|
||
},
|
||
{
|
||
id: 136,
|
||
title: "Visit Online Course",
|
||
start: new Date(e, n, t - 5),
|
||
end: new Date(e, n, t - 2),
|
||
allDay: !0,
|
||
className: "bg-warning-subtle",
|
||
extendedProps: { department: "Long Event" },
|
||
description:
|
||
"Long Term Event means an incident that last longer than 12 hours.",
|
||
},
|
||
{
|
||
id: 999,
|
||
title: "Client Meeting with Alexis",
|
||
start: new Date(e, n, t + 22, 20, 0),
|
||
end: new Date(e, n, t + 24, 16, 0),
|
||
allDay: !0,
|
||
className: "bg-danger-subtle",
|
||
location: "California, US",
|
||
extendedProps: { department: "Meeting with Alexis" },
|
||
description:
|
||
"A meeting is a gathering of two or more people that has been convened for the purpose of achieving a common goal through verbal interaction, such as sharing information or reaching agreement.",
|
||
},
|
||
{
|
||
id: 991,
|
||
title: "Repeating Event",
|
||
start: new Date(e, n, t + 4, 16, 0),
|
||
end: new Date(e, n, t + 9, 16, 0),
|
||
allDay: !0,
|
||
className: "bg-primary-subtle",
|
||
location: "Las Vegas, US",
|
||
extendedProps: { department: "Repeating Event" },
|
||
description:
|
||
"A recurring or repeating event is simply any event that you will occur more than once on your calendar. ",
|
||
},
|
||
{
|
||
id: 112,
|
||
title: "Meeting With Designer",
|
||
start: new Date(e, n, t, 12, 30),
|
||
allDay: !0,
|
||
className: "bg-success-subtle",
|
||
location: "Head Office, US",
|
||
extendedProps: { department: "Meeting" },
|
||
description: "Tell how to boost website traffic",
|
||
},
|
||
{
|
||
id: 113,
|
||
title: "Weekly Strategy Planning",
|
||
start: new Date(e, n, t + 9),
|
||
end: new Date(e, n, t + 11),
|
||
allDay: !0,
|
||
className: "bg-danger-subtle",
|
||
location: "Head Office, US",
|
||
extendedProps: { department: "Lunch" },
|
||
description: "Strategies for Creating Your Weekly Schedule",
|
||
},
|
||
{
|
||
id: 875,
|
||
title: "Birthday Party",
|
||
start: new Date(e, n, t + 1, 19, 0),
|
||
allDay: !0,
|
||
className: "bg-success-subtle",
|
||
location: "Los Angeles, US",
|
||
extendedProps: { department: "Birthday Party" },
|
||
description:
|
||
"Family slumber party – Bring out the blankets and pillows and have a family slumber party! Play silly party games, share special snacks and wind down the fun with a special movie.",
|
||
},
|
||
{
|
||
id: 783,
|
||
title: "Click for Google",
|
||
start: new Date(e, n, 28),
|
||
end: new Date(e, n, 29),
|
||
allDay: !0,
|
||
url: "http://google.com/",
|
||
className: "bg-dark-subtle",
|
||
},
|
||
{
|
||
id: 456,
|
||
title: "Velzon Project Discussion with Team",
|
||
start: new Date(e, n, t + 23, 20, 0),
|
||
end: new Date(e, n, t + 24, 16, 0),
|
||
allDay: !0,
|
||
className: "bg-info-subtle",
|
||
location: "Head Office, US",
|
||
extendedProps: { department: "Discussion" },
|
||
description: "Tell how to boost website traffic",
|
||
},
|
||
],
|
||
e =
|
||
(new a(d, {
|
||
itemSelector: ".external-event",
|
||
eventData: function (e) {
|
||
return {
|
||
id: Math.floor(11e3 * Math.random()),
|
||
title: e.innerText,
|
||
allDay: !0,
|
||
start: new Date(),
|
||
className: e.getAttribute("data-class"),
|
||
};
|
||
},
|
||
}),
|
||
document.getElementById("calendar"));
|
||
function o(e) {
|
||
document.getElementById("form-event").reset(),
|
||
document
|
||
.getElementById("btn-delete-event")
|
||
.setAttribute("hidden", !0),
|
||
g.show(),
|
||
l.classList.remove("was-validated"),
|
||
l.reset(),
|
||
(v = null),
|
||
(i.innerText = "Add Event"),
|
||
(newEventData = e),
|
||
document
|
||
.getElementById("edit-event-btn")
|
||
.setAttribute("data-id", "new-event"),
|
||
document.getElementById("edit-event-btn").click(),
|
||
document
|
||
.getElementById("edit-event-btn")
|
||
.setAttribute("hidden", !0);
|
||
}
|
||
function r() {
|
||
return 768 <= window.innerWidth && window.innerWidth < 1200
|
||
? "timeGridWeek"
|
||
: window.innerWidth <= 768
|
||
? "listMonth"
|
||
: "dayGridMonth";
|
||
}
|
||
var c = new Choices("#event-category", { searchEnabled: !1 }),
|
||
b = new FullCalendar.Calendar(e, {
|
||
timeZone: "local",
|
||
editable: !0,
|
||
droppable: !0,
|
||
selectable: !0,
|
||
navLinks: !0,
|
||
initialView: r(),
|
||
themeSystem: "bootstrap",
|
||
headerToolbar: {
|
||
left: "prev,next today",
|
||
center: "title",
|
||
right: "dayGridMonth,timeGridWeek,timeGridDay,listMonth",
|
||
},
|
||
windowResize: function (e) {
|
||
var t = r();
|
||
b.changeView(t);
|
||
},
|
||
eventResize: function (t) {
|
||
var e = y.findIndex(function (e) {
|
||
return e.id == t.event.id;
|
||
});
|
||
y[e] &&
|
||
((y[e].title = t.event.title),
|
||
(y[e].start = t.event.start),
|
||
(y[e].end = t.event.end || null),
|
||
(y[e].allDay = t.event.allDay),
|
||
(y[e].className = t.event.classNames[0]),
|
||
(y[e].description =
|
||
t.event._def.extendedProps.description || ""),
|
||
(y[e].location =
|
||
t.event._def.extendedProps.location || "")),
|
||
upcomingEvent(y);
|
||
},
|
||
eventClick: function (e) {
|
||
document
|
||
.getElementById("edit-event-btn")
|
||
.removeAttribute("hidden"),
|
||
document
|
||
.getElementById("btn-save-event")
|
||
.setAttribute("hidden", !0),
|
||
document
|
||
.getElementById("edit-event-btn")
|
||
.setAttribute("data-id", "edit-event"),
|
||
(document.getElementById("edit-event-btn").innerHTML =
|
||
"Edit"),
|
||
eventClicked(),
|
||
flatPickrInit(),
|
||
flatpicekrValueClear(),
|
||
g.show(),
|
||
l.reset(),
|
||
(v = e.event),
|
||
(document.getElementById("modal-title").innerHTML = ""),
|
||
(document.getElementById("event-location-tag").innerHTML =
|
||
void 0 === v.extendedProps.location
|
||
? "No Location"
|
||
: v.extendedProps.location),
|
||
(document.getElementById(
|
||
"event-description-tag"
|
||
).innerHTML =
|
||
void 0 === v.extendedProps.description
|
||
? "No Description"
|
||
: v.extendedProps.description),
|
||
(document.getElementById("event-title").value = v.title),
|
||
(document.getElementById("event-location").value =
|
||
void 0 === v.extendedProps.location
|
||
? "No Location"
|
||
: v.extendedProps.location),
|
||
(document.getElementById("event-description").value =
|
||
void 0 === v.extendedProps.description
|
||
? "No Description"
|
||
: v.extendedProps.description),
|
||
(document.getElementById("eventid").value = v.id),
|
||
v.classNames[0] &&
|
||
(c.destroy(),
|
||
(c = new Choices("#event-category", {
|
||
searchEnabled: !1,
|
||
})).setChoiceByValue(v.classNames[0]));
|
||
function t(e) {
|
||
var t = "" + ((e = new Date(e)).getMonth() + 1),
|
||
n = "" + e.getDate();
|
||
return [
|
||
e.getFullYear(),
|
||
(t = t.length < 2 ? "0" + t : t),
|
||
(n = n.length < 2 ? "0" + n : n),
|
||
].join("-");
|
||
}
|
||
var e = v.start,
|
||
n = v.end,
|
||
a = null,
|
||
d =
|
||
(null != n &&
|
||
(a = (d = new Date(n)).setDate(d.getDate() - 1)),
|
||
null == n ? str_dt(e) : str_dt(e) + " to " + str_dt(a)),
|
||
n = null == n ? t(e) : t(e) + " to " + t(a),
|
||
e =
|
||
(flatpickr(start_date, {
|
||
defaultDate: n,
|
||
altInput: !0,
|
||
altFormat: "j F Y",
|
||
dateFormat: "Y-m-d",
|
||
mode: "range",
|
||
onChange: function (e, t, n) {
|
||
1 < t.split("to").length
|
||
? document
|
||
.getElementById("event-time")
|
||
.setAttribute("hidden", !0)
|
||
: (document
|
||
.getElementById("timepicker1")
|
||
.parentNode.classList.remove(
|
||
"d-none"
|
||
),
|
||
document
|
||
.getElementById("timepicker1")
|
||
.classList.replace(
|
||
"d-none",
|
||
"d-block"
|
||
),
|
||
document
|
||
.getElementById("timepicker2")
|
||
.parentNode.classList.remove(
|
||
"d-none"
|
||
),
|
||
document
|
||
.getElementById("timepicker2")
|
||
.classList.replace(
|
||
"d-none",
|
||
"d-block"
|
||
),
|
||
document
|
||
.getElementById("event-time")
|
||
.removeAttribute("hidden"));
|
||
},
|
||
}),
|
||
(document.getElementById(
|
||
"event-start-date-tag"
|
||
).innerHTML = d),
|
||
getTime(v.start)),
|
||
a = getTime(v.end);
|
||
e == a
|
||
? (document
|
||
.getElementById("event-time")
|
||
.setAttribute("hidden", !0),
|
||
flatpickr(document.getElementById("timepicker1"), {
|
||
enableTime: !0,
|
||
noCalendar: !0,
|
||
dateFormat: "H:i",
|
||
}),
|
||
flatpickr(document.getElementById("timepicker2"), {
|
||
enableTime: !0,
|
||
noCalendar: !0,
|
||
dateFormat: "H:i",
|
||
}))
|
||
: (document
|
||
.getElementById("event-time")
|
||
.removeAttribute("hidden"),
|
||
flatpickr(document.getElementById("timepicker1"), {
|
||
enableTime: !0,
|
||
noCalendar: !0,
|
||
dateFormat: "H:i",
|
||
defaultDate: e,
|
||
}),
|
||
flatpickr(document.getElementById("timepicker2"), {
|
||
enableTime: !0,
|
||
noCalendar: !0,
|
||
dateFormat: "H:i",
|
||
defaultDate: a,
|
||
}),
|
||
(document.getElementById(
|
||
"event-timepicker1-tag"
|
||
).innerHTML = tConvert(e)),
|
||
(document.getElementById(
|
||
"event-timepicker2-tag"
|
||
).innerHTML = tConvert(a))),
|
||
(newEventData = null),
|
||
(i.innerText = v.title),
|
||
document
|
||
.getElementById("btn-delete-event")
|
||
.removeAttribute("hidden");
|
||
},
|
||
dateClick: function (e) {
|
||
o(e);
|
||
},
|
||
events: y,
|
||
eventReceive: function (e) {
|
||
e = {
|
||
id: parseInt(e.event.id),
|
||
title: e.event.title,
|
||
start: e.event.start,
|
||
allDay: e.event.allDay,
|
||
className: e.event.classNames[0],
|
||
};
|
||
y.push(e), upcomingEvent(y);
|
||
},
|
||
eventDrop: function (t) {
|
||
var e = y.findIndex(function (e) {
|
||
return e.id == t.event.id;
|
||
});
|
||
y[e] &&
|
||
((y[e].title = t.event.title),
|
||
(y[e].start = t.event.start),
|
||
(y[e].end = t.event.end || null),
|
||
(y[e].allDay = t.event.allDay),
|
||
(y[e].className = t.event.classNames[0]),
|
||
(y[e].description =
|
||
t.event._def.extendedProps.description || ""),
|
||
(y[e].location =
|
||
t.event._def.extendedProps.location || "")),
|
||
upcomingEvent(y);
|
||
},
|
||
});
|
||
b.render(),
|
||
upcomingEvent(y),
|
||
l.addEventListener("submit", function (e) {
|
||
e.preventDefault();
|
||
var t,
|
||
n,
|
||
e = document.getElementById("event-title").value,
|
||
a = document.getElementById("event-category").value,
|
||
d = document
|
||
.getElementById("event-start-date")
|
||
.value.split("to"),
|
||
i = new Date(d[0].trim()),
|
||
l = new Date(d[1]),
|
||
l = (l.setDate(l.getDate() + 1), d[1] ? l : ""),
|
||
o = null,
|
||
r = document.getElementById("event-location").value,
|
||
c = document.getElementById("event-description").value,
|
||
s = document.getElementById("eventid").value,
|
||
m = !1,
|
||
u =
|
||
(1 < d.length
|
||
? ((o = new Date(d[1])).setDate(o.getDate() + 1),
|
||
(d = new Date(d[0])),
|
||
(m = !0))
|
||
: ((t = d),
|
||
(u = document
|
||
.getElementById("timepicker1")
|
||
.value.trim()),
|
||
(n = document
|
||
.getElementById("timepicker2")
|
||
.value.trim()),
|
||
(d = new Date(d + "T" + u)),
|
||
(o = new Date(t + "T" + n))),
|
||
y.length + 1);
|
||
!1 === p[0].checkValidity()
|
||
? p[0].classList.add("was-validated")
|
||
: (v
|
||
? (v.setProp("id", s),
|
||
v.setProp("title", e),
|
||
v.setProp("classNames", [a]),
|
||
v.setStart(i),
|
||
v.setEnd(l),
|
||
v.setAllDay(m),
|
||
v.setExtendedProp("description", c),
|
||
v.setExtendedProp("location", r),
|
||
(t = y.findIndex(function (e) {
|
||
return e.id == v.id;
|
||
})),
|
||
y[t] &&
|
||
((y[t].title = e),
|
||
(y[t].start = i),
|
||
(y[t].end = l),
|
||
(y[t].allDay = m),
|
||
(y[t].className = a),
|
||
(y[t].description = c),
|
||
(y[t].location = r)),
|
||
b.render())
|
||
: (b.addEvent(
|
||
(n = {
|
||
id: u,
|
||
title: e,
|
||
start: d,
|
||
end: o,
|
||
allDay: m,
|
||
className: a,
|
||
description: c,
|
||
location: r,
|
||
})
|
||
),
|
||
y.push(n)),
|
||
g.hide(),
|
||
upcomingEvent(y));
|
||
}),
|
||
document
|
||
.getElementById("btn-delete-event")
|
||
.addEventListener("click", function (e) {
|
||
if (v) {
|
||
for (var t = 0; t < y.length; t++)
|
||
y[t].id == v.id && (y.splice(t, 1), t--);
|
||
upcomingEvent(y), v.remove(), (v = null), g.hide();
|
||
}
|
||
}),
|
||
document
|
||
.getElementById("btn-new-event")
|
||
.addEventListener("click", function (e) {
|
||
flatpicekrValueClear(),
|
||
flatPickrInit(),
|
||
o(),
|
||
document
|
||
.getElementById("edit-event-btn")
|
||
.setAttribute("data-id", "new-event"),
|
||
document.getElementById("edit-event-btn").click(),
|
||
document
|
||
.getElementById("edit-event-btn")
|
||
.setAttribute("hidden", !0);
|
||
});
|
||
});
|
||
var str_dt = function (e) {
|
||
var e = new Date(e),
|
||
t =
|
||
"" +
|
||
[
|
||
"January",
|
||
"February",
|
||
"March",
|
||
"April",
|
||
"May",
|
||
"June",
|
||
"July",
|
||
"August",
|
||
"September",
|
||
"October",
|
||
"November",
|
||
"December",
|
||
][e.getMonth()],
|
||
n = "" + e.getDate(),
|
||
e = e.getFullYear();
|
||
return (
|
||
t.length < 2 && (t = "0" + t),
|
||
[(n = n.length < 2 ? "0" + n : n) + " " + t, e].join(",")
|
||
);
|
||
};
|