mirror of
https://github.com/Dvorinka/PPve.git
synced 2026-06-03 20:12:59 +00:00
Add files via upload
This commit is contained in:
Tomáš Dvořák
@@ -55,6 +55,56 @@
|
||||
margin-top: 0;
|
||||
color: #333;
|
||||
}
|
||||
.form-group {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.form-group input[type="text"],
|
||||
.form-group textarea,
|
||||
.form-group select {
|
||||
width: 100%;
|
||||
padding: 0.5rem;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.form-group textarea {
|
||||
min-height: 100px;
|
||||
resize: vertical;
|
||||
}
|
||||
.color-preview {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border: 1px solid #ddd;
|
||||
vertical-align: middle;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.style-presets {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.style-preset {
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.style-preset:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.banner-preview {
|
||||
margin-top: 20px;
|
||||
padding: 15px;
|
||||
border: 1px dashed #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.card p {
|
||||
color: #666;
|
||||
margin-bottom: 0;
|
||||
@@ -70,6 +120,73 @@
|
||||
<div class="container">
|
||||
<h2>Vítejte v administraci</h2>
|
||||
|
||||
<div class="card" style="margin-bottom: 2rem;">
|
||||
<h3>Správa banneru</h3>
|
||||
<div class="form-group">
|
||||
<label for="bannerText">Text banneru</label>
|
||||
<textarea id="bannerText" placeholder="Zadejte text banneru"></textarea>
|
||||
</div>
|
||||
|
||||
<h4>Styl banneru</h4>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="bannerVisible">
|
||||
<input type="checkbox" id="bannerVisible" checked> Zobrazit banner
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="bannerBgColor">Barva pozadí</label>
|
||||
<div style="display: flex; align-items: center;">
|
||||
<input type="text" id="bannerBgColor" value="#f8d7da">
|
||||
<div class="color-preview" id="bgColorPreview" style="background-color: #f8d7da;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="bannerTextColor">Barva textu</label>
|
||||
<div style="display: flex; align-items: center;">
|
||||
<input type="text" id="bannerTextColor" value="#721c24">
|
||||
<div class="color-preview" id="textColorPreview" style="background-color: #721c24;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="bannerTextAlign">Zarovnání textu</label>
|
||||
<select id="bannerTextAlign">
|
||||
<option value="left">Vlevo</option>
|
||||
<option value="center" selected>Na střed</option>
|
||||
<option value="right">Vpravo</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="bannerFontSize">Velikost písma (px)</label>
|
||||
<input type="text" id="bannerFontSize" value="16">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="bannerPadding">Odsazení (px)</label>
|
||||
<input type="text" id="bannerPadding" value="10">
|
||||
</div>
|
||||
|
||||
<h4>Předvolby stylů</h4>
|
||||
<div class="style-presets">
|
||||
<div class="style-preset" data-preset="info">Informační</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="margin-top: 20px; padding: 15px; display: none;">
|
||||
Náhled banneru se zde zobrazí
|
||||
</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 class="dashboard-cards">
|
||||
<div class="card">
|
||||
<h3>Uživatelé</h3>
|
||||
@@ -123,6 +240,189 @@
|
||||
|
||||
return response;
|
||||
};
|
||||
|
||||
// DOM Elements
|
||||
const bannerText = document.getElementById('bannerText');
|
||||
const bannerVisible = document.getElementById('bannerVisible');
|
||||
const bannerBgColor = document.getElementById('bannerBgColor');
|
||||
const bannerTextColor = document.getElementById('bannerTextColor');
|
||||
const bannerTextAlign = document.getElementById('bannerTextAlign');
|
||||
const bannerFontSize = document.getElementById('bannerFontSize');
|
||||
const bannerPadding = document.getElementById('bannerPadding');
|
||||
const bannerPreview = document.getElementById('bannerPreview');
|
||||
const bgColorPreview = document.getElementById('bgColorPreview');
|
||||
const textColorPreview = document.getElementById('textColorPreview');
|
||||
const saveBannerBtn = document.getElementById('saveBannerBtn');
|
||||
const stylePresets = document.querySelectorAll('.style-preset');
|
||||
|
||||
// Preset styles
|
||||
const presets = {
|
||||
info: {
|
||||
backgroundColor: '#cce5ff',
|
||||
textColor: '#004085',
|
||||
textAlign: 'left'
|
||||
},
|
||||
warning: {
|
||||
backgroundColor: '#fff3cd',
|
||||
textColor: '#856404',
|
||||
textAlign: 'center'
|
||||
},
|
||||
success: {
|
||||
backgroundColor: '#d4edda',
|
||||
textColor: '#155724',
|
||||
textAlign: 'center'
|
||||
},
|
||||
error: {
|
||||
backgroundColor: '#f8d7da',
|
||||
textColor: '#721c24',
|
||||
textAlign: 'center'
|
||||
}
|
||||
};
|
||||
|
||||
// Load current banner
|
||||
async function loadBanner() {
|
||||
try {
|
||||
const response = await fetch('/api/banner');
|
||||
if (!response.ok) throw new Error('Failed to load banner');
|
||||
|
||||
const banner = await response.json();
|
||||
|
||||
// Update form fields
|
||||
bannerText.value = banner.text || '';
|
||||
bannerVisible.checked = banner.style.isVisible !== false;
|
||||
bannerBgColor.value = banner.style.backgroundColor || '#f8d7da';
|
||||
bannerTextColor.value = banner.style.textColor || '#721c24';
|
||||
bannerTextAlign.value = banner.style.textAlign || 'center';
|
||||
bannerFontSize.value = parseInt(banner.style.fontSize || '16');
|
||||
bannerPadding.value = parseInt(banner.style.padding || '10');
|
||||
|
||||
updateColorPreviews();
|
||||
updateBannerPreview();
|
||||
|
||||
} catch (error) {
|
||||
console.error('Error loading banner:', error);
|
||||
alert('Nepodařilo se načíst banner');
|
||||
}
|
||||
}
|
||||
|
||||
// Save banner
|
||||
async function saveBanner() {
|
||||
try {
|
||||
const bannerData = {
|
||||
text: bannerText.value,
|
||||
style: {
|
||||
backgroundColor: bannerBgColor.value,
|
||||
textColor: bannerTextColor.value,
|
||||
textAlign: bannerTextAlign.value,
|
||||
fontSize: `${bannerFontSize.value}px`,
|
||||
padding: `${bannerPadding.value}px`,
|
||||
isVisible: bannerVisible.checked
|
||||
}
|
||||
};
|
||||
|
||||
const response = await fetch('/api/banner/update', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(bannerData)
|
||||
});
|
||||
|
||||
if (!response.ok) throw new Error('Failed to save banner');
|
||||
|
||||
alert('Banner byl úspěšně uložen');
|
||||
updateBannerPreview();
|
||||
|
||||
} catch (error) {
|
||||
console.error('Error saving banner:', error);
|
||||
alert('Nepodařilo se uložit banner');
|
||||
}
|
||||
}
|
||||
|
||||
// Update color previews
|
||||
function updateColorPreviews() {
|
||||
bgColorPreview.style.backgroundColor = bannerBgColor.value;
|
||||
textColorPreview.style.backgroundColor = bannerTextColor.value;
|
||||
}
|
||||
|
||||
// Update banner preview
|
||||
function updateBannerPreview() {
|
||||
if (!bannerText.value.trim()) {
|
||||
bannerPreview.style.display = 'none';
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
bannerPreview.style.display = 'block';
|
||||
bannerPreview.textContent = bannerText.value;
|
||||
bannerPreview.style.backgroundColor = bannerBgColor.value;
|
||||
bannerPreview.style.color = bannerTextColor.value;
|
||||
bannerPreview.style.textAlign = bannerTextAlign.value;
|
||||
bannerPreview.style.fontSize = `${bannerFontSize.value}px`;
|
||||
bannerPreview.style.padding = `${bannerPadding.value}px`;
|
||||
}
|
||||
|
||||
// Apply preset
|
||||
function applyPreset(preset) {
|
||||
const style = presets[preset];
|
||||
if (!style) return;
|
||||
|
||||
bannerBgColor.value = style.backgroundColor;
|
||||
bannerTextColor.value = style.textColor;
|
||||
bannerTextAlign.value = style.textAlign;
|
||||
|
||||
updateColorPreviews();
|
||||
updateBannerPreview();
|
||||
}
|
||||
|
||||
// Event Listeners
|
||||
bannerBgColor.addEventListener('input', () => {
|
||||
updateColorPreviews();
|
||||
updateBannerPreview();
|
||||
});
|
||||
|
||||
bannerTextColor.addEventListener('input', () => {
|
||||
updateColorPreviews();
|
||||
updateBannerPreview();
|
||||
});
|
||||
|
||||
[bannerText, bannerTextAlign, bannerFontSize, bannerPadding, bannerVisible].forEach(el => {
|
||||
el.addEventListener('change', updateBannerPreview);
|
||||
el.addEventListener('input', updateBannerPreview);
|
||||
});
|
||||
|
||||
stylePresets.forEach(preset => {
|
||||
preset.addEventListener('click', () => applyPreset(preset.dataset.preset));
|
||||
});
|
||||
|
||||
saveBannerBtn.addEventListener('click', saveBanner);
|
||||
|
||||
// Initialize
|
||||
async function fetch(resource, init = {}) {
|
||||
// Add auth token to headers if it exists
|
||||
const token = localStorage.getItem('token');
|
||||
if (token) {
|
||||
init.headers = {
|
||||
...init.headers,
|
||||
'Authorization': `Bearer ${token}`,
|
||||
'Content-Type': 'application/json'
|
||||
};
|
||||
}
|
||||
|
||||
const response = await window.fetch(resource, {
|
||||
credentials: 'same-origin',
|
||||
...init
|
||||
});
|
||||
|
||||
if (response.status === 401) {
|
||||
// Unauthorized - redirect to login
|
||||
window.location.href = '/admin';
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
return response;
|
||||
}
|
||||
|
||||
// Load banner when page loads
|
||||
document.addEventListener('DOMContentLoaded', loadBanner);;
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,111 @@
|
||||
package main
|
||||
|
||||
import (
|
||||
"encoding/json"
|
||||
"log"
|
||||
"net/http"
|
||||
"os"
|
||||
"sync"
|
||||
)
|
||||
|
||||
type BannerStyle struct {
|
||||
BackgroundColor string `json:"backgroundColor"`
|
||||
TextColor string `json:"textColor"`
|
||||
FontSize string `json:"fontSize"`
|
||||
TextAlign string `json:"textAlign"`
|
||||
Padding string `json:"padding"`
|
||||
IsVisible bool `json:"isVisible"`
|
||||
}
|
||||
|
||||
type BannerContent struct {
|
||||
Text string `json:"text"`
|
||||
Style BannerStyle `json:"style"`
|
||||
}
|
||||
|
||||
var (
|
||||
banner BannerContent
|
||||
bannerLock sync.RWMutex
|
||||
bannerFile = "banner.json"
|
||||
)
|
||||
|
||||
func init() {
|
||||
// Initialize with default values
|
||||
banner = BannerContent{
|
||||
Text: "Důležité oznámení: Tento banner lze upravit v administraci.",
|
||||
Style: BannerStyle{
|
||||
BackgroundColor: "#f8d7da",
|
||||
TextColor: "#721c24",
|
||||
FontSize: "16px",
|
||||
TextAlign: "center",
|
||||
Padding: "10px",
|
||||
IsVisible: true,
|
||||
},
|
||||
}
|
||||
loadBanner()
|
||||
}
|
||||
|
||||
func loadBanner() {
|
||||
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()
|
||||
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, "", " ")
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
return os.WriteFile(bannerFile, data, 0644)
|
||||
}
|
||||
|
||||
func GetBannerHandler(w http.ResponseWriter, r *http.Request) {
|
||||
bannerLock.RLock()
|
||||
defer bannerLock.RUnlock()
|
||||
|
||||
w.Header().Set("Content-Type", "application/json")
|
||||
json.NewEncoder(w).Encode(banner)
|
||||
}
|
||||
|
||||
func UpdateBannerHandler(w http.ResponseWriter, r *http.Request) {
|
||||
if r.Method != http.MethodPost {
|
||||
http.Error(w, "Method not allowed", http.StatusMethodNotAllowed)
|
||||
return
|
||||
}
|
||||
|
||||
var newBanner BannerContent
|
||||
if err := json.NewDecoder(r.Body).Decode(&newBanner); err != nil {
|
||||
http.Error(w, "Invalid request body", http.StatusBadRequest)
|
||||
return
|
||||
}
|
||||
|
||||
bannerLock.Lock()
|
||||
banner = newBanner
|
||||
err := saveBanner()
|
||||
bannerLock.Unlock()
|
||||
|
||||
if err != nil {
|
||||
http.Error(w, "Error saving banner", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
|
||||
w.Header().Set("Content-Type", "application/json")
|
||||
json.NewEncoder(w).Encode(map[string]string{"status": "success"})
|
||||
}
|
||||
+39
@@ -16,6 +16,40 @@
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
// Load and display banner
|
||||
async function loadBanner() {
|
||||
try {
|
||||
const response = await fetch('/api/banner');
|
||||
if (!response.ok) return;
|
||||
|
||||
const banner = await response.json();
|
||||
|
||||
if (!banner.style.isVisible) return;
|
||||
|
||||
const bannerContainer = document.getElementById('bannerContainer');
|
||||
const bannerContent = document.getElementById('bannerContent');
|
||||
|
||||
// Apply styles
|
||||
Object.assign(bannerContainer.style, {
|
||||
display: 'block',
|
||||
backgroundColor: banner.style.backgroundColor || '#f8d7da',
|
||||
color: banner.style.textColor || '#721c24',
|
||||
textAlign: banner.style.textAlign || 'center',
|
||||
fontSize: banner.style.fontSize || '16px',
|
||||
padding: banner.style.padding || '10px'
|
||||
});
|
||||
|
||||
// Set content
|
||||
bannerContent.innerHTML = banner.text || '';
|
||||
|
||||
} catch (error) {
|
||||
console.error('Error loading banner:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// Load banner when page loads
|
||||
document.addEventListener('DOMContentLoaded', loadBanner);
|
||||
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
@@ -30,6 +64,11 @@
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-gray-100 min-h-screen">
|
||||
<!-- Banner Container -->
|
||||
<div id="bannerContainer" style="display: none; width: 100%; transition: all 0.3s ease;">
|
||||
<div id="bannerContent" style="padding: 10px; text-align: center;"></div>
|
||||
</div>
|
||||
|
||||
<nav class="bg-brand-blue text-white shadow-lg">
|
||||
<div class="max-w-6xl mx-auto px-4 py-3 flex justify-between items-center">
|
||||
<div class="flex items-center space-x-2">
|
||||
|
||||
@@ -60,6 +60,10 @@ func main() {
|
||||
api := r.PathPrefix("/api").Subrouter()
|
||||
api.Use(AuthMiddleware)
|
||||
api.HandleFunc("/submit", handleSubmit).Methods("POST")
|
||||
api.HandleFunc("/banner/update", UpdateBannerHandler).Methods("POST")
|
||||
|
||||
// Public banner endpoint
|
||||
r.HandleFunc("/api/banner", GetBannerHandler).Methods("GET")
|
||||
|
||||
// Admin routes
|
||||
r.HandleFunc("/admin", func(w http.ResponseWriter, r *http.Request) {
|
||||
|
||||
Reference in New Issue
Block a user