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

ff

Browse Source
This commit is contained in:
Tomas Dvorak
2025-05-29 10:03:33 +02:00
parent 82a4220651
commit 86311b2406
1 changed files with 36 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+36 -13
View File
@@ -76,8 +76,12 @@
let content = `<div style="${bannerStyle}">`; let content = `<div style="${bannerStyle}">`;
// Handle image if it exists // Handle image if it exists
if (banner.image) { const bannerText = banner.text || banner.Text || '';
const imageUrl = banner.image.startsWith('http') ? banner.image : banner.image; const bannerLink = banner.link || banner.Link || '';
const bannerImage = banner.image || banner.Image || '';
if (bannerImage) {
const imageUrl = bannerImage.startsWith('http') ? bannerImage : bannerImage;
// Use default dimensions if not specified or 0 // Use default dimensions if not specified or 0
const imageWidth = (style.imageWidth && style.imageWidth > 0) ? style.imageWidth : 300; const imageWidth = (style.imageWidth && style.imageWidth > 0) ? style.imageWidth : 300;
const imageHeight = (style.imageHeight && style.imageHeight > 0) ? style.imageHeight : 'auto'; const imageHeight = (style.imageHeight && style.imageHeight > 0) ? style.imageHeight : 'auto';
@@ -112,9 +116,9 @@
</div>`; </div>`;
// Wrap image with link if URL is provided // Wrap image with link if URL is provided
if (banner.Link) { if (bannerLink) {
imgContainer = ` imgContainer = `
<a href="${banner.Link}" target="_blank" style="text-decoration: none; display: inline-block;"> <a href="${bannerLink}" target="_blank" style="text-decoration: none; display: inline-block;">
${imgContainer} ${imgContainer}
</a>`; </a>`;
} }
@@ -125,19 +129,28 @@
} }
// Add text content with proper spacing // Add text content with proper spacing
if (banner.Text) { if (bannerText) {
const textStyle = ` const textStyle = `
margin: 0; margin: 0;
padding: 10px; padding: 10px;
line-height: 1.6; line-height: 1.6;
color: ${textColor};
text-align: ${textAlign};
font-size: ${fontSize};
${['left', 'right'].includes(imagePosition) ? 'overflow: hidden;' : 'display: block;'} ${['left', 'right'].includes(imagePosition) ? 'overflow: hidden;' : 'display: block;'}
${imagePosition === 'left' ? 'padding-left: 20px;' : ''} ${imagePosition === 'left' ? 'padding-left: 20px;' : ''}
${imagePosition === 'right' ? 'padding-right: 20px;' : ''} ${imagePosition === 'right' ? 'padding-right: 20px;' : ''}
`; `;
// Wrap text in link if URL is provided
const textContent = bannerText.replace(/\n/g, '<br>');
const textElement = bannerLink
? `<a href="${bannerLink}" target="_blank" style="color: inherit; text-decoration: none;">${textContent}</a>`
: textContent;
content += ` content += `
<div class="banner-text" style="${textStyle}"> <div class="banner-text" style="${textStyle}">
${banner.Text.replace(/\n/g, '<br>')} ${textElement}
</div>`; </div>`;
} }
@@ -152,14 +165,24 @@
} }
} else { } else {
// No image, just show text // No image, just show text
if (banner.Text) { if (bannerText) {
content += ` const textStyle = `
<div class="banner-text" style="
margin: 0; margin: 0;
padding: 0; padding: 20px;
line-height: 1.5; line-height: 1.6;
"> color: ${textColor};
${banner.Text} text-align: ${textAlign};
font-size: ${fontSize};
`;
// Wrap text in link if URL is provided
const textElement = bannerLink
? `<a href="${bannerLink}" target="_blank" style="color: inherit; text-decoration: none;">${bannerText}</a>`
: bannerText;
content += `
<div class="banner-text" style="${textStyle}">
${textElement}
</div>`; </div>`;
} }
} }