Brosef/Website
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Implemented first version of UI for #4

Browse Source
This commit is contained in:
Brosef
2026-03-11 14:45:50 +00:00
parent 88999dafd5
commit c0f6765a06
3 changed files with 51 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
www/booper.js
View File

@ -1,5 +1,11 @@
window.addEventListener('load', (e) => {
const overlayEl = document.getElementById('booperOverlay');
const overlayName = document.getElementById('booperName');
const overlayTotal = document.getElementById('booperTotal');
const overlay24h = document.getElementById('booper24h');
const targets = document.getElementsByClassName('booperTarget');
let currentTimeout = null;
for (let i = 0; i < targets.length; i++) {
const target = targets[i];
const locators = JSON.parse(target.getAttribute('data-booper'));
@ -11,9 +17,20 @@ window.addEventListener('load', (e) => {
const [x1, y1, x2, y2] = box;
if (x >= x1 && x <= x2 && y >= y1 && y <= y2) {
console.log(`[booper.js] Booped ${name}!`);
console.debug(e);
fetch(`/api/boop/${name}`, {method: 'POST'}).then((r) => {
if (r.ok) {
r.json().then((json) => {
clearTimeout(currentTimeout);
overlayName.innerText = name[0].toUpperCase()+name.slice(1);
overlayTotal.innerText = json['total'];
overlay24h.innerText = json['24h'];
overlayEl.style.left = `${e.pageX}px`;
overlayEl.style.top = `${e.pageY}px`;
overlayEl.style.opacity = 1;
currentTimeout = setTimeout(() => {
overlayEl.style.opacity = 0;
}, 2000);
console.debug(json);
});
} else {