BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

added more load animations

Browse Source
This commit is contained in:
SethBurkart123
2023-10-12 07:06:52 +11:00
parent a4ea7a0366
commit 7bd8794641
1 changed files with 59 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/SEQTA.js
+59 -4
View File
@@ -233,12 +233,10 @@ async function DeleteWhatsNew() {
const bkelement = document.getElementById("whatsnewbk");
const popup = document.getElementsByClassName("whatsnewContainer")[0];
bkelement.classList.add("opacity-0");
animate(
[popup, bkelement],
{ scale: [1, 0], opacity: [1, 0] },
{ easing: spring({ stiffness: 220, damping: 18 }) }
{ opacity: [1, 0]},
{ easing: [.22, .03, .26, 1] }
).finished.then(() => {
bkelement.remove();
});
@@ -451,8 +449,65 @@ function LoadPageElements() {
element.innerText = "Direct Messages";
document.title = "Direct Messages ― SEQTA Learn";
SortMessagePageItems(added_node);
waitForElm("[data-message]").then(() => {
animate(
"[data-message]",
{ opacity: [0, 1], y: [10, 0] },
{
delay: stagger(0.05, { start: 0.1 }),
duration: 0.5,
easing: [.22, .03, .26, 1]
}
);
});
} else if (added_node.classList.contains("notices")) {
CheckNoticeTextColour(added_node);
} else if (added_node.classList.contains("dashboard")) {
let ranOnce = false;
waitForElm(".dashlet").then(() => {
if (ranOnce) return;
ranOnce = true;
animate(
".dashboard *:not(.dashlet-timetable), .dashboard .message *",
{ opacity: [0, 1], y: [10, 0] },
{
delay: stagger(0.01, { start: 0.2 }),
duration: 0.5,
easing: [.22, .03, .26, 1]
}
);
});
} else if (added_node.classList.contains("documents")) {
let ranOnce = false;
waitForElm(".document").then(() => {
if (ranOnce) return;
ranOnce = true;
animate(
".documents tbody tr.document",
{ opacity: [0, 1], y: [10, 0] },
{
delay: stagger(0.05, { start: 0.2 }),
duration: 0.5,
easing: [.22, .03, .26, 1]
}
);
});
} else if (added_node.classList.contains("reports")) {
let ranOnce = false;
waitForElm(".report").then(() => {
if (ranOnce) return;
ranOnce = true;
animate(
".reports .item",
{ opacity: [0, 1], y: [10, 0] },
{
delay: stagger(0.05, { start: 0.2 }),
duration: 0.5,
easing: [.22, .03, .26, 1]
}
);
});
}
});
});