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">
|
<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">
|
||||||
|
|
|
||||||
|
|
@ -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');
|
||||||
|
|
|
||||||
|
|
@ -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 */
|
||||||
/* ================================= */
|
/* ================================= */
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue