blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-06-22 14:39:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor mod

Browse Source
This commit is contained in:
Ivymaster
2026-06-22 15:49:16 +02:00
parent 4edec4df00
commit 91a691c5f8
1 changed files with 67 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/components/Tempus/Tempus.js
+67 -66
View File
@@ -423,72 +423,7 @@ export default {
if (response) {
response[0].then((result) => {
if (!this.currentlyUpdatedEvent) return;
document.querySelectorAll(".updated-event").forEach((el) => {
el.classList.remove("updated-event");
});
document.querySelectorAll(".updated-event-long").forEach((el) => {
el.classList.remove("updated-event-long");
});
document.querySelectorAll(".deemphasized-event").forEach((el) => {
el.classList.remove("deemphasized-event");
});
document
.querySelectorAll(".deemphasized-event-long")
.forEach((el) => {
el.classList.remove("deemphasized-event-long");
});
setTimeout(() => {
const eventEl = document.querySelector(
`[data-group-id="event-group-${this.currentlyUpdatedEvent.eindeutige_gruppen_id}"]`,
);
if (!eventEl) return;
const calendar = document.querySelector(".fhc-calendar-base-grid");
const eventRect = eventEl.getBoundingClientRect();
const offset = 300;
const isInsideScrolledView =
eventEl.offsetLeft < calendar.scrollLeft + calendar.clientWidth &&
eventEl.offsetLeft + eventEl.offsetWidth > calendar.scrollLeft &&
eventEl.offsetTop < calendar.scrollTop + calendar.clientHeight &&
eventEl.offsetTop + eventEl.offsetHeight > calendar.scrollTop;
const rect = eventEl.getBoundingClientRect();
if (!isInsideScrolledView) {
eventEl.scrollIntoView({
behavior: "smooth",
inline: "center",
block: "nearest",
});
}
let timeout = 0;
let emphasizeUpdateClassName = isInsideScrolledView
? "updated-event"
: "updated-event-long";
let deemphasizedUpdateClassName = isInsideScrolledView
? "deemphasized-event"
: "deemphasized-event-long";
if (!isInsideScrolledView) timeout = 500;
setTimeout(() => {
eventEl.classList.add(emphasizeUpdateClassName);
document
.querySelectorAll(".fhc-calendar-base-grid-line-event")
.forEach((el) => {
if (el !== eventEl) {
el.classList.add(deemphasizedUpdateClassName);
}
});
}, timeout);
this.currentlyUpdatedEvent = null;
}, 100);
this.scrollToAndEmphasizeUpdatedEvent();
});
}
@@ -923,6 +858,72 @@ export default {
areFormButtonsDisplayed: false,
};
},
scrollToAndEmphasizeUpdatedEvent() {
if (!this.currentlyUpdatedEvent) return;
document.querySelectorAll(".updated-event").forEach((el) => {
el.classList.remove("updated-event");
});
document.querySelectorAll(".updated-event-long").forEach((el) => {
el.classList.remove("updated-event-long");
});
document.querySelectorAll(".deemphasized-event").forEach((el) => {
el.classList.remove("deemphasized-event");
});
document.querySelectorAll(".deemphasized-event-long").forEach((el) => {
el.classList.remove("deemphasized-event-long");
});
setTimeout(() => {
const eventEl = document.querySelector(
`[data-group-id="event-group-${this.currentlyUpdatedEvent.eindeutige_gruppen_id}"]`,
);
if (!eventEl) return;
const calendar = document.querySelector(".fhc-calendar-base-grid");
const eventRect = eventEl.getBoundingClientRect();
const offset = 300;
const isInsideScrolledView =
eventEl.offsetLeft < calendar.scrollLeft + calendar.clientWidth &&
eventEl.offsetLeft + eventEl.offsetWidth > calendar.scrollLeft &&
eventEl.offsetTop < calendar.scrollTop + calendar.clientHeight &&
eventEl.offsetTop + eventEl.offsetHeight > calendar.scrollTop;
const rect = eventEl.getBoundingClientRect();
if (!isInsideScrolledView) {
eventEl.scrollIntoView({
behavior: "smooth",
inline: "center",
block: "nearest",
});
}
let timeout = 0;
let emphasizeUpdateClassName = isInsideScrolledView
? "updated-event"
: "updated-event-long";
let deemphasizedUpdateClassName = isInsideScrolledView
? "deemphasized-event"
: "deemphasized-event-long";
if (!isInsideScrolledView) timeout = 500;
setTimeout(() => {
eventEl.classList.add(emphasizeUpdateClassName);
document
.querySelectorAll(".fhc-calendar-base-grid-line-event")
.forEach((el) => {
if (el !== eventEl) {
el.classList.add(deemphasizedUpdateClassName);
}
});
}, timeout);
this.currentlyUpdatedEvent = null;
}, 100);
},
},
watch: {
lecturers: {