beatport main page complete
This commit is contained in:
parent
36f5f48a47
commit
0e2a2200b6
3 changed files with 27 additions and 9 deletions
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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');
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
/* ================================= */
|
||||
|
|
|
|||
Loading…
Reference in a new issue