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

f

Browse Source
This commit is contained in:
Tomas Dvorak
2025-05-29 11:45:26 +02:00
parent 13d517731a
commit d4ed6411b9
1 changed files with 13 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dashboard.html
+13 -29
View File
@@ -1001,27 +1001,16 @@ function updateBannerPreview() {
<div class="banner-text">${text}</div> <div class="banner-text">${text}</div>
`; `;
// Add image if exists // Add image if exists (always on the right)
if (hasImage) { if (hasImage) {
const imagePosition = document.querySelector('.image-pos-btn.active')?.dataset.pos || 'center';
let imageStyle = 'max-width: 100%; max-height: 100%; object-fit: contain;';
// Apply position based on selection
switch(imagePosition) {
case 'left':
imageStyle += 'margin-right: auto;';
break;
case 'right':
imageStyle += 'margin-left: auto;';
break;
case 'center':
default:
imageStyle += 'margin: 0 auto;';
break;
}
previewHTML += ` previewHTML += `
<img src="${imagePreview.src}" alt="Banner preview" style="${imageStyle}"> <img src="${imagePreview.src}" alt="Banner preview" style="
max-width: 100%;
max-height: 100%;
object-fit: contain;
margin-left: auto;
float: right;
">
`; `;
} }
@@ -1092,12 +1081,7 @@ document.addEventListener('DOMContentLoaded', () => {
const removeImageBtn = document.getElementById('removeImageBtn'); const removeImageBtn = document.getElementById('removeImageBtn');
const dropArea = document.getElementById('dropArea'); const dropArea = document.getElementById('dropArea');
// Image is always on the right side // Image is always on the right side - no position selector needed
const rightPositionBtn = document.querySelector('.image-pos-btn[data-pos="right"], .position-btn[data-pos="right"]');
if (rightPositionBtn) {
rightPositionBtn.classList.add('active', 'btn-primary');
rightPositionBtn.classList.remove('btn-outline-secondary');
}
// Handle file selection // Handle file selection
function handleFileSelect(file) { function handleFileSelect(file) {
@@ -1894,10 +1878,10 @@ function updateBannerPreview() {
const bannerTextContent = bannerText || 'Náhled banneru'; const bannerTextContent = bannerText || 'Náhled banneru';
if (hasImage && currentImage) { if (hasImage && currentImage) {
// Get image dimensions and position from inputs or use defaults // Get image dimensions (position is always right)
const imageWidth = parseInt(document.getElementById('bannerImageWidth')?.value || '300'); const imageWidth = parseInt(document.getElementById('bannerImageWidth')?.value || '300');
const imageHeight = parseInt(document.getElementById('bannerImageHeight')?.value || '200'); const imageHeight = parseInt(document.getElementById('bannerImageHeight')?.value || '200');
const imagePosition = document.getElementById('bannerImagePosition')?.value || 'right'; const imagePosition = 'right'; // Always right-aligned
// Log the current position for debugging // Log the current position for debugging
console.log('Image position:', imagePosition); console.log('Image position:', imagePosition);
@@ -1967,8 +1951,8 @@ function updateBannerPreview() {
margin: (template.margin ? `${template.margin}px` : '20px').trim(), margin: (template.margin ? `${template.margin}px` : '20px').trim(),
borderRadius: (template.borderRadius ? `${template.borderRadius}px` : '8px').trim(), borderRadius: (template.borderRadius ? `${template.borderRadius}px` : '8px').trim(),
// Image position // Image position (always right)
imagePosition: imagePosition, imagePosition: 'right',
// Container styles // Container styles
containerStyle: (template.containerStyle || '').trim() containerStyle: (template.containerStyle || '').trim()