Make reply UI work even when javascript is disabled

This commit is contained in:
Jaiwanth
2021-06-01 17:06:39 +05:30
parent 1382bd4fee
commit 9c38af0075
4 changed files with 33 additions and 18 deletions
+11 -16
View File
@@ -1,16 +1,10 @@
export default `
function scrollToElement(replyId){
let el = document.getElementById(replyId);
if(!el) {
showToast("The message you're looking for wasn't exported");
return;
};
el.scrollIntoView({ behavior: 'smooth', block: 'center' });
el.style.backgroundColor = '#f6f7f8';
el.style.transition = 'background-color 1s ease'
setTimeout(() => {
el.style.backgroundColor = "white"
}, 2000);
function showToastIfNeeded(replyId){
let el = document.getElementById(replyId);
if(!el) {
showToast("The message you're looking for wasn't exported");
return;
};
}
function showToast(text) {
@@ -23,10 +17,11 @@ function showToast(text) {
}
window.onload = () => {
document.querySelectorAll('.mx_reply_anchor').forEach(element => {
element.addEventListener('click', event => {
scrollToElement(event.target.getAttribute("scroll-to"));
})
document.querySelectorAll('.mx_reply_anchor').forEach(element => {
element.addEventListener('click', event => {
showToastIfNeeded(event.target.getAttribute("scroll-to"));
})
})
}
`