Refactor event handling in index.html to improve spinner visibility and enhance user interaction
Browse files- index.html +2 -4
index.html
CHANGED
@@ -125,11 +125,9 @@
|
|
125 |
const statusSpan = card.querySelector('.status');
|
126 |
const collapse = card.querySelector('.collapse > div');
|
127 |
const spinner = card.querySelector('.spinner-border');
|
128 |
-
const i_toggle = card.querySelector('i[data-bs-toggle]');
|
129 |
|
130 |
card.classList.remove('bg-success-subtle', 'bg-danger-subtle', 'bg-warning-subtle');
|
131 |
spinner.classList.remove('d-none');
|
132 |
-
i_toggle.classList.add('d-none');
|
133 |
statusSpan.textContent = 'Checking...';
|
134 |
|
135 |
fetch(`/check/${platform.id}/${username}`)
|
@@ -153,7 +151,6 @@
|
|
153 |
collapse.innerHTML = error;
|
154 |
}).finally(() => {
|
155 |
spinner.classList.add('d-none');
|
156 |
-
i_toggle.classList.remove('d-none');
|
157 |
});
|
158 |
});
|
159 |
});
|
@@ -161,8 +158,9 @@
|
|
161 |
platformContainer.addEventListener('click', e => {
|
162 |
if (e.target.closest(".status > a")){
|
163 |
e.stopPropagation();
|
164 |
-
e.preventDefault()
|
165 |
window.open(e.target.href, '_blank').focus();
|
|
|
166 |
}
|
167 |
});
|
168 |
</script>
|
|
|
125 |
const statusSpan = card.querySelector('.status');
|
126 |
const collapse = card.querySelector('.collapse > div');
|
127 |
const spinner = card.querySelector('.spinner-border');
|
|
|
128 |
|
129 |
card.classList.remove('bg-success-subtle', 'bg-danger-subtle', 'bg-warning-subtle');
|
130 |
spinner.classList.remove('d-none');
|
|
|
131 |
statusSpan.textContent = 'Checking...';
|
132 |
|
133 |
fetch(`/check/${platform.id}/${username}`)
|
|
|
151 |
collapse.innerHTML = error;
|
152 |
}).finally(() => {
|
153 |
spinner.classList.add('d-none');
|
|
|
154 |
});
|
155 |
});
|
156 |
});
|
|
|
158 |
platformContainer.addEventListener('click', e => {
|
159 |
if (e.target.closest(".status > a")){
|
160 |
e.stopPropagation();
|
161 |
+
e.preventDefault();
|
162 |
window.open(e.target.href, '_blank').focus();
|
163 |
+
return;
|
164 |
}
|
165 |
});
|
166 |
</script>
|