2HoursProject/game-timer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remote button triggers next player

Browse Source
This commit is contained in:
cpu
2025-03-26 21:57:45 +01:00
parent bade9c0a15
commit 80989a248e
2 changed files with 64 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
app.js
View File

@@ -13,6 +13,7 @@ let pushSubscription = null;
const PUBLIC_VAPID_KEY = 'BKfRJXjSQmAJ452gLwlK_8scGrW6qMU1mBRp39ONtcQHkSsQgmLAaODIyGbgHyRpnDEv3HfXV1oGh3SC0fHxY0E';
const BACKEND_URL = 'https://webpush.virtonline.eu';
const BUTTON_ID = 'your_button1_serial';
const SINGLE_CLICK = 'SingleClick';
// DOM Elements
const carousel = document.getElementById('carousel');
@@ -459,35 +460,7 @@ carousel.addEventListener('touchend', (e) => {
// If dragged more than 10% of width, change player
if (Math.abs(diff) > carousel.offsetWidth * 0.1) {
const previousIndex = currentPlayerIndex;
// Only change players that have remaining time during a running game
if (gameState === 'running') {
let newIndex;
if (diff < 0) {
// Try to go to next player with time
newIndex = findNextPlayerWithTimeCircular(currentPlayerIndex, 1);
} else {
// Try to go to previous player with time
newIndex = findNextPlayerWithTimeCircular(currentPlayerIndex, -1);
}
if (newIndex !== -1) {
currentPlayerIndex = newIndex;
}
} else {
// Normal navigation when game not running
if (diff < 0) {
currentPlayerIndex = (currentPlayerIndex + 1) % players.length;
} else if (diff > 0) {
currentPlayerIndex = (currentPlayerIndex - 1 + players.length) % players.length;
}
}
// Play player switch sound if player actually changed
if (previousIndex !== currentPlayerIndex) {
audioManager.play('playerSwitch');
}
moveCarousel(diff);
}
// Reset carousel to proper position
@@ -496,6 +469,57 @@ carousel.addEventListener('touchend', (e) => {
saveData();
});
carousel.addEventListener('push', (e) => {
console.log('[carousel] Push received');
if (!isDragging) return;
isDragging = false;
const data = e.data ? e.data.json() : {};
const button_id = data.body ? data.body.button_id : '';
const click_type = data.body ? data.body.click_type : '';
if (button_id === BUTTON_ID && click_type === SINGLE_CLICK) {
moveCarousel(-1);
}
// Reset carousel to proper position
carousel.style.transform = `translateX(${-100 * currentPlayerIndex}%)`;
renderPlayers();
saveData();
});
function moveCarousel(diff) {
const previousIndex = currentPlayerIndex;
// Only change players that have remaining time during a running game
if (gameState === 'running') {
let newIndex;
if (diff < 0) {
// Try to go to next player with time
newIndex = findNextPlayerWithTimeCircular(currentPlayerIndex, 1);
} else {
// Try to go to previous player with time
newIndex = findNextPlayerWithTimeCircular(currentPlayerIndex, -1);
}
if (newIndex !== -1) {
currentPlayerIndex = newIndex;
}
} else {
// Normal navigation when game not running
if (diff < 0) {
currentPlayerIndex = (currentPlayerIndex + 1) % players.length;
} else if (diff > 0) {
currentPlayerIndex = (currentPlayerIndex - 1 + players.length) % players.length;
}
}
// Play player switch sound if player actually changed
if (previousIndex !== currentPlayerIndex) {
audioManager.play('playerSwitch');
}
}
// Find next player with time in specified direction
function findNextPlayerWithTimeCircular(startIndex, direction) {
let index = startIndex;

22
sw.js
View File

@@ -151,18 +151,18 @@ self.addEventListener('message', event => {
self.addEventListener('push', event => {
console.log('[ServiceWorker] Push received');
const data = event.data ? event.data.json() : {};
const title = data.title || 'Game Timer Notification';
const options = {
body: data.body || 'You have a new notification',
icon: '/icons/android-chrome-192x192.png',
badge: '/icons/android-chrome-192x192.png',
data: data
};
// const data = event.data ? event.data.json() : {};
// const title = data.title || 'Game Timer Notification';
// const options = {
// body: data.body || 'You have a new notification',
// icon: '/icons/android-chrome-192x192.png',
// badge: '/icons/android-chrome-192x192.png',
// data: data
// };
event.waitUntil(
self.registration.showNotification(title, options)
);
// event.waitUntil(
// self.registration.showNotification(title, options)
// );
});
// This helps with navigation after app is installed