TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-05 04:52:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

re

Browse Source
This commit is contained in:
Tomas Dvorak
2025-05-29 08:59:24 +02:00
parent 87aed44712
commit 6f549b2fb1
1 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+25 -18
View File
@@ -20,31 +20,39 @@
async function loadBanner() { async function loadBanner() {
try { try {
const response = await fetch('/api/banner'); const response = await fetch('/api/banner');
if (!response.ok) return; if (!response.ok) {
console.error('Failed to load banner:', response.status);
return;
}
const banner = await response.json(); const banner = await response.json();
if (!banner.style || banner.style.isVisible === false) { // Log the banner data for debugging
console.log('Banner data:', JSON.stringify(banner, null, 2));
if (!banner.IsVisible) {
console.log('Banner is not visible');
return; return;
} }
const bannerContainer = document.getElementById('bannerContainer'); const bannerContainer = document.getElementById('bannerContainer');
const bannerContent = document.getElementById('bannerContent'); const bannerContent = document.getElementById('bannerContent');
if (!bannerContainer || !bannerContent) return; if (!bannerContainer || !bannerContent) {
console.error('Banner container elements not found');
// Log the banner data for debugging return;
console.log('Banner data:', JSON.stringify(banner, null, 2)); }
// Get style values with fallbacks // Get style values with fallbacks
const style = banner.style || {}; const style = banner.Style || {};
const borderRadius = style.borderRadius || '8'; const borderRadius = style.BorderRadius || '8';
const backgroundColor = style.backgroundColor || '#f8f9fa'; const backgroundColor = style.BackgroundColor || '#f8f9fa';
const textColor = style.textColor || '#212529'; const textColor = style.TextColor || '#212529';
const textAlign = style.textAlign || 'left'; const textAlign = style.TextAlign || 'left';
const fontSize = style.fontSize || '16px'; const fontSize = style.FontSize || '16px';
const padding = style.padding || '20px'; const padding = style.Padding || '20px';
const margin = style.margin || '20px'; const margin = style.Margin || '20px';
const imagePosition = style.ImagePosition || 'right';
// Create banner content container // Create banner content container
let content = ` let content = `
@@ -64,9 +72,8 @@
// Handle image if it exists // Handle image if it exists
if (banner.Image) { if (banner.Image) {
const imageUrl = banner.Image.startsWith('http') ? banner.Image : banner.Image; const imageUrl = banner.Image.startsWith('http') ? banner.Image : banner.Image;
const imagePosition = style.imagePosition || 'right'; const imageWidth = style.ImageWidth || 300;
const imageWidth = style.imageWidth || 300; const imageHeight = style.ImageHeight || 200;
const imageHeight = style.imageHeight || 200;
// Create image element with styles // Create image element with styles
const imgStyle = ` const imgStyle = `
@@ -118,7 +125,7 @@
line-height: 1.5; line-height: 1.5;
${imagePosition === 'left' || imagePosition === 'right' ? 'overflow: hidden;' : ''} ${imagePosition === 'left' || imagePosition === 'right' ? 'overflow: hidden;' : ''}
"> ">
${banner.Text} ${banner.Text.replace(/\n/g, '<br>')}
</div>`; </div>`;
} }