mirror/DisCal-Discord-Bot
1
0
Fork 0
mirror of https://github.com/DreamExposure/DisCal-Discord-Bot.git synced 2026-02-11 22:18:27 -06:00
Code Issues Packages Projects Releases Wiki Activity

Embed calendar now loads the correct events and such on load

Browse Source 
This also makes sure styling for the calendar is correct over month
changes, date selections, etc.
This commit is contained in:
NovaFox161
2020-03-08 19:10:47 -05:00
parent 3fb549798d
commit 6b02aba83f
6 changed files with 101 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/main/javascript/embed/calendar.ts
View File

@@ -38,6 +38,7 @@ export class EmbedCalendarRunner {
this.embedCalendar.setMonth(this.embedCalendar.selectedDate);
this.embedCalendar.getEventsForMonth();
this.embedCalendar.getEventsForSelectedDate();
}
nextMonth() {
@@ -47,6 +48,7 @@ export class EmbedCalendarRunner {
this.embedCalendar.setMonth(this.embedCalendar.selectedDate);
this.embedCalendar.getEventsForMonth();
this.embedCalendar.getEventsForSelectedDate();
}
selectDate(clickedId: string) {
@@ -56,12 +58,10 @@ export class EmbedCalendarRunner {
let dateNum = parseInt(dateString);
this.embedCalendar.selectedDate.setDate(dateNum);
this.embedCalendar.setMonth(this.embedCalendar.selectedDate);
this.embedCalendar.getEventsForMonth();
this.embedCalendar.getEventsForSelectedDate();
document.getElementsByClassName("selected")[0].classList.remove("selected");
e.classList.add("selected");
}
}
}

10
web/src/main/javascript/objects/calendar/EmbedCalendar.ts
View File

@@ -165,8 +165,14 @@ export class EmbedCalendar implements TaskCallback {
if (thisDate.getMonth() === this.todaysDate.getMonth()
&& thisDate.getFullYear() === this.todaysDate.getFullYear()
&& thisDate.getDate() === this.todaysDate.getDate()) {
el.className = "today cal-date";
}
if (el.classList.contains("selected")) {
el.className = "today selected cal-date";
//get events for it
this.getEventsForSelectedDate();
} else {
el.className = "today cal-date";
}
}
}
}
}

2
web/src/main/javascript/utils/ElementUtil.ts
View File

