This commit is contained in:
Tomas Dvorak
2025-05-28 13:45:32 +02:00
parent 98bbee18ff
commit c3a9acefa7
+36 -18
View File
@@ -796,7 +796,37 @@ function initDragAndDrop() {
} }
// Initialize when DOM is loaded // Initialize when DOM is loaded
document.addEventListener('DOMContentLoaded', initDragAndDrop); document.addEventListener('DOMContentLoaded', () => {
initDragAndDrop();
// Initialize banner preview elements
bannerVisible = document.getElementById('bannerVisible');
bannerBgColor = document.getElementById('bannerBgColor');
bannerTextColor = document.getElementById('bannerTextColor');
bannerTextAlign = document.getElementById('bannerTextAlign');
bannerFontSize = document.getElementById('bannerFontSize');
bannerPadding = document.getElementById('bannerPadding');
bannerMargin = document.getElementById('bannerMargin');
bannerBorderRadius = document.getElementById('bannerBorderRadius');
bannerPreview = document.getElementById('bannerPreview');
// Only try to query these if bannerPreview exists
if (bannerPreview) {
bannerPreviewContent = bannerPreview.querySelector('.banner-preview-content');
bannerPreviewText = bannerPreview.querySelector('.banner-preview-text');
bannerPreviewBg = bannerPreview.querySelector('.banner-preview-bg');
}
bgColorPreview = document.getElementById('bgColorPreview');
textColorPreview = document.getElementById('textColorPreview');
saveBannerBtn = document.getElementById('saveBannerBtn');
stylePresets = document.querySelectorAll('.style-preset');
// Initialize other functionality that depends on these elements
if (saveBannerBtn) {
saveBannerBtn.addEventListener('click', saveBanner);
}
});
// Handle dropped files // Handle dropped files
@@ -944,23 +974,11 @@ document.getElementById('logoutBtn').addEventListener('click', function() {
// DOM Elements // DOM Elements
const bannerText = document.getElementById('bannerText'); const bannerText = document.getElementById('bannerText');
const bannerVisible = document.getElementById('bannerVisible'); // These will be initialized in DOMContentLoaded
const bannerBgColor = document.getElementById('bannerBgColor'); let bannerVisible, bannerBgColor, bannerTextColor, bannerTextAlign, bannerFontSize,
const bannerTextColor = document.getElementById('bannerTextColor'); bannerPadding, bannerMargin, bannerBorderRadius, bannerPreview, bannerPreviewContent,
const bannerTextAlign = document.getElementById('bannerTextAlign'); bannerPreviewText, bannerPreviewBg, bgColorPreview, textColorPreview, saveBannerBtn,
const bannerFontSize = document.getElementById('bannerFontSize'); stylePresets, currentImage = null;
const bannerPadding = document.getElementById('bannerPadding');
const bannerMargin = document.getElementById('bannerMargin');
const bannerBorderRadius = document.getElementById('bannerBorderRadius');
const bannerPreview = document.getElementById('bannerPreview');
const bannerPreviewContent = bannerPreview.querySelector('.banner-preview-content');
const bannerPreviewText = bannerPreview.querySelector('.banner-preview-text');
const bannerPreviewBg = bannerPreview.querySelector('.banner-preview-bg');
const bgColorPreview = document.getElementById('bgColorPreview');
const textColorPreview = document.getElementById('textColorPreview');
const saveBannerBtn = document.getElementById('saveBannerBtn');
const stylePresets = document.querySelectorAll('.style-preset');
let currentImage = null;
// Preset styles // Preset styles
const presets = { const presets = {