root
4e313392d0
- Removed restrictive x-show/x-cloak that blocked UI visibility - Forced tab container display and visibility in header - Improved auth state synchronization with synchronous Alpine loading - Fixed home section initialization and tab switching logic
37 lines
1.9 KiB
HTML
37 lines
1.9 KiB
HTML
<!-- Home Section: Recommendations & Latest Releases -->
|
|
<div id="tab-home" class="tab-content"
|
|
x-show="activeTab === 'home'"
|
|
x-init="if (activeTab === 'home') setTimeout(() => loadHomeContent(), 500)"
|
|
@set-tab.window="if ($event.detail.tab === 'home') loadHomeContent()">
|
|
<!-- Loading State -->
|
|
<div id="homeLoading" class="loading-spinner">Chargement des recommandations...</div>
|
|
|
|
<!-- Recommendations Section -->
|
|
<div id="recommendationsSection" style="display: none;">
|
|
<div class="section-header">
|
|
<h2>🎯 Recommandé pour vous</h2>
|
|
<button class="btn-small btn-secondary" onclick="loadRecommendations()">
|
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" style="width:14px;height:14px;">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
|
|
</svg>
|
|
Actualiser
|
|
</button>
|
|
</div>
|
|
<div id="recommendationsList" class="recommendations-carousel"></div>
|
|
</div>
|
|
|
|
<!-- Latest Releases Section -->
|
|
<div id="releasesSection" style="display: none; margin-top: 40px;">
|
|
<div class="section-header">
|
|
<h2>🔥 Dernières sorties de la saison</h2>
|
|
<button class="btn-small btn-secondary" onclick="loadLatestReleases()">
|
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" style="width:14px;height:14px;">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
|
|
</svg>
|
|
Actualiser
|
|
</button>
|
|
</div>
|
|
<div id="releasesList" class="releases-carousel"></div>
|
|
</div>
|
|
</div>
|