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

View file

@ -290,6 +290,19 @@ document.addEventListener('DOMContentLoaded', function() {
initializeSyncPage(); initializeSyncPage();
initializeWatchlist(); 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) // Start global service status polling for sidebar (works on all pages)
fetchAndUpdateServiceStatus(); fetchAndUpdateServiceStatus();
@ -9785,9 +9798,9 @@ function initializeSyncPage() {
// Setup homepage chart handlers (following genre page pattern to prevent duplicates) // Setup homepage chart handlers (following genre page pattern to prevent duplicates)
setupHomepageChartTypeHandlers(); setupHomepageChartTypeHandlers();
// Load homepage chart collections automatically // Load homepage chart collections automatically (disabled since Browse Charts tab is hidden)
loadDJChartsInline(); // loadDJChartsInline();
loadFeaturedChartsInline(); // loadFeaturedChartsInline();
// Logic for Beatport breadcrumb back buttons // Logic for Beatport breadcrumb back buttons
const beatportBackButtons = document.querySelectorAll('.breadcrumb-back'); const beatportBackButtons = document.querySelectorAll('.breadcrumb-back');

View file

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