Legg til haptisk tilbakemelding på knappetrykk og listeval (#11)
Android: HapticFeedbackConstants.VIRTUAL_KEY på alle knappar og listeelement. PWA: navigator.vibrate(10ms) på same interaksjonar. Closes #11 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
c35ccb91bf
commit
3c1da8adec
5 changed files with 17 additions and 1 deletions
|
|
@ -76,6 +76,7 @@ function setupButtons(): void {
|
|||
// Toggle map/compass
|
||||
const toggleFab = document.getElementById('toggle-fab')!;
|
||||
toggleFab.addEventListener('click', async () => {
|
||||
navigator.vibrate?.(10);
|
||||
isCompassMode = !isCompassMode;
|
||||
|
||||
const mapContainer = document.getElementById('map-container')!;
|
||||
|
|
@ -112,6 +113,7 @@ function setupButtons(): void {
|
|||
const cacheRetryBtn = document.getElementById('cache-retry-btn')!;
|
||||
cacheRetryBtn.textContent = t('action_cache_now');
|
||||
cacheRetryBtn.addEventListener('click', () => {
|
||||
navigator.vibrate?.(10);
|
||||
if (currentLocation && navigator.onLine) {
|
||||
startCaching(currentLocation.latitude, currentLocation.longitude);
|
||||
}
|
||||
|
|
@ -120,6 +122,7 @@ function setupButtons(): void {
|
|||
// Reset view button
|
||||
const resetBtn = document.getElementById('reset-view-btn')!;
|
||||
resetBtn.addEventListener('click', () => {
|
||||
navigator.vibrate?.(10);
|
||||
const selected = nearestShelters[selectedShelterIndex] ?? null;
|
||||
mapView.resetView(selected, currentLocation);
|
||||
resetBtn.classList.remove('visible');
|
||||
|
|
|
|||
|
|
@ -52,6 +52,7 @@ export function updateList(
|
|||
item.appendChild(addressSpan);
|
||||
item.appendChild(detailsSpan);
|
||||
item.addEventListener('click', () => {
|
||||
navigator.vibrate?.(10);
|
||||
onSelect?.(i);
|
||||
});
|
||||
container!.appendChild(item);
|
||||
|
|
|
|||
|
|
@ -11,5 +11,8 @@ export function setStatus(text: string): void {
|
|||
/** Set the refresh button click handler. */
|
||||
export function onRefreshClick(handler: () => void): void {
|
||||
const btn = document.getElementById('refresh-btn');
|
||||
if (btn) btn.addEventListener('click', handler);
|
||||
if (btn) btn.addEventListener('click', () => {
|
||||
navigator.vibrate?.(10);
|
||||
handler();
|
||||
});
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue