fix: animated card icon while the card is being initialized (v3.5.5)

The Card reader view showed the static nosim.svg while the status line said
"Card inserted - initializing..." (the header indicator was correct): the
2 s /api/status poll called pysimSetConnected(false) unconditionally in its
not-connected branch, ignoring the equipping / auto-equip-pending state.

- pysimCardStateUpdate(): one `initializing` flag (equipping || card_present
  && auto_equip) now drives both the status text and the icon
  (pysimSetConnected('spin') -> sim_anim.svg), matching the header indicator.
- pysimRefresh() ("Check status"): a reachable server is not an equipped card;
  the icon now follows connected / initializing / none instead of always
  showing the equipped icon.
- card_state.test.js: initializing states -> 'spin', cardless -> false, and
  the four Check-status combinations.

552 frontend / 421 Python green; version 3.5.5; sw cache simple-v258.
This commit is contained in:
2026-09-24 21:41:40 +03:00
parent 719956baee
commit 31ece16ada
5 changed files with 45 additions and 9 deletions
+10 -4
View File
@@ -1559,7 +1559,7 @@
// ===== Version =====
// Single source of truth for the PWA version: shown in the header and used
// by the server version check in pysimConnect().
const SIMPLE_VERSION = '3.5.4';
const SIMPLE_VERSION = '3.5.5';
document.getElementById('app-version').textContent = 'v' + SIMPLE_VERSION;
// ===== Tab switching =====
@@ -6707,7 +6707,10 @@ async function pysimRefresh() {
const statusEl = document.getElementById('pysim-status');
try {
const data = await pysimFetch('/api/status');
pysimSetConnected(true);
// Server reachable is not the same as card equipped: keep the icon in
// step with the card state (animated while it is being initialized).
const refreshingInit = !!data.equipping || (!!data.card_present && !!data.auto_equip);
pysimSetConnected(data.connected ? true : (refreshingInit ? 'spin' : false));
let html = 'Reader: <b>' + esc(data.reader || 'none') + '</b>' +
' | Card: <b>' + esc(data.card || 'none') + '</b>' +
' | Profile: <b>' + esc(data.profile || 'none') + '</b><br>' +
@@ -9782,11 +9785,14 @@ function pysimCardStateUpdate(status) {
cardsAutoSelectByIccid(status.iccid);
return;
}
pysimSetConnected(false);
// A card being initialized (or waiting for auto-equip) shows the animated
// icon, matching the header indicator - not the static no-card one.
const initializing = status.equipping || (status.card_present && status.auto_equip);
pysimSetConnected(initializing ? 'spin' : false);
_cardsAutoIccid = null;
const statusEl = document.getElementById('pysim-status');
if (statusEl && statusEl.textContent.trim() !== '') {
if (status.equipping || (status.card_present && status.auto_equip)) {
if (initializing) {
statusEl.innerHTML = '<span class="text-gray-500">' + esc(t('Card inserted — initializing...')) + '</span>';
} else if (status.card_present) {
statusEl.innerHTML = '<span class="text-amber-600">' + esc(t('Card inserted — press Equip')) + '</span>';