StocksNew/public/assets/js/pages/calendar-month-grid.init.js
Sampanna Rimal 53c0140f58 first commit
2024-08-27 17:48:06 +05:45

799 lines
32 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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 =
(i = e.end
? (endUpdatedDay = new Date(e.end)).setDate(
endUpdatedDay.getDate() - 1
)
: i) || 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) === (i ? str_dt(i) : 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("-"),
l = e.description || "",
e = tConvert(getTime(e.start)),
i =
(e == (i = tConvert(getTime(i))) &&
((e = "Full day event"), (i = null)),
i ? " to " + i : "");
(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 +
i +
"</small></div> </div> <h6 class='card-title fs-16'> " +
t +
"</h6> <p class='text-muted text-truncate-two-lines mb-0'> " +
l +
"</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,
}),
l =
(document.getElementById("event-modal"),
document.getElementById("modal-title")),
i = 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(),
i.classList.remove("was-validated"),
i.reset(),
(v = null),
(l.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);
}
var r = new Choices("#event-category", { searchEnabled: !1 }),
b = new FullCalendar.Calendar(e, {
timeZone: "local",
editable: !0,
droppable: !0,
selectable: !0,
navLinks: !0,
initialView: "multiMonthYear",
themeSystem: "bootstrap",
headerToolbar: {
left: "prev,next today",
center: "title",
right: "multiMonthYear,dayGridMonth,timeGridWeek,timeGridDay,listMonth",
},
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(),
i.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] &&
(r.destroy(),
(r = 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),
(l.innerText = v.title),
document
.getElementById("btn-delete-event")
.removeAttribute("hidden"),
document
.querySelector(".fc-multiMonthYear-button")
.classList.contains("fc-button-active") &&
document
.querySelector(".fc-popover")
.classList.add("d-none");
},
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),
i.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"),
l = new Date(d[0].trim()),
i = new Date(d[1]),
i = (i.setDate(i.getDate() + 1), d[1] ? i : ""),
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(l),
v.setEnd(i),
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 = l),
(y[t].end = i),
(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(",")
);
};