feat(flashcards): системный skeleton-лоадер вместо текста «Загрузка…»

Простой текст «Загрузка…» в сетке колод заменён на общесистемный лоадер:
loadDecks() рисует LS.skeleton(6,'card') (шиммер-карточки под форму будущих
колод) на время запроса; статический плейсхолдер — системный .spinner из ls.css.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maxim Dolgolyov
2026-06-24 21:11:27 +03:00
parent 86b2ac1e2d
commit 64ea552cf8
+3 -1
View File
@@ -447,7 +447,7 @@
</div>
<div class="fc-stats" id="fc-stats-bar"></div>
<div class="deck-grid" id="deck-grid">
<div style="grid-column:1/-1; text-align:center; padding:40px; color:var(--text-3)">Загрузка…</div>
<div style="grid-column:1/-1"><div class="spinner"></div></div>
</div>
</div>
@@ -749,6 +749,8 @@ function bindStudyKeys() {
}
async function loadDecks() {
const _grid = document.getElementById('deck-grid');
if (_grid && LS.skeleton) _grid.innerHTML = LS.skeleton(6, 'card'); // системные skeleton-карточки вместо «Загрузка…»
const [decks, stats, tracks] = await Promise.all([
LS.api('/api/flashcards/decks').catch(()=>({decks:[]})),
LS.api('/api/flashcards/stats').catch(()=>null),