feat: expand station cards with detailed information and add live statistics endpoint
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (8.3) (push) Has been cancelled
tests / ci (8.4) (push) Has been cancelled
tests / ci (8.5) (push) Has been cancelled

- Add `/stats/live` endpoint returning station count and latest price timestamp with 5-minute cache
- Transform StationCard into expandable component with click/keyboard interaction showing full details
- Display brand label, badges (24h/Supermarket/Motorway), fuel types, amenities, opening hours, and price delta vs average
- Add brand filter dropdown to StationList with dynamic brand extraction from results
- Calculate and display price comparison against filtered stations average
- Redesign map markers to simpler price display; move directions link to popup alongside station details
- Add "locate-me" button to SearchBar for geolocation trigger
- Show "Live" indicator with station count and last-update time on homepage hero
- Remove standalone directions link from marker HTML; consolidate in popup with click propagation handling
- Persist `avgPence` calculation across StationList and pass to cards for delta display
- Add `@iconify-json/lucide` dev dependency and register collection on app mount
- Stop click propagation on card action buttons (directions, remove)
This commit is contained in:
Ovidiu U
2026-04-20 18:58:13 +01:00
parent c2466e5a61
commit 831637380c
14 changed files with 438 additions and 48 deletions

View File

@@ -1,6 +1,10 @@
import 'iconify-icon'
import { addCollection } from 'iconify-icon'
import lucideIcons from '@iconify-json/lucide/icons.json'
import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index.js'
addCollection(lucideIcons)
createApp(App).use(router).mount('#app')