@@ -16,7 +16,7 @@ export class ElementUtil {
}
static showEventsContainer() {
document.getElementById("events-container")!.hidden = true;
document.getElementById("events-container")!.hidden = false;
}
static hideEventsContainer() {

168
web/src/main/resources/static/assets/css/sb-admin-2.css
View File

@@ -1344,133 +1344,133 @@ form.user .btn-user {
@-webkit-keyframes noise-anim {
0% {
clip: rect(56px, 9999px, 89px, 0);
clip: rect(57px, 9999px, 77px, 0);
}
5% {
clip: rect(79px, 9999px, 47px, 0);
clip: rect(67px, 9999px, 16px, 0);
}
10% {
clip: rect(22px, 9999px, 90px, 0);
clip: rect(47px, 9999px, 33px, 0);
}
15% {
clip: rect(28px, 9999px, 70px, 0);
clip: rect(35px, 9999px, 44px, 0);
}
20% {
clip: rect(52px, 9999px, 9px, 0);
clip: rect(7px, 9999px, 20px, 0);
}
25% {
clip: rect(9px, 9999px, 24px, 0);
clip: rect(78px, 9999px, 94px, 0);
}
30% {
clip: rect(38px, 9999px, 99px, 0);
clip: rect(91px, 9999px, 60px, 0);
}
35% {
clip: rect(59px, 9999px, 76px, 0);
clip: rect(47px, 9999px, 9px, 0);
}
40% {
clip: rect(47px, 9999px, 3px, 0);
clip: rect(14px, 9999px, 63px, 0);
}
45% {
clip: rect(66px, 9999px, 43px, 0);
clip: rect(51px, 9999px, 77px, 0);
}
50% {
clip: rect(50px, 9999px, 43px, 0);
clip: rect(70px, 9999px, 10px, 0);
}
55% {
clip: rect(24px, 9999px, 79px, 0);
clip: rect(77px, 9999px, 55px, 0);
}
60% {
clip: rect(30px, 9999px, 22px, 0);
clip: rect(70px, 9999px, 38px, 0);
}
65% {
clip: rect(7px, 9999px, 6px, 0);
clip: rect(30px, 9999px, 86px, 0);
}
70% {
clip: rect(48px, 9999px, 88px, 0);
clip: rect(17px, 9999px, 79px, 0);
}
75% {
clip: rect(39px, 9999px, 23px, 0);
clip: rect(90px, 9999px, 62px, 0);
}
80% {
clip: rect(15px, 9999px, 1px, 0);
clip: rect(86px, 9999px, 98px, 0);
}
85% {
clip: rect(50px, 9999px, 88px, 0);
clip: rect(97px, 9999px, 49px, 0);
}
90% {
clip: rect(88px, 9999px, 46px, 0);
clip: rect(78px, 9999px, 31px, 0);
}
95% {
clip: rect(61px, 9999px, 35px, 0);
clip: rect(52px, 9999px, 75px, 0);
}
100% {
clip: rect(17px, 9999px, 89px, 0);
clip: rect(32px, 9999px, 18px, 0);
}
}
@keyframes noise-anim {
0% {
clip: rect(56px, 9999px, 89px, 0);
clip: rect(57px, 9999px, 77px, 0);
}
5% {
clip: rect(79px, 9999px, 47px, 0);
clip: rect(67px, 9999px, 16px, 0);
}
10% {
clip: rect(22px, 9999px, 90px, 0);
clip: rect(47px, 9999px, 33px, 0);
}
15% {
clip: rect(28px, 9999px, 70px, 0);
clip: rect(35px, 9999px, 44px, 0);
}
20% {
clip: rect(52px, 9999px, 9px, 0);
clip: rect(7px, 9999px, 20px, 0);
}
25% {
clip: rect(9px, 9999px, 24px, 0);
clip: rect(78px, 9999px, 94px, 0);
}
30% {
clip: rect(38px, 9999px, 99px, 0);
clip: rect(91px, 9999px, 60px, 0);
}
35% {
clip: rect(59px, 9999px, 76px, 0);
clip: rect(47px, 9999px, 9px, 0);
}
40% {
clip: rect(47px, 9999px, 3px, 0);
clip: rect(14px, 9999px, 63px, 0);
}
45% {
clip: rect(66px, 9999px, 43px, 0);
clip: rect(51px, 9999px, 77px, 0);
}
50% {
clip: rect(50px, 9999px, 43px, 0);
clip: rect(70px, 9999px, 10px, 0);
}
55% {
clip: rect(24px, 9999px, 79px, 0);
clip: rect(77px, 9999px, 55px, 0);
}
60% {
clip: rect(30px, 9999px, 22px, 0);
clip: rect(70px, 9999px, 38px, 0);
}
65% {
clip: rect(7px, 9999px, 6px, 0);
clip: rect(30px, 9999px, 86px, 0);
}
70% {
clip: rect(48px, 9999px, 88px, 0);
clip: rect(17px, 9999px, 79px, 0);
}
75% {
clip: rect(39px, 9999px, 23px, 0);
clip: rect(90px, 9999px, 62px, 0);
}
80% {
clip: rect(15px, 9999px, 1px, 0);
clip: rect(86px, 9999px, 98px, 0);
}
85% {
clip: rect(50px, 9999px, 88px, 0);
clip: rect(97px, 9999px, 49px, 0);
}
90% {
clip: rect(88px, 9999px, 46px, 0);
clip: rect(78px, 9999px, 31px, 0);
}
95% {
clip: rect(61px, 9999px, 35px, 0);
clip: rect(52px, 9999px, 75px, 0);
}
100% {
clip: rect(17px, 9999px, 89px, 0);
clip: rect(32px, 9999px, 18px, 0);
}
}
@@ -1489,133 +1489,133 @@ form.user .btn-user {
@-webkit-keyframes noise-anim-2 {
0% {
clip: rect(28px, 9999px, 99px, 0);
clip: rect(69px, 9999px, 5px, 0);
}
5% {
clip: rect(71px, 9999px, 49px, 0);
clip: rect(12px, 9999px, 67px, 0);
}
10% {
clip: rect(6px, 9999px, 22px, 0);
clip: rect(86px, 9999px, 77px, 0);
}
15% {
clip: rect(6px, 9999px, 46px, 0);
clip: rect(33px, 9999px, 66px, 0);
}
20% {
clip: rect(15px, 9999px, 36px, 0);
clip: rect(13px, 9999px, 96px, 0);
}
25% {
clip: rect(37px, 9999px, 71px, 0);
clip: rect(22px, 9999px, 13px, 0);
}
30% {
clip: rect(10px, 9999px, 93px, 0);
clip: rect(86px, 9999px, 80px, 0);
}
35% {
clip: rect(47px, 9999px, 50px, 0);
clip: rect(29px, 9999px, 91px, 0);
}
40% {
clip: rect(96px, 9999px, 30px, 0);
clip: rect(7px, 9999px, 30px, 0);
}
45% {
clip: rect(100px, 9999px, 51px, 0);
clip: rect(91px, 9999px, 6px, 0);
}
50% {
clip: rect(42px, 9999px, 58px, 0);
clip: rect(27px, 9999px, 21px, 0);
}
55% {
clip: rect(92px, 9999px, 75px, 0);
clip: rect(69px, 9999px, 66px, 0);
}
60% {
clip: rect(22px, 9999px, 82px, 0);
clip: rect(59px, 9999px, 16px, 0);
}
65% {
clip: rect(64px, 9999px, 10px, 0);
clip: rect(31px, 9999px, 22px, 0);
}
70% {
clip: rect(86px, 9999px, 97px, 0);
clip: rect(35px, 9999px, 20px, 0);
}
75% {
clip: rect(86px, 9999px, 6px, 0);
clip: rect(94px, 9999px, 12px, 0);
}
80% {
clip: rect(29px, 9999px, 43px, 0);
clip: rect(89px, 9999px, 9px, 0);
}
85% {
clip: rect(32px, 9999px, 91px, 0);
clip: rect(15px, 9999px, 65px, 0);
}
90% {
clip: rect(62px, 9999px, 32px, 0);
clip: rect(98px, 9999px, 67px, 0);
}
95% {
clip: rect(41px, 9999px, 85px, 0);
clip: rect(88px, 9999px, 72px, 0);
}
100% {
clip: rect(81px, 9999px, 95px, 0);
clip: rect(93px, 9999px, 37px, 0);
}
}
@keyframes noise-anim-2 {
0% {
clip: rect(28px, 9999px, 99px, 0);
clip: rect(69px, 9999px, 5px, 0);
}
5% {
clip: rect(71px, 9999px, 49px, 0);
clip: rect(12px, 9999px, 67px, 0);
}
10% {
clip: rect(6px, 9999px, 22px, 0);
clip: rect(86px, 9999px, 77px, 0);
}
15% {
clip: rect(6px, 9999px, 46px, 0);
clip: rect(33px, 9999px, 66px, 0);
}
20% {
clip: rect(15px, 9999px, 36px, 0);
clip: rect(13px, 9999px, 96px, 0);
}
25% {
clip: rect(37px, 9999px, 71px, 0);
clip: rect(22px, 9999px, 13px, 0);
}
30% {
clip: rect(10px, 9999px, 93px, 0);
clip: rect(86px, 9999px, 80px, 0);
}
35% {
clip: rect(47px, 9999px, 50px, 0);
clip: rect(29px, 9999px, 91px, 0);
}
40% {
clip: rect(96px, 9999px, 30px, 0);
clip: rect(7px, 9999px, 30px, 0);
}
45% {
clip: rect(100px, 9999px, 51px, 0);
clip: rect(91px, 9999px, 6px, 0);
}
50% {
clip: rect(42px, 9999px, 58px, 0);
clip: rect(27px, 9999px, 21px, 0);
}
55% {
clip: rect(92px, 9999px, 75px, 0);
clip: rect(69px, 9999px, 66px, 0);
}
60% {
clip: rect(22px, 9999px, 82px, 0);
clip: rect(59px, 9999px, 16px, 0);
}
65% {
clip: rect(64px, 9999px, 10px, 0);
clip: rect(31px, 9999px, 22px, 0);
}
70% {
clip: rect(86px, 9999px, 97px, 0);
clip: rect(35px, 9999px, 20px, 0);
}
75% {
clip: rect(86px, 9999px, 6px, 0);
clip: rect(94px, 9999px, 12px, 0);
}
80% {
clip: rect(29px, 9999px, 43px, 0);
clip: rect(89px, 9999px, 9px, 0);
}
85% {
clip: rect(32px, 9999px, 91px, 0);
clip: rect(15px, 9999px, 65px, 0);
}
90% {
clip: rect(62px, 9999px, 32px, 0);
clip: rect(98px, 9999px, 67px, 0);
}
95% {
clip: rect(41px, 9999px, 85px, 0);
clip: rect(88px, 9999px, 72px, 0);
}
100% {
clip: rect(81px, 9999px, 95px, 0);
clip: rect(93px, 9999px, 37px, 0);
}
}

2
web/src/main/resources/static/assets/css/sb-admin-2.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
web/src/main/resources/static/assets/js/bundle.js
View File

File diff suppressed because one or more lines are too long