mirror of
https://github.com/Dvorinka/PPve.git
synced 2026-06-04 20:42:59 +00:00
Add files via upload
This commit is contained in:
Tomáš Dvořák
+343
-122
@@ -172,6 +172,122 @@
|
|||||||
color: #666;
|
color: #666;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Form Actions */
|
||||||
|
.form-actions {
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding-top: 1rem;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.5rem 1.25rem;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.5;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
|
text-decoration: none;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn i {
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: #4a6cf7;
|
||||||
|
color: white;
|
||||||
|
border-color: #4a6cf7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background-color: #3a5ce4;
|
||||||
|
border-color: #3a5ce4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: #6c757d;
|
||||||
|
color: white;
|
||||||
|
border-color: #6c757d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #5a6268;
|
||||||
|
border-color: #545b62;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger {
|
||||||
|
background-color: #dc3545;
|
||||||
|
color: white;
|
||||||
|
border-color: #dc3545;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger:hover {
|
||||||
|
background-color: #c82333;
|
||||||
|
border-color: #bd2130;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Notifications */
|
||||||
|
.notification {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
padding: 15px 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: white;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
z-index: 1000;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-20px);
|
||||||
|
animation: slideIn 0.3s ease-out forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notification i {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notification.success {
|
||||||
|
background-color: #28a745;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notification.error {
|
||||||
|
background-color: #dc3545;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notification.warning {
|
||||||
|
background-color: #ffc107;
|
||||||
|
color: #212529;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-out {
|
||||||
|
animation: fadeOut 0.3s ease-out forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideIn {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
to {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -186,95 +302,106 @@
|
|||||||
<div class="card" style="margin: 2rem auto; max-width: 1000px;">
|
<div class="card" style="margin: 2rem auto; max-width: 1000px;">
|
||||||
<h3>Správa banneru</h3>
|
<h3>Správa banneru</h3>
|
||||||
|
|
||||||
<div class="form-group">
|
<form id="bannerForm" enctype="multipart/form-data" onsubmit="saveBanner(event)">
|
||||||
<label for="bannerText">Text banneru</label>
|
<div class="form-group">
|
||||||
<textarea id="bannerText" placeholder="Zadejte text banneru" style="min-height: 100px;"></textarea>
|
<label for="bannerText">Text banneru</label>
|
||||||
</div>
|
<textarea id="bannerText" name="text" placeholder="Zadejte text banneru" required></textarea>
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="bannerLink">Odkaz (volitelný)</label>
|
|
||||||
<input type="text" id="bannerLink" placeholder="https://example.com">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="image-upload-container">
|
|
||||||
<label for="bannerImage">Nahrát obrázek (volitelné)</label>
|
|
||||||
<input type="file" id="bannerImage" accept="image/*" style="display: none;">
|
|
||||||
<div>
|
|
||||||
<button type="button" id="uploadImageBtn" class="login-button" style="margin: 10px 0;">Vybrat obrázek</button>
|
|
||||||
<button type="button" id="removeImageBtn" class="login-button" style="margin: 10px 0; background-color: #dc3545; display: none;">Odstranit obrázek</button>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="imagePreviewContainer" style="display: none;">
|
|
||||||
<img id="imagePreview" class="image-preview" src="" alt="Náhled obrázku">
|
<div class="form-group">
|
||||||
|
<label for="bannerLink">Odkaz (volitelný)</label>
|
||||||
|
<input type="url" id="bannerLink" name="link" placeholder="https://example.com">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
<div class="form-group">
|
||||||
<h4>Styl banneru</h4>
|
<label>Nahrát obrázek</label>
|
||||||
|
<input type="file" id="bannerImage" name="image" accept="image/*" style="display: none;" onchange="handleImageUpload(event)">
|
||||||
<div class="form-group">
|
<input type="hidden" id="removeImage" name="removeImage" value="false">
|
||||||
<label for="bannerVisible">
|
<div>
|
||||||
<input type="checkbox" id="bannerVisible" checked> Zobrazit banner
|
<button type="button" class="btn btn-secondary" id="uploadImageBtn">
|
||||||
</label>
|
<i class="fas fa-upload"></i> Vybrat obrázek
|
||||||
</div>
|
</button>
|
||||||
|
<button type="button" id="removeImageBtn" class="btn btn-danger" style="display: none; margin-left: 10px;" onclick="removeImage()">
|
||||||
<div class="form-group">
|
<i class="fas fa-trash"></i> Odstranit obrázek
|
||||||
<label for="bannerBgColor">Barva pozadí</label>
|
</button>
|
||||||
<div class="color-picker-container">
|
</div>
|
||||||
<input type="color" id="bannerBgColorPicker" class="color-picker" value="#f8d7da">
|
<div id="imagePreviewContainer" style="margin-top: 10px; display: none;">
|
||||||
<input type="text" id="bannerBgColor" value="#f8d7da" style="flex: 1;">
|
<img id="imagePreview" style="max-width: 200px; max-height: 200px; border: 1px solid #ddd; border-radius: 4px; padding: 5px;" />
|
||||||
<div class="color-preview" id="bgColorPreview" style="background-color: #f8d7da;"></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
<div class="form-group">
|
||||||
<div class="form-group">
|
<label>
|
||||||
<label for="bannerTextColor">Barva textu</label>
|
<input type="checkbox" id="bannerVisible" name="style[isVisible]" value="true" checked> Zobrazit banner
|
||||||
<div class="color-picker-container">
|
</label>
|
||||||
<input type="color" id="bannerTextColorPicker" class="color-picker" value="#721c24">
|
|
||||||
<input type="text" id="bannerTextColor" value="#721c24" style="flex: 1;">
|
|
||||||
<div class="color-preview" id="textColorPreview" style="background-color: #721c24;"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
<h4>Styl</h4>
|
||||||
<div class="form-group">
|
|
||||||
<label for="bannerTextAlign">Zarovnání textu</label>
|
<div class="form-group">
|
||||||
<select id="bannerTextAlign">
|
<label for="bannerBgColor">Barva pozadí</label>
|
||||||
<option value="left">Vlevo</option>
|
<input type="text" id="bannerBgColor" name="style[backgroundColor]" value="#f8d7da" class="color-input">
|
||||||
<option value="center" selected>Na střed</option>
|
<input type="color" id="bannerBgColorPicker" value="#f8d7da" class="color-picker">
|
||||||
<option value="right">Vpravo</option>
|
<div id="bgColorPreview" class="color-preview"></div>
|
||||||
</select>
|
</div>
|
||||||
</div>
|
|
||||||
|
<div class="form-group">
|
||||||
<div class="form-group">
|
<label for="bannerTextColor">Barva textu</label>
|
||||||
<label for="bannerFontSize">Velikost písma (px)</label>
|
<input type="text" id="bannerTextColor" name="style[textColor]" value="#721c24" class="color-input">
|
||||||
<input type="text" id="bannerFontSize" value="16">
|
<input type="color" id="bannerTextColorPicker" value="#721c24" class="color-picker">
|
||||||
</div>
|
<div id="textColorPreview" class="color-preview"></div>
|
||||||
|
</div>
|
||||||
<div class="form-group">
|
|
||||||
<label for="bannerPadding">Odsazení (px)</label>
|
<div class="form-group">
|
||||||
<input type="number" id="bannerPadding" value="20" min="0">
|
<label for="bannerTextAlign">Zarovnání textu</label>
|
||||||
</div>
|
<select id="bannerTextAlign" name="style[textAlign]">
|
||||||
|
<option value="left">Vlevo</option>
|
||||||
<div class="form-group">
|
<option value="center" selected>Na střed</option>
|
||||||
<label for="bannerMargin">Okraje (px)</label>
|
<option value="right">Vpravo</option>
|
||||||
<input type="number" id="bannerMargin" value="20" min="0">
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="bannerBorderRadius">Zaoblení rohů (px)</label>
|
<label for="bannerFontSize">Velikost písma (px)</label>
|
||||||
<input type="number" id="bannerBorderRadius" value="8" min="0">
|
<input type="number" id="bannerFontSize" name="style[fontSize]" value="18" min="10" max="50">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="bannerFontSize">Velikost písma (px)</label>
|
<label for="bannerPadding">Odsazení (px)</label>
|
||||||
<input type="number" id="bannerFontSize" value="18" min="10" max="72">
|
<input type="number" id="bannerPadding" name="style[padding]" value="20" min="0" max="100">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4>Předvolby stylů</h4>
|
<div class="form-group">
|
||||||
<div class="style-presets">
|
<label for="bannerMargin">Okraj (px)</label>
|
||||||
<div class="style-preset" data-preset="info">Informační</div>
|
<input type="number" id="bannerMargin" name="style[margin]" value="20" min="0" max="100">
|
||||||
<div class="style-preset" data-preset="warning">Upozornění</div>
|
</div>
|
||||||
<div class="style-preset" data-preset="success">Úspěch</div>
|
|
||||||
<div class="style-preset" data-preset="error">Chyba</div>
|
<div class="form-group">
|
||||||
</div>
|
<label for="bannerBorderRadius">Zaoblení rohů (px)</label>
|
||||||
|
<input type="number" id="bannerBorderRadius" name="style[borderRadius]" value="8" min="0" max="50">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4>Předvolby stylů</h4>
|
||||||
|
<div class="style-presets">
|
||||||
|
<div class="style-preset" data-preset="info">Info</div>
|
||||||
|
<div class="style-preset" data-preset="warning">Upozornění</div>
|
||||||
|
<div class="style-preset" data-preset="success">Úspěch</div>
|
||||||
|
<div class="style-preset" data-preset="error">Chyba</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="banner-preview" id="bannerPreview" style="display: none;">
|
||||||
|
<div class="banner-preview-bg"></div>
|
||||||
|
<div class="banner-preview-content">
|
||||||
|
<div class="banner-preview-text">Náhled banneru se zde zobrazí</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-actions">
|
||||||
|
<button type="submit" id="saveBannerBtn" class="btn btn-primary">
|
||||||
|
<i class="fas fa-save"></i> Uložit banner
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
<div class="banner-preview" id="bannerPreview" style="display: none;">
|
<div class="banner-preview" id="bannerPreview" style="display: none;">
|
||||||
<div class="banner-preview-bg"></div>
|
<div class="banner-preview-bg"></div>
|
||||||
@@ -282,10 +409,6 @@
|
|||||||
<div class="banner-preview-text">Náhled banneru se zde zobrazí</div>
|
<div class="banner-preview-text">Náhled banneru se zde zobrazí</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button id="saveBannerBtn" style="margin-top: 1rem; padding: 0.5rem 1rem; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer;">
|
|
||||||
Uložit banner
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="dashboard-cards">
|
<div class="dashboard-cards">
|
||||||
@@ -391,13 +514,26 @@
|
|||||||
const banner = await response.json();
|
const banner = await response.json();
|
||||||
|
|
||||||
// Update form fields
|
// Update form fields
|
||||||
bannerText.value = banner.text || '';
|
document.getElementById('bannerText').value = banner.text || '';
|
||||||
bannerVisible.checked = banner.style.isVisible !== false;
|
document.getElementById('bannerLink').value = banner.link || '';
|
||||||
bannerBgColor.value = banner.style.backgroundColor || '#f8d7da';
|
document.getElementById('bannerVisible').checked = banner.style.isVisible !== false;
|
||||||
bannerTextColor.value = banner.style.textColor || '#721c24';
|
document.getElementById('bannerBgColor').value = banner.style.backgroundColor || '#f8d7da';
|
||||||
bannerTextAlign.value = banner.style.textAlign || 'center';
|
document.getElementById('bannerBgColorPicker').value = banner.style.backgroundColor || '#f8d7da';
|
||||||
bannerFontSize.value = parseInt(banner.style.fontSize || '16');
|
document.getElementById('bannerTextColor').value = banner.style.textColor || '#721c24';
|
||||||
bannerPadding.value = parseInt(banner.style.padding || '10');
|
document.getElementById('bannerTextColorPicker').value = banner.style.textColor || '#721c24';
|
||||||
|
document.getElementById('bannerTextAlign').value = banner.style.textAlign || 'center';
|
||||||
|
document.getElementById('bannerFontSize').value = banner.style.fontSize ? banner.style.fontSize.replace('px', '') : '18';
|
||||||
|
document.getElementById('bannerPadding').value = banner.style.padding ? banner.style.padding.replace('px', '') : '20';
|
||||||
|
document.getElementById('bannerMargin').value = banner.style.margin ? banner.style.margin.replace('px', '') : '20';
|
||||||
|
document.getElementById('bannerBorderRadius').value = banner.style.borderRadius ? banner.style.borderRadius.replace('px', '') : '8';
|
||||||
|
|
||||||
|
// Handle image
|
||||||
|
if (banner.image) {
|
||||||
|
currentImage = banner.image;
|
||||||
|
document.getElementById('imagePreview').src = currentImage;
|
||||||
|
document.getElementById('imagePreviewContainer').style.display = 'block';
|
||||||
|
document.getElementById('removeImageBtn').style.display = 'inline-block';
|
||||||
|
}
|
||||||
|
|
||||||
updateColorPreviews();
|
updateColorPreviews();
|
||||||
updateBannerPreview();
|
updateBannerPreview();
|
||||||
@@ -409,33 +545,85 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Save banner
|
// Save banner
|
||||||
async function saveBanner() {
|
async function saveBanner(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
const form = document.getElementById('bannerForm');
|
||||||
|
const formData = new FormData(form);
|
||||||
|
const saveBtn = document.getElementById('saveBannerBtn');
|
||||||
|
const originalBtnText = saveBtn.innerHTML;
|
||||||
|
|
||||||
|
// Update button state
|
||||||
|
saveBtn.disabled = true;
|
||||||
|
saveBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Ukládám...';
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const bannerData = {
|
// Add style properties to form data
|
||||||
text: bannerText.value,
|
formData.append('style[backgroundColor]', document.getElementById('bannerBgColor').value);
|
||||||
style: {
|
formData.append('style[textColor]', document.getElementById('bannerTextColor').value);
|
||||||
backgroundColor: bannerBgColor.value,
|
formData.append('style[textAlign]', document.getElementById('bannerTextAlign').value);
|
||||||
textColor: bannerTextColor.value,
|
formData.append('style[fontSize]', document.getElementById('bannerFontSize').value + 'px');
|
||||||
textAlign: bannerTextAlign.value,
|
formData.append('style[padding]', document.getElementById('bannerPadding').value + 'px');
|
||||||
fontSize: `${bannerFontSize.value}px`,
|
formData.append('style[margin]', document.getElementById('bannerMargin').value + 'px');
|
||||||
padding: `${bannerPadding.value}px`,
|
formData.append('style[borderRadius]', document.getElementById('bannerBorderRadius').value + 'px');
|
||||||
isVisible: bannerVisible.checked
|
formData.append('style[isVisible]', document.getElementById('bannerVisible').checked);
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const response = await fetch('/api/banner/update', {
|
const response = await fetch('/api/banner/update', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: JSON.stringify(bannerData)
|
headers: {
|
||||||
|
'Authorization': `Bearer ${localStorage.getItem('token')}`
|
||||||
|
},
|
||||||
|
body: formData
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!response.ok) throw new Error('Failed to save banner');
|
if (!response.ok) {
|
||||||
|
const error = await response.text();
|
||||||
|
throw new Error(error || 'Chyba při ukládání banneru');
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await response.json();
|
||||||
|
|
||||||
|
// Show success message
|
||||||
|
const notification = document.createElement('div');
|
||||||
|
notification.className = 'notification success';
|
||||||
|
notification.innerHTML = '<i class="fas fa-check-circle"></i> Banner byl úspěšně uložen';
|
||||||
|
document.body.appendChild(notification);
|
||||||
|
|
||||||
|
// Remove notification after 3 seconds
|
||||||
|
setTimeout(() => {
|
||||||
|
notification.classList.add('fade-out');
|
||||||
|
setTimeout(() => notification.remove(), 300);
|
||||||
|
}, 3000);
|
||||||
|
|
||||||
|
// Update the preview with the new banner data
|
||||||
|
if (result.image) {
|
||||||
|
currentImage = result.image;
|
||||||
|
document.getElementById('imagePreview').src = currentImage;
|
||||||
|
document.getElementById('imagePreviewContainer').style.display = 'block';
|
||||||
|
document.getElementById('removeImageBtn').style.display = 'inline-block';
|
||||||
|
}
|
||||||
|
|
||||||
alert('Banner byl úspěšně uložen');
|
|
||||||
updateBannerPreview();
|
updateBannerPreview();
|
||||||
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('Error saving banner:', error);
|
console.error('Chyba při ukládání banneru:', error);
|
||||||
alert('Nepodařilo se uložit banner');
|
|
||||||
|
// Show error message
|
||||||
|
const notification = document.createElement('div');
|
||||||
|
notification.className = 'notification error';
|
||||||
|
notification.innerHTML = `<i class="fas fa-exclamation-circle"></i> ${error.message || 'Nepodařilo se uložit banner'}`;
|
||||||
|
document.body.appendChild(notification);
|
||||||
|
|
||||||
|
// Remove notification after 5 seconds
|
||||||
|
setTimeout(() => {
|
||||||
|
notification.classList.add('fade-out');
|
||||||
|
setTimeout(() => notification.remove(), 300);
|
||||||
|
}, 5000);
|
||||||
|
|
||||||
|
} finally {
|
||||||
|
// Reset button state
|
||||||
|
saveBtn.disabled = false;
|
||||||
|
saveBtn.innerHTML = originalBtnText;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -447,19 +635,52 @@
|
|||||||
|
|
||||||
// Update banner preview
|
// Update banner preview
|
||||||
function updateBannerPreview() {
|
function updateBannerPreview() {
|
||||||
if (!bannerText.value.trim()) {
|
const bannerText = document.getElementById('bannerText').value;
|
||||||
|
const bannerMargin = document.getElementById('bannerMargin').value;
|
||||||
|
const bannerBorderRadius = document.getElementById('bannerBorderRadius').value;
|
||||||
|
const bannerFontSize = document.getElementById('bannerFontSize').value;
|
||||||
|
const bannerBgColor = document.getElementById('bannerBgColor').value;
|
||||||
|
const bannerTextColor = document.getElementById('bannerTextColor').value;
|
||||||
|
const bannerTextAlign = document.getElementById('bannerTextAlign').value;
|
||||||
|
const bannerPadding = document.getElementById('bannerPadding').value;
|
||||||
|
|
||||||
|
const bannerPreview = document.getElementById('bannerPreview');
|
||||||
|
const bannerPreviewText = bannerPreview.querySelector('.banner-preview-text');
|
||||||
|
const bannerPreviewBg = bannerPreview.querySelector('.banner-preview-bg');
|
||||||
|
const bannerPreviewContent = bannerPreview.querySelector('.banner-preview-content');
|
||||||
|
|
||||||
|
if (!bannerText.trim() && !currentImage) {
|
||||||
bannerPreview.style.display = 'none';
|
bannerPreview.style.display = 'none';
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
bannerPreview.style.display = 'block';
|
bannerPreview.style.display = 'block';
|
||||||
bannerPreview.textContent = bannerText.value;
|
bannerPreview.style.margin = `${bannerMargin}px auto`;
|
||||||
bannerPreview.style.backgroundColor = bannerBgColor.value;
|
bannerPreview.style.borderRadius = `${bannerBorderRadius}px`;
|
||||||
bannerPreview.style.color = bannerTextColor.value;
|
|
||||||
bannerPreview.style.textAlign = bannerTextAlign.value;
|
// Update banner content
|
||||||
bannerPreview.style.fontSize = `${bannerFontSize.value}px`;
|
bannerPreviewText.textContent = bannerText || '';
|
||||||
bannerPreview.style.padding = `${bannerPadding.value}px`;
|
bannerPreviewText.style.fontSize = `${bannerFontSize}px`;
|
||||||
|
|
||||||
|
// Update background and text colors
|
||||||
|
bannerPreview.style.backgroundColor = bannerBgColor;
|
||||||
|
bannerPreviewText.style.color = bannerTextColor;
|
||||||
|
|
||||||
|
// Update text alignment
|
||||||
|
bannerPreview.style.textAlign = bannerTextAlign;
|
||||||
|
|
||||||
|
// Update padding
|
||||||
|
bannerPreviewContent.style.padding = `${bannerPadding}px`;
|
||||||
|
|
||||||
|
// Handle image
|
||||||
|
if (currentImage) {
|
||||||
|
bannerPreview.classList.add('with-image');
|
||||||
|
bannerPreviewBg.style.backgroundImage = `url(${currentImage})`;
|
||||||
|
bannerPreviewBg.style.display = 'block';
|
||||||
|
} else {
|
||||||
|
bannerPreview.classList.remove('with-image');
|
||||||
|
bannerPreviewBg.style.display = 'none';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Apply preset
|
// Apply preset
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ var (
|
|||||||
|
|
||||||
adminUsername = "admin"
|
adminUsername = "admin"
|
||||||
// In a real app, store hashed password and retrieve from a secure storage
|
// In a real app, store hashed password and retrieve from a secure storage
|
||||||
adminPasswordHash = mustHashPassword("admin123") // Default password, should be changed after first login
|
adminPasswordHash = mustHashPassword("admin") // Default password, should be changed after first login
|
||||||
)
|
)
|
||||||
|
|
||||||
func getJWTKey() []byte {
|
func getJWTKey() []byte {
|
||||||
|
|||||||
@@ -2,82 +2,121 @@ package main
|
|||||||
|
|
||||||
import (
|
import (
|
||||||
"encoding/json"
|
"encoding/json"
|
||||||
|
"io"
|
||||||
|
"io/ioutil"
|
||||||
"log"
|
"log"
|
||||||
"net/http"
|
"net/http"
|
||||||
"os"
|
"os"
|
||||||
|
"path/filepath"
|
||||||
|
"strings"
|
||||||
"sync"
|
"sync"
|
||||||
)
|
)
|
||||||
|
|
||||||
|
// Initialize banner data
|
||||||
|
func init() {
|
||||||
|
// Create data directory if it doesn't exist
|
||||||
|
if err := os.MkdirAll("data", 0755); err != nil {
|
||||||
|
log.Printf("Warning: Failed to create data directory: %v", err)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create uploads directory if it doesn't exist
|
||||||
|
if err := os.MkdirAll(uploadDir, 0755); err != nil {
|
||||||
|
log.Printf("Warning: Failed to create uploads directory: %v", err)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Load banner data from file if it exists
|
||||||
|
if data, err := ioutil.ReadFile(bannerDataFile); err == nil {
|
||||||
|
if err := json.Unmarshal(data, &banner); err != nil {
|
||||||
|
log.Printf("Error loading banner data: %v", err)
|
||||||
|
initDefaultBanner()
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
initDefaultBanner()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const (
|
||||||
|
bannerDataFile = "data/banner.json"
|
||||||
|
uploadDir = "uploads"
|
||||||
|
)
|
||||||
|
|
||||||
|
// Ensure directories exist
|
||||||
|
func ensureDirs() error {
|
||||||
|
if err := os.MkdirAll(filepath.Dir(bannerDataFile), 0755); err != nil {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
if err := os.MkdirAll(uploadDir, 0755); err != nil {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
type BannerContent struct {
|
||||||
|
Text string `json:"text"`
|
||||||
|
Image string `json:"image,omitempty"`
|
||||||
|
Link string `json:"link,omitempty"`
|
||||||
|
Style BannerStyle `json:"style"`
|
||||||
|
}
|
||||||
|
|
||||||
type BannerStyle struct {
|
type BannerStyle struct {
|
||||||
BackgroundColor string `json:"backgroundColor"`
|
BackgroundColor string `json:"backgroundColor"`
|
||||||
TextColor string `json:"textColor"`
|
TextColor string `json:"textColor"`
|
||||||
FontSize string `json:"fontSize"`
|
|
||||||
TextAlign string `json:"textAlign"`
|
TextAlign string `json:"textAlign"`
|
||||||
|
FontSize string `json:"fontSize"`
|
||||||
Padding string `json:"padding"`
|
Padding string `json:"padding"`
|
||||||
Margin string `json:"margin"`
|
Margin string `json:"margin"`
|
||||||
BorderRadius string `json:"borderRadius"`
|
BorderRadius string `json:"borderRadius"`
|
||||||
IsVisible bool `json:"isVisible"`
|
IsVisible bool `json:"isVisible"`
|
||||||
}
|
}
|
||||||
|
|
||||||
type BannerContent struct {
|
|
||||||
Text string `json:"text"`
|
|
||||||
Image string `json:"image,omitempty"`
|
|
||||||
Link string `json:"link,omitempty"`
|
|
||||||
Style BannerStyle `json:"style"`
|
|
||||||
}
|
|
||||||
|
|
||||||
var (
|
var (
|
||||||
banner BannerContent
|
banner BannerContent
|
||||||
bannerLock sync.RWMutex
|
bannerLock sync.RWMutex
|
||||||
bannerFile = "banner.json"
|
|
||||||
)
|
)
|
||||||
|
|
||||||
func init() {
|
func init() {
|
||||||
// Initialize with default values
|
// Ensure directories exist
|
||||||
|
if err := ensureDirs(); err != nil {
|
||||||
|
log.Printf("Warning: Failed to create required directories: %v", err)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Load banner data from file if it exists
|
||||||
|
if data, err := ioutil.ReadFile(bannerDataFile); err == nil {
|
||||||
|
if err := json.Unmarshal(data, &banner); err != nil {
|
||||||
|
log.Printf("Error loading banner data: %v", err)
|
||||||
|
initDefaultBanner()
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
initDefaultBanner()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func initDefaultBanner() {
|
||||||
banner = BannerContent{
|
banner = BannerContent{
|
||||||
Text: "Důležité oznámení: Tento banner lze upravit v administraci.",
|
Text: "Vítejte na našem webu!",
|
||||||
Style: BannerStyle{
|
Style: BannerStyle{
|
||||||
BackgroundColor: "#f8d7da",
|
BackgroundColor: "#f8d7da",
|
||||||
TextColor: "#721c24",
|
TextColor: "#721c24",
|
||||||
FontSize: "16px",
|
|
||||||
TextAlign: "center",
|
TextAlign: "center",
|
||||||
Padding: "10px",
|
FontSize: "18px",
|
||||||
|
Padding: "20px",
|
||||||
|
Margin: "20px",
|
||||||
|
BorderRadius: "8px",
|
||||||
IsVisible: true,
|
IsVisible: true,
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
loadBanner()
|
saveBannerData()
|
||||||
}
|
}
|
||||||
|
|
||||||
func loadBanner() {
|
func saveBannerData() error {
|
||||||
if _, err := os.Stat(bannerFile); os.IsNotExist(err) {
|
|
||||||
saveBanner()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
data, err := os.ReadFile(bannerFile)
|
|
||||||
if err != nil {
|
|
||||||
log.Printf("Error reading banner file: %v", err)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
bannerLock.Lock()
|
bannerLock.Lock()
|
||||||
defer bannerLock.Unlock()
|
defer bannerLock.Unlock()
|
||||||
|
|
||||||
if err := json.Unmarshal(data, &banner); err != nil {
|
|
||||||
log.Printf("Error parsing banner data: %v", err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func saveBanner() error {
|
|
||||||
bannerLock.RLock()
|
|
||||||
defer bannerLock.RUnlock()
|
|
||||||
|
|
||||||
data, err := json.MarshalIndent(banner, "", " ")
|
data, err := json.MarshalIndent(banner, "", " ")
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
|
return ioutil.WriteFile(bannerDataFile, data, 0644)
|
||||||
return os.WriteFile(bannerFile, data, 0644)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
func GetBannerHandler(w http.ResponseWriter, r *http.Request) {
|
func GetBannerHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
@@ -85,31 +124,105 @@ func GetBannerHandler(w http.ResponseWriter, r *http.Request) {
|
|||||||
defer bannerLock.RUnlock()
|
defer bannerLock.RUnlock()
|
||||||
|
|
||||||
w.Header().Set("Content-Type", "application/json")
|
w.Header().Set("Content-Type", "application/json")
|
||||||
|
w.Header().Set("Access-Control-Allow-Origin", "*")
|
||||||
json.NewEncoder(w).Encode(banner)
|
json.NewEncoder(w).Encode(banner)
|
||||||
}
|
}
|
||||||
|
|
||||||
func UpdateBannerHandler(w http.ResponseWriter, r *http.Request) {
|
func UpdateBannerHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
|
if r.Method == http.MethodOptions {
|
||||||
|
w.WriteHeader(http.StatusOK)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
if r.Method != http.MethodPost {
|
if r.Method != http.MethodPost {
|
||||||
http.Error(w, "Method not allowed", http.StatusMethodNotAllowed)
|
http.Error(w, "Method not allowed", http.StatusMethodNotAllowed)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
var newBanner BannerContent
|
w.Header().Set("Access-Control-Allow-Origin", "*")
|
||||||
if err := json.NewDecoder(r.Body).Decode(&newBanner); err != nil {
|
w.Header().Set("Content-Type", "application/json")
|
||||||
http.Error(w, "Invalid request body", http.StatusBadRequest)
|
|
||||||
|
// Parse multipart form for file uploads
|
||||||
|
if err := r.ParseMultipartForm(10 << 20); err != nil { // 10 MB max
|
||||||
|
http.Error(w, "Error parsing form data", http.StatusBadRequest)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
newBanner := BannerContent{
|
||||||
|
Text: r.FormValue("text"),
|
||||||
|
Link: r.FormValue("link"),
|
||||||
|
Style: BannerStyle{
|
||||||
|
BackgroundColor: r.FormValue("style[backgroundColor]"),
|
||||||
|
TextColor: r.FormValue("style[textColor]"),
|
||||||
|
TextAlign: r.FormValue("style[textAlign]"),
|
||||||
|
FontSize: r.FormValue("style[fontSize]"),
|
||||||
|
Padding: r.FormValue("style[padding]"),
|
||||||
|
Margin: r.FormValue("style[margin]"),
|
||||||
|
BorderRadius: r.FormValue("style[borderRadius]"),
|
||||||
|
IsVisible: r.FormValue("style[isVisible]") == "true",
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle file upload
|
||||||
|
file, handler, err := r.FormFile("image")
|
||||||
|
if err == nil {
|
||||||
|
defer file.Close()
|
||||||
|
|
||||||
|
// Ensure uploads directory exists
|
||||||
|
if err := ensureDirs(); err != nil {
|
||||||
|
http.Error(w, "Error preparing upload directory", http.StatusInternalServerError)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create a new file in the uploads directory with a unique name
|
||||||
|
ext := filepath.Ext(handler.Filename)
|
||||||
|
tempFile, err := ioutil.TempFile(uploadDir, "upload-*"+ext)
|
||||||
|
if err != nil {
|
||||||
|
http.Error(w, "Error creating file", http.StatusInternalServerError)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
defer tempFile.Close()
|
||||||
|
|
||||||
|
// Copy the uploaded file to the destination file
|
||||||
|
if _, err := io.Copy(tempFile, file); err != nil {
|
||||||
|
http.Error(w, "Error saving file", http.StatusInternalServerError)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// Update banner data with the new image path
|
||||||
|
newBanner.Image = "/uploads/" + filepath.Base(tempFile.Name())
|
||||||
|
} else if r.FormValue("removeImage") == "true" {
|
||||||
|
// If removeImage is set, clear the image
|
||||||
|
newBanner.Image = ""
|
||||||
|
} else {
|
||||||
|
// Keep the existing image if no new one is uploaded
|
||||||
|
bannerLock.RLock()
|
||||||
|
newBanner.Image = banner.Image
|
||||||
|
bannerLock.RUnlock()
|
||||||
|
}
|
||||||
|
|
||||||
|
// Update banner data
|
||||||
bannerLock.Lock()
|
bannerLock.Lock()
|
||||||
banner = newBanner
|
banner = newBanner
|
||||||
err := saveBanner()
|
err = saveBannerData()
|
||||||
bannerLock.Unlock()
|
bannerLock.Unlock()
|
||||||
|
|
||||||
if err != nil {
|
if err != nil {
|
||||||
http.Error(w, "Error saving banner", http.StatusInternalServerError)
|
http.Error(w, "Error saving banner data", http.StatusInternalServerError)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
w.Header().Set("Content-Type", "application/json")
|
w.Header().Set("Content-Type", "application/json")
|
||||||
json.NewEncoder(w).Encode(map[string]string{"status": "success"})
|
json.NewEncoder(w).Encode(banner)
|
||||||
|
}
|
||||||
|
|
||||||
|
// ServeUploads handles serving uploaded files
|
||||||
|
func ServeUploads(w http.ResponseWriter, r *http.Request) {
|
||||||
|
// Only serve files from the uploads directory
|
||||||
|
if !strings.HasPrefix(r.URL.Path, "/"+uploadDir+"/") {
|
||||||
|
http.NotFound(w, r)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
// Strip the leading slash to get the relative path
|
||||||
|
http.ServeFile(w, r, r.URL.Path[1:])
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -40,6 +40,14 @@ type GeoCoords struct {
|
|||||||
func main() {
|
func main() {
|
||||||
log.SetFlags(log.LstdFlags | log.Lshortfile)
|
log.SetFlags(log.LstdFlags | log.Lshortfile)
|
||||||
|
|
||||||
|
// Create necessary directories
|
||||||
|
if err := os.MkdirAll("data", 0755); err != nil {
|
||||||
|
log.Fatalf("Failed to create data directory: %v", err)
|
||||||
|
}
|
||||||
|
if err := os.MkdirAll("uploads", 0755); err != nil {
|
||||||
|
log.Fatalf("Failed to create uploads directory: %v", err)
|
||||||
|
}
|
||||||
|
|
||||||
r := mux.NewRouter()
|
r := mux.NewRouter()
|
||||||
|
|
||||||
// Set up reverse proxy to kontakt service
|
// Set up reverse proxy to kontakt service
|
||||||
@@ -48,6 +56,7 @@ func main() {
|
|||||||
|
|
||||||
// Public routes
|
// Public routes
|
||||||
r.PathPrefix("/kontakt/").Handler(http.StripPrefix("/kontakt", kontaktProxy))
|
r.PathPrefix("/kontakt/").Handler(http.StripPrefix("/kontakt", kontaktProxy))
|
||||||
|
r.PathPrefix("/uploads/").Handler(http.StripPrefix("/uploads/", http.FileServer(http.Dir("./uploads"))))
|
||||||
r.HandleFunc("/health", func(w http.ResponseWriter, r *http.Request) {
|
r.HandleFunc("/health", func(w http.ResponseWriter, r *http.Request) {
|
||||||
w.Header().Set("Content-Type", "application/json")
|
w.Header().Set("Content-Type", "application/json")
|
||||||
w.Write([]byte(`{"status":"ok"}`))
|
w.Write([]byte(`{"status":"ok"}`))
|
||||||
@@ -60,10 +69,26 @@ func main() {
|
|||||||
api := r.PathPrefix("/api").Subrouter()
|
api := r.PathPrefix("/api").Subrouter()
|
||||||
api.Use(AuthMiddleware)
|
api.Use(AuthMiddleware)
|
||||||
api.HandleFunc("/submit", handleSubmit).Methods("POST")
|
api.HandleFunc("/submit", handleSubmit).Methods("POST")
|
||||||
api.HandleFunc("/banner/update", UpdateBannerHandler).Methods("POST")
|
api.HandleFunc("/banner/update", UpdateBannerHandler).Methods("POST", "OPTIONS")
|
||||||
|
|
||||||
// Public banner endpoint
|
// Public banner endpoint
|
||||||
r.HandleFunc("/api/banner", GetBannerHandler).Methods("GET")
|
r.HandleFunc("/api/banner", GetBannerHandler).Methods("GET", "OPTIONS")
|
||||||
|
|
||||||
|
// Add CORS middleware for API
|
||||||
|
r.Use(func(next http.Handler) http.Handler {
|
||||||
|
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||||
|
w.Header().Set("Access-Control-Allow-Origin", "*")
|
||||||
|
w.Header().Set("Access-Control-Allow-Methods", "GET, POST, OPTIONS")
|
||||||
|
w.Header().Set("Access-Control-Allow-Headers", "Content-Type, Authorization")
|
||||||
|
|
||||||
|
if r.Method == "OPTIONS" {
|
||||||
|
w.WriteHeader(http.StatusOK)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
next.ServeHTTP(w, r)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
// Admin routes
|
// Admin routes
|
||||||
r.HandleFunc("/admin", func(w http.ResponseWriter, r *http.Request) {
|
r.HandleFunc("/admin", func(w http.ResponseWriter, r *http.Request) {
|
||||||
|
|||||||
Reference in New Issue
Block a user