From 50fe4380653a3343de668e819e1e55d0d125bf90 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Sat, 11 Mar 2023 01:47:50 +0200
Subject: [PATCH] better register_new_elements

---
 files/assets/js/bottom.js | 85 ++++++++++++++++++++++++---------------
 1 file changed, 52 insertions(+), 33 deletions(-)

diff --git a/files/assets/js/bottom.js b/files/assets/js/bottom.js
index 39b162df3..9f6a43980 100644
--- a/files/assets/js/bottom.js
+++ b/files/assets/js/bottom.js
@@ -117,16 +117,6 @@ function disable_btn(t) {
 }
 
 function register_new_elements(e) {
-	const showmores = document.getElementsByClassName('showmore')
-	for (const element of showmores) {
-		element.onclick = () => {showmore(element)};
-	}
-
-	const onclick = e.querySelectorAll('[data-onclick]');
-	for (const element of onclick) {
-		element.onclick = () => {execute(element, 'onclick')};
-	}
-
 	const oninput = e.querySelectorAll('[data-oninput]');
 	for (const element of oninput) {
 		element.oninput = () => {execute(element, 'oninput')};
@@ -142,34 +132,59 @@ function register_new_elements(e) {
 		element.onchange = () => {execute(element, 'onchange')};
 	}
 
-	const popover_triggers = document.getElementsByClassName('user-name');
-	for (const element of popover_triggers) {
-		element.onclick = (e) => {
-			if (!(e.ctrlKey || e.metaKey || e.shiftKey || e.altKey))
-				e.preventDefault();
-		};
-	}
-
-	const expandable = document.querySelectorAll('.in-comment-image, img[alt^="![]("]');
-	for (const element of expandable) {
-		element.onclick = () => {expandImage()};
-	}
-
-	const toggleelement = e.querySelectorAll('[data-toggleelement]');
-	for (const element of toggleelement) {
-		element.onclick = () => {
-			document.getElementById(element.dataset.toggleelement).classList.toggle(element.dataset.toggleattr);
-		};
-	}
-
 	const file_inputs = document.querySelectorAll('input[multiple="multiple"]')
 	for (const input of file_inputs) {
 		input.onchange = () => {handle_files(input, input.files)};
 	}
 
+
+
+
+	const showmores = document.getElementsByClassName('showmore')
+	for (const element of showmores) {
+		if (element.classList.contains('registered')) continue
+		element.addEventListener('click', () => {showmore(element)});
+		element.classList.add('reigstered');
+	}
+
+	const onclick = e.querySelectorAll('[data-onclick]');
+	for (const element of onclick) {
+		if (element.classList.contains('registered')) continue
+		element.addEventListener('click', () => {execute(element, 'onclick')});
+		element.classList.add('reigstered');
+	}
+
+	const popover_triggers = document.getElementsByClassName('user-name');
+	for (const element of popover_triggers) {
+		if (element.classList.contains('registered')) continue
+		element.addEventListener('click', (e) => {
+			if (!(e.ctrlKey || e.metaKey || e.shiftKey || e.altKey))
+				e.preventDefault();
+		});
+		element.classList.add('reigstered');
+	}
+
+	const expandable = document.querySelectorAll('.in-comment-image, img[alt^="![]("]');
+	for (const element of expandable) {
+		if (element.classList.contains('registered')) continue
+		element.addEventListener('click', () => {expandImage()});
+		element.classList.add('reigstered');
+	}
+
+	const toggleelement = e.querySelectorAll('[data-toggleelement]');
+	for (const element of toggleelement) {
+		if (element.classList.contains('registered')) continue
+		element.addEventListener('click', () => {
+			document.getElementById(element.dataset.toggleelement).classList.toggle(element.dataset.toggleattr);
+		});
+		element.classList.add('reigstered');
+	}
+
 	const remove_files = document.querySelectorAll('button.remove-files')
 	for (const element of remove_files) {
-		element.onclick = () => {cancel_files(element)};
+		if (element.classList.contains('registered')) continue
+		element.addEventListener('click', () => {cancel_files(element)});
+		element.classList.add('reigstered');
 	}
 
 	const data_url = document.querySelectorAll('[data-url]');
@@ -178,14 +193,18 @@ function register_new_elements(e) {
 			console.log("Nonce check failed!")
 			continue
 		}
+		if (element.classList.contains('registered')) continue
 		element.addEventListener('click', () => {
 			document.getElementById('giveaward').dataset.action = element.dataset.url
 		});
+		element.classList.add('reigstered');
 	}
 
 	const btns_to_disable = document.querySelectorAll('[type="submit"]')
-	for (const btn of btns_to_disable) {
-		btn.addEventListener('click', () => {disable_btn(btn)})
+	for (const element of btns_to_disable) {
+		if (element.classList.contains('registered')) continue
+		element.addEventListener('click', () => {disable_btn(element)})
+		element.classList.add('reigstered');
 	}
 }