beatport main page complete

This commit is contained in:
Broque Thomas 2025-10-01 11:20:19 -07:00
parent 36f5f48a47
commit 0e2a2200b6
3 changed files with 27 additions and 9 deletions

View file

@ -383,19 +383,19 @@
<div class="sync-tab-content" id="beatport-tab-content">
<!-- Beatport Nested Tabs -->
<div class="beatport-tabs">
<button class="beatport-tab-button active" data-beatport-tab="browse">
<button class="beatport-tab-button active" data-beatport-tab="rebuild">
<span class="tab-icon rebuild-icon"></span> Browse
</button>
<button class="beatport-tab-button" data-beatport-tab="browse">
<span class="tab-icon browse-icon"></span> Browse Charts
</button>
<button class="beatport-tab-button" data-beatport-tab="playlists">
<span class="tab-icon playlist-icon"></span> My Playlists
</button>
<button class="beatport-tab-button" data-beatport-tab="rebuild">
<span class="tab-icon rebuild-icon"></span> Rebuild
</button>
</div>
<!-- Browse Charts Tab Content -->
<div class="beatport-tab-content active" id="beatport-browse-content">
<div class="beatport-tab-content" id="beatport-browse-content">
<div class="beatport-navigation">
@ -780,7 +780,7 @@
</div>
<!-- Rebuild Tab Content -->
<div class="beatport-tab-content" id="beatport-rebuild-content">
<div class="beatport-tab-content active" id="beatport-rebuild-content">
<div class="beatport-rebuild-slider-container">
<div class="beatport-rebuild-slider" id="beatport-rebuild-slider">
<div class="beatport-rebuild-slider-track" id="beatport-rebuild-slider-track">

View file

@ -290,6 +290,19 @@ document.addEventListener('DOMContentLoaded', function() {
initializeSyncPage();
initializeWatchlist();
// Initialize Beatport rebuild slider if it's the active tab by default
const activeRebuildTab = document.querySelector('.beatport-tab-button.active[data-beatport-tab="rebuild"]');
if (activeRebuildTab) {
console.log('🔄 Initializing default active rebuild tab...');
initializeBeatportRebuildSlider();
loadBeatportTop10Lists();
loadBeatportTop10Releases();
initializeBeatportReleasesSlider();
initializeBeatportHypePicksSlider();
initializeBeatportChartsSlider();
initializeBeatportDJSlider();
}
// Start global service status polling for sidebar (works on all pages)
fetchAndUpdateServiceStatus();
@ -9785,9 +9798,9 @@ function initializeSyncPage() {
// Setup homepage chart handlers (following genre page pattern to prevent duplicates)
setupHomepageChartTypeHandlers();
// Load homepage chart collections automatically
loadDJChartsInline();
loadFeaturedChartsInline();
// Load homepage chart collections automatically (disabled since Browse Charts tab is hidden)
// loadDJChartsInline();
// loadFeaturedChartsInline();
// Logic for Beatport breadcrumb back buttons
const beatportBackButtons = document.querySelectorAll('.breadcrumb-back');

View file

@ -4392,6 +4392,11 @@ body {
flex-direction: column;
}
/* Hide Browse Charts tab */
.beatport-tab-button[data-beatport-tab="browse"] {
display: none;
}
/* ================================= */
/* BEATPORT REBUILD TAB STYLES */
/* ================================= */