shcizo/pdga-rating
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add refresh button to mobile player card (#26) #27

Merged
shcizo merged 2 commits from feat/mobile-card-refresh-button-26 into main 2026-06-08 08:46:15 +02:00
Conversation 0 Commits 2 Files Changed 3
+47 -4
shcizo commented 2026-06-08 08:45:57 +02:00
Owner
Copy Link
Copy Source

Sammanfattning

  • Lägger till en refresh-knapp i mobil-kortets huvud (.m-card__head), synlig endast när kortet är utfällt (.is-open).
  • Knappen återanvänder desktopens refresh-icon + fa-sync-alt och kör samma kombinerade refresh (rating + prediction + round history) via befintliga refreshPlayerData().
  • Endast ikon-glyfen snurrar (inte hela knapp-boxen), så touch-hover-ramen inte roterar med.

Teknisk notis

Mobil-kort-partialen (ratings-cards.ejs) inkluderas inuti ratings-table.ejs, så den befintliga #ratings-table-swappen re-renderar redan mobil-korten. Ingen separat mobil-route behövdes — till skillnad från vad issuen antog. Ändringen blev därmed: markup + CSS + generalisering av spinner-selektorn.

Scope

Ingår: refresh-knapp i mobil-kort (utfällt läge), samma kombinerade refresh som desktop, mobil-anpassad spinner.
Ingår inte: desktop-knappen, cooldown-logik, template-unifiering.

Test plan

  • Mobilbredd (≤880px): fäll ut kort → refresh-knapp syns bredvid namnet, före chevron
  • Klick på refresh togglar inte kortet (event.stopPropagation())
  • Ikonen snurrar under refresh utan att ramen roterar med
  • Kortet kollapsar efter refresh (avsiktligt, speglar desktop)
  • Knappen dold när kortet är hopfällt
  • Desktop-refresh oförändrad

Closes #26

## Sammanfattning - Lägger till en refresh-knapp i mobil-kortets huvud (`.m-card__head`), synlig endast när kortet är utfällt (`.is-open`). - Knappen återanvänder desktopens `refresh-icon` + `fa-sync-alt` och kör samma kombinerade refresh (rating + prediction + round history) via befintliga `refreshPlayerData()`. - Endast ikon-glyfen snurrar (inte hela knapp-boxen), så touch-hover-ramen inte roterar med. ## Teknisk notis Mobil-kort-partialen (`ratings-cards.ejs`) inkluderas **inuti** `ratings-table.ejs`, så den befintliga `#ratings-table`-swappen re-renderar redan mobil-korten. Ingen separat mobil-route behövdes — till skillnad från vad issuen antog. Ändringen blev därmed: markup + CSS + generalisering av spinner-selektorn. ## Scope **Ingår:** refresh-knapp i mobil-kort (utfällt läge), samma kombinerade refresh som desktop, mobil-anpassad spinner. **Ingår inte:** desktop-knappen, cooldown-logik, template-unifiering. ## Test plan - [x] Mobilbredd (≤880px): fäll ut kort → refresh-knapp syns bredvid namnet, före chevron - [x] Klick på refresh togglar inte kortet (`event.stopPropagation()`) - [x] Ikonen snurrar under refresh utan att ramen roterar med - [x] Kortet kollapsar efter refresh (avsiktligt, speglar desktop) - [x] Knappen dold när kortet är hopfällt - [x] Desktop-refresh oförändrad Closes #26
shcizo added 2 commits 2026-06-08 08:45:57 +02:00
feat: add refresh button to mobile player card (#26) 16c045e7cc
fix: spin only the icon glyph in mobile refresh button (#26) 2ef7de4e58
shcizo merged commit 5ece854340 into main 2026-06-08 08:46:15 +02:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
bug
Something isn't working
 documentation
Improvements or additions to documentation
 duplicate
This issue or pull request already exists
 enhancement
New feature or request
 good first issue
Good for newcomers
 help wanted
Extra attention is needed
 invalid
This doesn't seem right
 question
Further information is requested
 wontfix
This will not be worked on
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
shcizo (Samuel Enocsson)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: shcizo/pdga-rating#27
Delete Branch "feat/mobile-card-refresh-button-26"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?