-
-
+ isLoading ? (
+
+ ) : (
+
+
+ Aktuality
- Nejnovější titulek
-
+
+
+ )
)}
Aktuality
+ Nejnovější titulek
+
{featured.slice(1, 3).map((n, idx) => (
@@ -1421,13 +1462,17 @@ const HomePage: React.FC = () => {
))}
{Array.from({ length: Math.max(0, 2 - Math.min(2, Math.max(0, featured.length - 1))) }).map((_, idx) => (
-
-
-
@@ -1438,7 +1483,7 @@ const HomePage: React.FC = () => {
{(banners || []).filter(b => b.placement === 'homepage_middle').map((b) => (
{/* eslint-disable-next-line jsx-a11y/alt-text */}
-
-
-
+ isLoading ? (
+
+ ) : (
+
+
+ Aktuality
- Připravujeme...
-
+
+
+ )
))}
Aktuality
+ Připravujeme...
+
-
- {/* eslint-disable-next-line jsx-a11y/alt-text */}
- 
-
+ setNextCompIdx(prevIdx)}
+ onNext={() => setNextCompIdx(nextIdx)}
+ onOpen={handleNextMatchClick}
+ elementProps={{
+ 'data-element': 'matches' as any,
+ 'data-variant': getVariant('matches', 'compact') as any,
+ 'aria-live': 'polite' as any,
+ style: { ...getStyles('matches') },
+ }}
+ />
+ );
+ })()
+ ) : null
+ ) : (
+
setMatchesTab((i) => (i - 1 + facrCompetitions.length) % facrCompetitions.length)}
- onNext={() => setMatchesTab((i) => (i + 1) % facrCompetitions.length)}
- onOpen={handleNextMatchClick}
- elementProps={{
- 'data-element': 'matches' as any,
- 'data-variant': getVariant('matches', 'compact') as any,
- style: { ...getStyles('matches') },
+ key={`matches-${refreshKey}-${getVariant('matches', 'compact')}`}
+ data={{
+ home: matches[0]?.homeTeam || clubName,
+ home_logo_url: matches[0]?.homeLogoURL || clubLogo,
+ away: matches[0]?.awayTeam || 'Soupeř',
+ away_logo_url: matches[0]?.awayLogoURL,
}}
+ countdown={countdown}
+ elementProps={{ 'data-element': 'matches', 'data-variant': getVariant('matches', 'compact'), 'aria-live': 'polite', style: { position: 'relative', ...getStyles('matches') } }}
/>
- );
- })()
- ) : isVisible('matches', true) ? (
-
+ )
) : null}
{/* Sweepstakes / Lottery widget (visible around matches section) */}
@@ -1570,6 +1628,20 @@ const HomePage: React.FC = () => {
) : null
)}
+
+ {facrCompetitions.length === 0 && isLoading && (
+
+
+ )}
{/* News + Tables: split into two independent sections */}
{(() => {
@@ -1597,23 +1669,31 @@ const HomePage: React.FC = () => {
style={{ marginTop: 32 }}
>
{showNews && (
-
+
{newsVariant === 'scroller' ? (
)}
{showTable && (
-
+
)}
{getVariant('hero', heroStyle) === 'scroller' && isVisible('hero', true) && (
@@ -1492,58 +1540,68 @@ const HomePage: React.FC = () => {
)}
{/* Next match: categories (competitions) with left/right navigation - synced with matchesTab */}
- {facrCompetitions.length > 0 && isVisible('matches', true) ? (
- (() => {
- const comp = facrCompetitions[Math.max(0, Math.min(matchesTab, facrCompetitions.length - 1))];
- const items = Array.isArray(comp?.matches) ? comp.matches : [];
- const upcoming = items
- .map((m: any) => ({ m, t: new Date(`${m.date}T${(m.time || '00:00')}:00`).getTime() }))
- .filter((x: any) => !isNaN(x.t) && x.t > Date.now())
- .sort((a: any, b: any) => a.t - b.t)[0]?.m;
- const show = upcoming || items[0] || null;
- const link = (show && (show.facr_link || show.report_url)) || comp?.matches_link || nextMatchLink;
- const handleNextMatchClick = () => {
- if (show) {
- setSelectedMatch({
- ...show,
- competition: comp?.name,
- });
- setIsMatchModalOpen(true);
- } else if (link) {
- window.open(link, '_blank', 'noopener,noreferrer');
- }
- };
+ {isVisible('matches', true) ? (
+ facrCompetitions.length > 0 ? (
+ upcomingCompIndices.length > 0 ? (
+ (() => {
+ const safeIndex = Math.max(0, Math.min(nextCompIdx, facrCompetitions.length - 1));
+ const pos = upcomingCompIndices.indexOf(safeIndex);
+ const effectiveIndex = pos >= 0 ? upcomingCompIndices[pos] : upcomingCompIndices[0];
+ const comp = facrCompetitions[effectiveIndex];
+ const items = Array.isArray(comp?.matches) ? comp.matches : [];
+ const upcoming = items
+ .map((m: any) => ({ m, t: new Date(`${m.date}T${(m.time || '00:00')}:00`).getTime() }))
+ .filter((x: any) => !isNaN(x.t) && x.t > Date.now())
+ .sort((a: any, b: any) => a.t - b.t)[0]?.m;
+ const show = upcoming || null;
+ const link = (show && (show.facr_link || show.report_url)) || comp?.matches_link || nextMatchLink;
+ const prevIdx = upcomingCompIndices[(Math.max(0, pos) - 1 + upcomingCompIndices.length) % upcomingCompIndices.length];
+ const nextIdx = upcomingCompIndices[(Math.max(0, pos) + 1) % upcomingCompIndices.length];
+ const handleNextMatchClick = () => {
+ if (show) {
+ setSelectedMatch({
+ ...show,
+ competition: comp?.name,
+ });
+ setIsMatchModalOpen(true);
+ } else if (link) {
+ window.open(link, '_blank', 'noopener,noreferrer');
+ }
+ };
- return (
+ return (
+
+ {(banners || []).filter(b => b.placement === 'homepage_sidebar').map((b) => (
+
+ ))}
- ))}
+
-
+
+
+ Zápasy
+ Všechny zápasy +
+ {[1,2,3].map((i) => (
+
+ ))}
+
+
+ {[1,2,3,4].map(i => (
+
+ ))}
+
+ ) : (
+
+
{defer ? (
@@ -1639,7 +1719,15 @@ const HomePage: React.FC = () => {
}}
/>
- ) : null}
+ ) : (
+
+
+ {isVisible('activities', true) && !activitiesLoaded && (
+
+ )}
+
+ {upcomingEvents.length > 0 && isVisible('activities', true) && (
+
+
+
+ )}
{/* Banners under the table, inside the table column */}
{(banners || []).some(b => b.placement === 'homepage_under_table') && (
defer ? (
@@ -1657,12 +1745,28 @@ const HomePage: React.FC = () => {
{/* (Moved) Banner under tables now renders inside the table column above */}
{/* Competition tables moved into right column below */}
-
- {upcomingEvents.length > 0 && isVisible('activities', true) && (
-
+ {[1,2,3,4,5,6,7,8].map(i => (
+
+ ))}
+
+
+
+
+ {[1,2,3].map(i => (
+
+ ))}
+
+
+
+
+ {isVisible('team', false) && players.length === 0 && isLoading && (
+
+
+ )}
+
+ {players.length > 0 && isVisible('team', false) && (
+
+
+
Aktivity
Zobrazit vše
+ {[1,2,3,4,5,6].map(i => (
+
+ ))}
+
+
+
Hráči
Zobrazit vše
@@ -1691,7 +1810,7 @@ const HomePage: React.FC = () => {
{/* Gallery */}
{isVisible('gallery', false) && (
-
+
)}
@@ -1751,7 +1896,7 @@ const HomePage: React.FC = () => {
{(banners || []).filter(b => b.placement === 'homepage_footer').map((b) => (
{/* eslint-disable-next-line jsx-a11y/alt-text */}
-
+
))}
@@ -1759,13 +1904,15 @@ const HomePage: React.FC = () => {
{/* CTA (Newsletter) moved up */}
{isVisible('newsletter', false) && (
-
+
)}
@@ -1830,6 +1977,7 @@ const HomePage: React.FC = () => {
data-element="sponsors"
data-variant={variant}
className={`sponsors ${sponsorsTheme === 'dark' ? 'dark' : ''}`}
+ aria-labelledby="home-sponsors-heading"
style={{
width: '100vw',
position: 'relative',
@@ -1839,19 +1987,28 @@ const HomePage: React.FC = () => {
paddingLeft: 'max(16px, calc((100vw - 1200px) / 2))',
paddingRight: 'max(16px, calc((100vw - 1200px) / 2))',
boxSizing: 'border-box',
+ contentVisibility: 'auto' as any,
+ containIntrinsicSize: '520px',
...getStyles('sponsors')
}}
>
({ queryKey: ['players'], queryFn: () => getPlayers() });
+ const { data, isLoading, isError } = useQuery({ queryKey: ['players-all'], queryFn: () => getPlayers({ active: false }) });
const cardBg = useColorModeValue('white', 'gray.800');
const borderColor = useColorModeValue('gray.200', 'gray.700');
const textSecondary = useColorModeValue('gray.600', 'gray.400');
diff --git a/frontend/src/pages/admin/AdminActivitiesPage.tsx b/frontend/src/pages/admin/AdminActivitiesPage.tsx
index b044d5c..6811461 100644
--- a/frontend/src/pages/admin/AdminActivitiesPage.tsx
+++ b/frontend/src/pages/admin/AdminActivitiesPage.tsx
@@ -49,6 +49,7 @@ import { api } from '../../services/api';
// Removed react-datepicker to prevent crash; using native date/time inputs instead
import { getPublicSettings } from '../../services/settings';
import PollLinker from '../../components/admin/PollLinker';
+import { useAuth } from '../../contexts/AuthContext';
import FilePreview from '../../components/common/FilePreview';
import { facrApi } from '../../services/facr/facrApi';
import { getCompetitionAliasesPublic } from '../../services/competitionAliases';
@@ -73,6 +74,8 @@ const types: Array<{ value: Event['type']; label: string }> = [
];
const AdminActivitiesPage: React.FC = () => {
+ const { user } = useAuth();
+ const isAdmin = (user as any)?.role === 'admin';
const cardBg = useColorModeValue('white', 'gray.800');
const borderColor = useColorModeValue('gray.200', 'gray.700');
const inputBg = useColorModeValue('white', 'gray.700');
@@ -1135,7 +1138,7 @@ const AdminActivitiesPage: React.FC = () => {
{/* Poll Section */}
Anketa
- {editing?.id ? (
+ {isAdmin && editing?.id ? (
diff --git a/frontend/src/pages/admin/AdminVideosPage.tsx b/frontend/src/pages/admin/AdminVideosPage.tsx
index e7e5727..4976281 100644
--- a/frontend/src/pages/admin/AdminVideosPage.tsx
+++ b/frontend/src/pages/admin/AdminVideosPage.tsx
@@ -99,15 +99,6 @@ const AdminVideosPage: React.FC = () => {
if (mounted) setAutoLoading(false);
}
};
-
- const saveOverrides = async () => {
- try {
- await updateAdminSettings({ videos_title_overrides: titleOverrides } as any);
- toast({ status: 'success', title: 'Přepisy uloženy', description: 'Názvy videí byly aktualizovány.', duration: 2500 });
- } catch (e) {
- toast({ status: 'error', title: 'Chyba', description: 'Nepodařilo se uložit přepisy názvů.', duration: 3000 });
- }
- };
run();
return () => { mounted = false; };
}, [loading, videosSource]);
@@ -159,6 +150,15 @@ const AdminVideosPage: React.FC = () => {
}
};
+ const saveOverrides = async () => {
+ try {
+ await updateAdminSettings({ videos_title_overrides: titleOverrides } as any);
+ toast({ status: 'success', title: 'Přepisy uloženy', description: 'Názvy videí byly aktualizovány.', duration: 2500 });
+ } catch (e) {
+ toast({ status: 'error', title: 'Chyba', description: 'Nepodařilo se uložit přepisy názvů.', duration: 3000 });
+ }
+ };
+
const fetchChannelVideos = async () => {
const channel = channelInput?.trim();
if (!channel) {
diff --git a/frontend/src/pages/admin/ArticlesAdminPage.tsx b/frontend/src/pages/admin/ArticlesAdminPage.tsx
index a9c8143..62b8b5f 100644
--- a/frontend/src/pages/admin/ArticlesAdminPage.tsx
+++ b/frontend/src/pages/admin/ArticlesAdminPage.tsx
@@ -11,6 +11,7 @@ import {
import { FiEdit2, FiTrash2, FiPlus, FiSearch, FiUpload, FiExternalLink, FiVideo, FiX, FiRefreshCcw, FiLink } from 'react-icons/fi';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import AdminLayout from '../../layouts/AdminLayout';
+import { useAuth } from '../../contexts/AuthContext';
import { Article, deleteArticle, getArticles, createArticle, updateArticle, uploadFile, CreateArticlePayload, UpdateArticlePayload, getArticleMatchLink, putArticleMatchLink, deleteArticleMatchLink } from '../../services/articles';
import { generateBlogAI } from '../../services/ai';
import { useState, useRef, useCallback, useMemo } from 'react';
@@ -172,6 +173,8 @@ const parseYoutubeVideoId = (raw: string): string => {
};
const ArticlesAdminPage = () => {
+ const { user } = useAuth();
+ const isAdmin = (user as any)?.role === 'admin';
const toast = useToast();
const qc = useQueryClient();
const [page, setPage] = useState(1);
@@ -519,16 +522,20 @@ const ArticlesAdminPage = () => {
try {
// Set cover image immediately
setEditing((prev) => ({ ...(prev as any), image_url: pick.image_url }));
- // Persist pick to unified cache (admin)
- await putZoneramaPick({
- id: pick.id,
- album_id: pick.album_id,
- album_url: pick.album_url,
- page_url: pick.page_url,
- image_url: pick.image_url,
- title: pick.title,
- } as any);
- toast({ title: 'Obrázek vybrán ze Zonerama', status: 'success' });
+ // Persist pick to unified cache (admin only)
+ if (isAdmin) {
+ await putZoneramaPick({
+ id: pick.id,
+ album_id: pick.album_id,
+ album_url: pick.album_url,
+ page_url: pick.page_url,
+ image_url: pick.image_url,
+ title: pick.title,
+ } as any);
+ toast({ title: 'Obrázek vybrán ze Zonerama', status: 'success' });
+ } else {
+ toast({ title: 'Obrázek nastaven', status: 'success' });
+ }
} catch (e: any) {
toast({ title: 'Uložení výběru selhalo', description: e?.response?.data?.error || e?.message || 'Chyba', status: 'error' });
}
@@ -537,9 +544,11 @@ const ArticlesAdminPage = () => {
// Handle album photo selection for blog content
const handleAlbumPhotosSelected = useCallback(async (photos: Array<{ id: string; page_url: string; image_1500: string }>, albumInfo: any) => {
try {
- // Save album to cache
- toast({ title: 'Ukládám album...', status: 'info', duration: 2000 });
- await saveAlbumToCache(albumInfo.url, photos.length);
+ // Save album to cache (admins only)
+ if (isAdmin) {
+ toast({ title: 'Ukládám album...', status: 'info', duration: 2000 });
+ await saveAlbumToCache(albumInfo.url, photos.length);
+ }
// Store album info with article and append images to content
setEditing((prev) => {
@@ -573,7 +582,7 @@ const ArticlesAdminPage = () => {
toast({
title: 'Album přidáno',
- description: `${photos.length} fotografií vloženo do článku. Album dostupné také v sekci Média.`,
+ description: isAdmin ? `${photos.length} fotografií vloženo do článku. Album dostupné také v sekci Média.` : `${photos.length} fotografií vloženo do článku.`,
status: 'success',
duration: 4000
});
@@ -2092,7 +2101,7 @@ const ArticlesAdminPage = () => {
- {editing?.id ? (
+ {isAdmin && editing?.id ? (
{
// Invalidate queries to refresh polls
qc.invalidateQueries({ queryKey: ['linked-polls'] });
diff --git a/frontend/src/pages/admin/CommentsAdminPage.tsx b/frontend/src/pages/admin/CommentsAdminPage.tsx
index 7b033d6..d7cdc60 100644
--- a/frontend/src/pages/admin/CommentsAdminPage.tsx
+++ b/frontend/src/pages/admin/CommentsAdminPage.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import AdminLayout from '../../layouts/AdminLayout';
import { Box, Heading, HStack, VStack, Button, Select, Input, Table, Thead, Tbody, Tr, Th, Td, Text, Badge, IconButton, useToast, Modal, ModalOverlay, ModalContent, ModalHeader, ModalBody, ModalFooter, ModalCloseButton, useDisclosure, FormControl, FormLabel, NumberInput, NumberInputField, Switch } from '@chakra-ui/react';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { adminListComments, adminUpdateCommentStatus, adminBanUser, adminListUnbanRequests, adminResolveUnban } from '../../services/admin/comments';
+import { adminListComments, adminUpdateCommentStatus, adminBanUser, adminListUnbanRequests, adminResolveUnban, adminListBans, adminLiftBan } from '../../services/admin/comments';
import { deleteComment } from '../../services/comments';
import { FiTrash2 } from 'react-icons/fi';
import { getArticles } from '../../services/articles';
@@ -37,6 +37,11 @@ const CommentsAdminPage: React.FC = () => {
queryFn: adminListUnbanRequests,
});
+ const bansQ = useQuery({
+ queryKey: ['admin-comment-bans'],
+ queryFn: adminListBans,
+ });
+
const updateStatusMut = useMutation({
mutationFn: (args: { id: number; s: 'visible'|'hidden' }) => adminUpdateCommentStatus(args.id, args.s),
onSuccess: async () => { await qc.invalidateQueries({ queryKey: ['admin-comments'] }); },
@@ -57,7 +62,16 @@ const CommentsAdminPage: React.FC = () => {
const resolveUnbanMut = useMutation({
mutationFn: (args: { id: number; action: 'approve'|'reject' }) => adminResolveUnban(args.id, args.action),
- onSuccess: async () => { await qc.invalidateQueries({ queryKey: ['admin-unban-requests'] }); toast({ status: 'success', title: 'Vyřízeno' }); },
+ onSuccess: async () => {
+ await qc.invalidateQueries({ queryKey: ['admin-unban-requests'] });
+ await qc.invalidateQueries({ queryKey: ['admin-comment-bans'] });
+ toast({ status: 'success', title: 'Vyřízeno' });
+ },
+ });
+
+ const liftBanMut = useMutation({
+ mutationFn: (id: number) => adminLiftBan(id),
+ onSuccess: async () => { await qc.invalidateQueries({ queryKey: ['admin-comment-bans'] }); toast({ status: 'success', title: 'Ban zrušen' }); },
});
React.useEffect(() => {
@@ -167,7 +181,10 @@ const CommentsAdminPage: React.FC = () => {
#{c.id}
#{c.user?.id} {c.user?.first_name} {c.user?.last_name}
- {c.target_type} {c.target_id}
+ {c.target_type}
+ {c.target_label || c.target_id}
+
{c.content} {(c as any).spam_score ? 0.5 ? 'orange' : 'green'}>{(c as any).spam_score.toFixed(2)} : '-'}
{(c as any).reports ? 2 ? 'red' : 'yellow'}>{(c as any).reports} : '-'}
@@ -213,7 +230,7 @@ const CommentsAdminPage: React.FC = () => {
{(unbanQ.data?.items || []).map((r) => (
#{r.id}
- #{r.user_id}
+ #{r.user?.id} {r.user?.first_name} {r.user?.last_name} {r.user?.email}
{r.message} {r.status}
@@ -228,6 +245,39 @@ const CommentsAdminPage: React.FC = () => {
+ Zablokovaní uživatelé
+
+
+
+
+
+
{/* Ban modal */}
([]);
const fileInputRef = React.useRef(null);
+ // Map of competition code -> alias (public aliases)
+ const [compAliasMap, setCompAliasMap] = useState>({});
useEffect(() => {
loadData();
loadSettings();
}, []);
+ // Load competition aliases map for filtering categories (so alias-named categories are visible)
+ useEffect(() => {
+ (async () => {
+ try {
+ const aliases = await getCompetitionAliasesPublic().catch(() => [] as Array<{ code?: string; alias?: string }>);
+ const map: Record = {};
+ (aliases || []).forEach((a: any) => {
+ const code = String(a?.code || '').trim();
+ const alias = String(a?.alias || '').trim();
+ if (code && alias) map[code] = alias;
+ });
+ setCompAliasMap(map);
+ } catch {
+ // ignore
+ }
+ })();
+ }, []);
+
const loadData = async () => {
setLoading(true);
try {
@@ -170,12 +190,15 @@ const ContactsAdminPage: React.FC = () => {
for (const comp of facrCompetitions || []) {
const n = String(comp?.name || '').trim();
if (n) names.add(n);
+ const code = String(comp?.code || '').trim();
+ const alias = code && compAliasMap[code] ? String(compAliasMap[code]).trim() : '';
+ if (alias) names.add(alias);
}
return Array.from(names);
} catch {
return [] as string[];
}
- }, [facrCompetitions]);
+ }, [facrCompetitions, compAliasMap]);
const filteredContactCategories = useMemo(() => {
try {
diff --git a/frontend/src/pages/admin/EngagementAdminPage.tsx b/frontend/src/pages/admin/EngagementAdminPage.tsx
index 2d0f581..28e0bd6 100644
--- a/frontend/src/pages/admin/EngagementAdminPage.tsx
+++ b/frontend/src/pages/admin/EngagementAdminPage.tsx
@@ -88,6 +88,7 @@ const EngagementAdminPage: React.FC = () => {
const editModal = useDisclosure();
const [editForm, setEditForm] = React.useState>({});
// Remove raw JSON editing, keep structured metadata only
+ const batchEnabled = false;
const [batch, setBatch] = React.useState({
base_url: '',
@@ -330,7 +331,9 @@ const EngagementAdminPage: React.FC = () => {
-
+ {batchEnabled && (
+
+ )}
@@ -361,22 +364,38 @@ const EngagementAdminPage: React.FC = () => {
~ {Math.round(Number(form.cost_points || 0) * 0.1)} Kč
+ {(form.type !== 'avatar_upload_unlock' && form.type !== 'avatar_animated_upload_unlock') && (
+
+ Sklad
+ setForm({ ...form, stock: Number.isFinite(n) ? n : -1 })}>
+
+
+ )}
+
+ {(form.type === 'avatar_static' || form.type === 'avatar_animated') && (
+ <>
+
+ Obrázek URL
+ setForm({ ...form, image_url: e.target.value })} />
+ Pro avatar uveďte URL obrázku.
+
+
+ handleUpload(e.target.files?.[0])} />
+
+
+
+ )}
+
- Sklad
- setForm({ ...form, stock: Number.isFinite(n) ? n : -1 })}>
-
+ Platnost od
+ setMetaField('valid_from', e.target.value)} />
-
-
- Obrázek URL
- setForm({ ...form, image_url: e.target.value })} />
- Pro avatar uveďte URL obrázku. Pro odemknutí uploadu není třeba.
-
-
- handleUpload(e.target.files?.[0])} />
-
-
+
+ Platnost do
+ setMetaField('valid_to', e.target.value)} />
+
+
{/* Metadata helpers */}
{form.type === 'merch_coupon' && (
@@ -384,10 +403,6 @@ const EngagementAdminPage: React.FC = () => {
Kód kuponu
setMetaField('coupon_code', e.target.value)} />
-
- Platnost do (ISO nebo datum)
- setMetaField('expires_at', e.target.value)} placeholder="2025-12-31" />
-
Poznámka
setMetaField('note', e.target.value)} />
@@ -432,16 +447,18 @@ const EngagementAdminPage: React.FC = () => {
-
- Náhled
-
- {form.image_url ? (
- Bez obrázku
- )}
+ {(form.type === 'avatar_static' || form.type === 'avatar_animated') && (
+
+ Náhled
+
+ {form.image_url ? (
+ Bez obrázku
+ )}
+
-
+ )}
@@ -468,6 +485,7 @@ const EngagementAdminPage: React.FC = () => {
Body
Sklad
Obrázek
+ Platnost
Aktivní
Akce
@@ -496,6 +514,20 @@ const EngagementAdminPage: React.FC = () => {
{r.image_url ?
+
+ {(() => {
+ const m = (r.metadata || {}) as any;
+ const vf = m.valid_from ? new Date(m.valid_from) : null;
+ const vt = m.valid_to ? new Date(m.valid_to) : null;
+ if (!vf && !vt) return - ;
+ return (
+
+ {vf && od {vf.toLocaleString()} }
+ {vt && do {vt.toLocaleString()} }
+
+ );
+ })()}
+
{
{editForm.type === 'merch_coupon' && (
<>
Kód kuponu setEditMetaField('coupon_code', e.target.value)} />Platnost do setEditMetaField('expires_at', e.target.value)} />Poznámka setEditMetaField('note', e.target.value)} />
+
+ Platnost od
+ setEditMetaField('valid_from', e.target.value)} />
+
+
+ Platnost do
+ setEditMetaField('valid_to', e.target.value)} />
+
+
{/* Odstraněno: ruční JSON metadata v editoru. */}
Aktivní
@@ -699,76 +740,78 @@ const EngagementAdminPage: React.FC = () => {
- {/* Batch create modal */}
-
-
- Dávkové vytvoření odměn
-
-
-
- Základní URL (použijte {`{i}`} pro index)
- setBatch({ ...batch, base_url: e.target.value })} />
- Příklad: avatar-{`{i}`}.png → avatar-1.png, avatar-2.png…
-
-
+ {/* Batch create modal (hidden) */}
+ {batchEnabled && (
+
+
+ Dávkové vytvoření odměn
+
+
- Počet
- setBatch({ ...batch, count: Number.isFinite(n)? n : 1 })}>
-
-
-
- Počáteční index
- setBatch({ ...batch, start_index: Number.isFinite(n)? n : 1 })}>
-
-
-
-
- Předpona názvu
- setBatch({ ...batch, name_prefix: e.target.value })} />
-
-
-
- Typ
-
-
-
- Body
- setBatch({ ...batch, cost_points: Number.isFinite(n)? n : 0 })}>
-
-
-
-
-
- Sklad
- setBatch({ ...batch, stock: Number.isFinite(n)? n : -1 })}>
-
+ Základní URL (použijte {`{i}`} pro index)
+ setBatch({ ...batch, base_url: e.target.value })} />
+ Příklad: avatar-{`{i}`}.png → avatar-1.png, avatar-2.png…
- Aktivní
- setBatch({ ...batch, active: e.target.checked })} />
+
+ Počet
+ setBatch({ ...batch, count: Number.isFinite(n)? n : 1 })}>
+
+
+
+ Počáteční index
+ setBatch({ ...batch, start_index: Number.isFinite(n)? n : 1 })}>
+
+
+
+ Předpona názvu
+ setBatch({ ...batch, name_prefix: e.target.value })} />
+
+
+
+ Typ
+
+
+
+ Body
+ setBatch({ ...batch, cost_points: Number.isFinite(n)? n : 0 })}>
+
+
+
+
+
+ Sklad
+ setBatch({ ...batch, stock: Number.isFinite(n)? n : -1 })}>
+
+
+
+ Aktivní
+ setBatch({ ...batch, active: e.target.checked })} />
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+ )}
);
};
diff --git a/frontend/src/pages/admin/FilesAdminPage.tsx b/frontend/src/pages/admin/FilesAdminPage.tsx
index 22a4cf1..9b62aa7 100644
--- a/frontend/src/pages/admin/FilesAdminPage.tsx
+++ b/frontend/src/pages/admin/FilesAdminPage.tsx
@@ -78,6 +78,8 @@ const FilesAdminPage: React.FC = () => {
const [forceDelete, setForceDelete] = useState(false);
const [scanResult, setScanResult] = useState(null);
const [refreshResult, setRefreshResult] = useState(null);
+ const [isBulkDeletingUnused, setIsBulkDeletingUnused] = useState(false);
+ const [isBulkDeletingDuplicates, setIsBulkDeletingDuplicates] = useState(false);
const { isOpen: isUsagesOpen, onOpen: onUsagesOpen, onClose: onUsagesClose } = useDisclosure();
const { isOpen: isDeleteOpen, onOpen: onDeleteOpen, onClose: onDeleteClose } = useDisclosure();
@@ -202,6 +204,71 @@ const FilesAdminPage: React.FC = () => {
return full || url;
};
+ const handleDeleteAllUnused = async () => {
+ if (unusedFiles.length === 0) return;
+ const confirmed = window.confirm(`Opravdu chcete smazat ${unusedFiles.length} nepoužívaných souborů? Tuto akci nelze vrátit.`);
+ if (!confirmed) return;
+ setIsBulkDeletingUnused(true);
+ let deleted = 0;
+ let failed = 0;
+ for (const f of unusedFiles) {
+ try {
+ await deleteFile(f.id, false);
+ deleted++;
+ } catch (e) {
+ failed++;
+ }
+ }
+ setIsBulkDeletingUnused(false);
+ qc.invalidateQueries({ queryKey: ['admin-files'] });
+ qc.invalidateQueries({ queryKey: ['admin-files-unused'] });
+ qc.invalidateQueries({ queryKey: ['admin-files-duplicates'] });
+ qc.invalidateQueries({ queryKey: ['admin-files-usage'] });
+ toast({ title: 'Hromadné mazání dokončeno', description: `Smazáno ${deleted} / ${unusedFiles.length}. Chyby: ${failed}.`, status: failed > 0 ? 'warning' : 'success' });
+ };
+
+ const handleDeleteAllDuplicates = async () => {
+ if (duplicateGroups.length === 0) return;
+ const confirmed = window.confirm('Smazat všechny duplicitní soubory bez použití? V každé skupině bude ponechán 1 soubor. Používané soubory budou přeskočeny.');
+ if (!confirmed) return;
+ setIsBulkDeletingDuplicates(true);
+ // Build list of files to delete: in each group keep one (oldest by created_at), delete the rest only if usage_count === 0
+ type FI = typeof duplicateFiles extends Record ? A extends Array ? B : never : never;
+ const toDelete: FI[] = [] as any;
+ duplicateGroups.forEach(([, files]) => {
+ if (files.length <= 1) return;
+ const sorted = [...files].sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime());
+ const [, ...rest] = sorted;
+ rest.forEach(f => {
+ if ((f.usage_count ?? 0) === 0) toDelete.push(f as any);
+ });
+ });
+ let deleted = 0;
+ let skipped = 0;
+ let failed = 0;
+ for (const f of toDelete) {
+ try {
+ await deleteFile((f as any).id, false);
+ deleted++;
+ } catch (e) {
+ failed++;
+ }
+ }
+ // Count duplicates with usage to report as skipped
+ duplicateGroups.forEach(([, files]) => {
+ if (files.length <= 1) return;
+ const sorted = [...files].sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime());
+ const [, ...rest] = sorted;
+ rest.forEach(f => { if ((f.usage_count ?? 0) > 0) skipped++; });
+ });
+ setIsBulkDeletingDuplicates(false);
+ qc.invalidateQueries({ queryKey: ['admin-files'] });
+ qc.invalidateQueries({ queryKey: ['admin-files-unused'] });
+ qc.invalidateQueries({ queryKey: ['admin-files-duplicates'] });
+ qc.invalidateQueries({ queryKey: ['admin-files-usage'] });
+ toast({ title: 'Mazání duplicit dokončeno', description: `Smazáno ${deleted}, přeskočeno (použité) ${skipped}, chyby ${failed}.`, status: failed > 0 ? 'warning' : 'success' });
+ };
+
// Mime type options
const mimeTypes = useMemo(() => {
const types = new Set();
@@ -443,7 +510,19 @@ const FilesAdminPage: React.FC = () => {
-
+
+
@@ -483,7 +562,19 @@ const FilesAdminPage: React.FC = () => {
-
+
- {/* Stats modal */}
+ {/* Stats modal (admins only) */}
+ {isAdmin && (
@@ -190,6 +196,7 @@ const ShortlinksAdminPage: React.FC = () => {
+ )}
);
diff --git a/frontend/src/pages/admin/SweepstakesAdminPage.tsx b/frontend/src/pages/admin/SweepstakesAdminPage.tsx
index 70604a8..99a1a31 100644
--- a/frontend/src/pages/admin/SweepstakesAdminPage.tsx
+++ b/frontend/src/pages/admin/SweepstakesAdminPage.tsx
@@ -35,6 +35,11 @@ import {
Divider,
Image,
FormHelperText,
+ Tabs,
+ TabList,
+ Tab,
+ TabPanels,
+ TabPanel,
} from '@chakra-ui/react';
import { Link as RouterLink } from 'react-router-dom';
import AdminLayout from '../../layouts/AdminLayout';
@@ -88,15 +93,15 @@ const SweepstakesAdminPage: React.FC = () => {
const [form, setForm] = useState(defaultForm);
const [editing, setEditing] = useState(null);
- // Prizes modal state
- const prizesDisc = useDisclosure();
- const [prizeSweep, setPrizeSweep] = useState(null);
+ // Prizes state (integrated tab)
const [prizes, setPrizes] = useState([]);
const [prizeForm, setPrizeForm] = useState<{ name: string; quantity: number; value?: string; image_url?: string; kind?: 'physical'|'points'|'xp'|'points_xp'; points?: number; xp?: number }>(() => ({ name: '', quantity: 1, value: '', image_url: '', kind: 'physical', points: 0, xp: 0 }));
const [savingPrize, setSavingPrize] = useState(false);
const imageInputRef = useRef(null);
const rulesInputRef = useRef(null);
+ const [activeTab, setActiveTab] = useState(0);
+ const [coverPreview, setCoverPreview] = useState('');
const onUploadImage = async (file?: File | null) => {
if (!file) return;
@@ -143,24 +148,19 @@ const SweepstakesAdminPage: React.FC = () => {
};
const openPrizes = async (it: Sweepstake) => {
- try {
- setPrizeSweep(it);
- prizesDisc.onOpen();
- const list = await adminListPrizes(it.id);
- setPrizes(list);
- } catch {
- setPrizes([]);
- }
+ openEdit(it);
+ setActiveTab(2);
+ try { setPrizes(await adminListPrizes(it.id)); } catch { setPrizes([]); }
};
const addPrize = async () => {
- if (!prizeSweep) return;
+ if (!editing) { toast({ status: 'info', title: 'Uložte soutěž a poté přidejte výhry' }); return; }
if (!prizeForm.name.trim()) { toast({ status: 'error', title: 'Název výhry je povinný' }); return; }
try {
setSavingPrize(true);
- await adminCreatePrize(prizeSweep.id, { name: prizeForm.name, quantity: prizeForm.quantity, value: prizeForm.value, image_url: prizeForm.image_url, display_order: prizes.length, kind: prizeForm.kind, points: prizeForm.points, xp: prizeForm.xp });
+ await adminCreatePrize(editing.id, { name: prizeForm.name, quantity: prizeForm.quantity, value: prizeForm.value, image_url: prizeForm.image_url, display_order: prizes.length, kind: prizeForm.kind, points: prizeForm.points, xp: prizeForm.xp });
setPrizeForm({ name: '', quantity: 1, value: '', image_url: '' });
- setPrizes(await adminListPrizes(prizeSweep.id));
+ setPrizes(await adminListPrizes(editing.id));
} catch (e:any) {
toast({ status: 'error', title: 'Nelze uložit výhru' });
} finally {
@@ -169,14 +169,14 @@ const SweepstakesAdminPage: React.FC = () => {
};
const delPrize = async (p: SweepstakePrize) => {
- if (!prizeSweep) return;
+ if (!editing) return;
if (!window.confirm('Smazat výhru?')) return;
- await adminDeletePrize(prizeSweep.id, p.id as any);
- setPrizes(await adminListPrizes(prizeSweep.id));
+ await adminDeletePrize(editing.id, p.id as any);
+ setPrizes(await adminListPrizes(editing.id));
};
const movePrize = async (idx: number, dir: -1 | 1) => {
- if (!prizeSweep) return;
+ if (!editing) return;
const arr = [...prizes];
const ni = idx + dir;
if (ni < 0 || ni >= arr.length) return;
@@ -184,12 +184,12 @@ const SweepstakesAdminPage: React.FC = () => {
arr[idx] = arr[ni];
arr[ni] = tmp;
setPrizes(arr);
- await adminReorderPrizes(prizeSweep.id, arr.map(p => p.id as any));
+ await adminReorderPrizes(editing.id, arr.map(p => p.id as any));
};
useEffect(() => { load(); }, [status]);
- const openCreate = () => { setEditing(null); setForm(defaultForm); onOpen(); };
+ const openCreate = () => { setEditing(null); setForm(defaultForm); setPrizes([]); setActiveTab(0); onOpen(); };
const openEdit = (it: Sweepstake) => {
setEditing(it);
setForm({
@@ -205,7 +205,9 @@ const SweepstakesAdminPage: React.FC = () => {
entry_cost_points: (it as any).entry_cost_points ?? 0,
max_entries_per_user: (it as any).max_entries_per_user ?? 1,
});
+ setActiveTab(0);
onOpen();
+ (async ()=>{ try { setPrizes(await adminListPrizes(it.id)); } catch { setPrizes([]); } })();
};
const save = async () => {
@@ -229,12 +231,16 @@ const SweepstakesAdminPage: React.FC = () => {
if (editing) {
await adminUpdateSweepstake(editing.id, payload);
toast({ status: 'success', title: 'Uloženo' });
+ onClose();
+ await load();
} else {
- await adminCreateSweepstake(payload);
- toast({ status: 'success', title: 'Vytvořeno' });
+ const created = await adminCreateSweepstake(payload);
+ toast({ status: 'success', title: 'Vytvořeno', description: 'Nyní můžete přidat výhry' });
+ setEditing(created);
+ setActiveTab(2);
+ try { setPrizes(await adminListPrizes(created.id)); } catch { setPrizes([]); }
+ await load();
}
- onClose();
- await load();
} catch (e: any) {
toast({ status: 'error', title: 'Chyba', description: e?.response?.data?.error || 'Operace selhala' });
}
@@ -325,106 +331,206 @@ const SweepstakesAdminPage: React.FC = () => {
)}
- {/* Create/Edit Modal */}
-
+ {/* Create/Edit Modal with tabs */}
+
{editing ? 'Upravit soutěž' : 'Nová soutěž'}
-
-
- Název
- setForm({ ...form, title: e.target.value })} />
-
-
- Popis
-
{defer ? (
@@ -1704,7 +1823,7 @@ const HomePage: React.FC = () => {
{/* Videos */}
{isVisible('videos', false) && (
-
+
)}
{isVisible('merch', true) && (
-
+
)}
{/* Polls / Voting */}
{isVisible('poll', false) && (
-
+
- ) : null}
+ ) : (
+
+ )}
{defer ? (
@@ -1713,26 +1832,50 @@ const HomePage: React.FC = () => {
variant={(getVariant('videos', 'carousel') as any) as 'grid' | 'carousel'}
/>
- ) : null}
+ ) : (
+ <>
+
+
+ Videa
+ Více videí +
+ {[1,2,3].map((i) => (
+
+ ))}
+
+
+ )}
{defer ? (
- ) : null}
+ ) : (
+ <>
+
+
+ Oblečení týmu
+ Zobrazit vše +
+ {[1,2,3,4,5].map((i) => (
+
+ ))}
+
+
+ )}
{defer ? (
@@ -1740,7 +1883,9 @@ const HomePage: React.FC = () => {
{defer ? (
- ) : null}
+ ) : (
+
+ )}
-
+ {isLoading && ordered.length === 0 && (
+ Sponzoři
+Sponzoři
+ {[1,2,3,4,5,6,7,8].map(i => (
+
+ ))}
+
+ )}
{variant === 'grid' && (
<>
{general.length > 0 && (
{general.map((g) => (
- )
+
))}
@@ -1860,7 +2017,7 @@ const HomePage: React.FC = () => {
{(standard.length > 0 ? standard : (general.length === 0 ? ordered : [])).map((s) => (
- )
+
))}
@@ -1872,7 +2029,7 @@ const HomePage: React.FC = () => {
{[...ordered, ...ordered].map((s, idx) => (
-
+
))}
@@ -1883,7 +2040,7 @@ const HomePage: React.FC = () => {
{[...ordered, ...ordered, ...ordered].map((s, idx) => (
-
+
))}
@@ -1943,11 +2100,8 @@ const HomePage: React.FC = () => {
};
function czYears(n: number): string {
- const mod100 = n % 100;
- if (mod100 >= 11 && mod100 <= 14) return 'let';
- const mod10 = n % 10;
- if (mod10 === 1) return 'rok';
- if (mod10 >= 2 && mod10 <= 4) return 'roky';
+ if (n === 1) return 'rok';
+ if (n >= 2 && n <= 4) return 'roky';
return 'let';
}
diff --git a/frontend/src/pages/PlayerDetailPage.tsx b/frontend/src/pages/PlayerDetailPage.tsx
index e3b5b64..77fa60b 100644
--- a/frontend/src/pages/PlayerDetailPage.tsx
+++ b/frontend/src/pages/PlayerDetailPage.tsx
@@ -130,11 +130,8 @@ function calculateAge(iso: string): number | null {
}
function czYears(n: number): string {
- const mod100 = n % 100;
- if (mod100 >= 11 && mod100 <= 14) return 'let';
- const mod10 = n % 10;
- if (mod10 === 1) return 'rok';
- if (mod10 >= 2 && mod10 <= 4) return 'roky';
+ if (n === 1) return 'rok';
+ if (n >= 2 && n <= 4) return 'roky';
return 'let';
}
diff --git a/frontend/src/pages/PlayersPage.tsx b/frontend/src/pages/PlayersPage.tsx
index 6630dfa..208e482 100644
--- a/frontend/src/pages/PlayersPage.tsx
+++ b/frontend/src/pages/PlayersPage.tsx
@@ -11,7 +11,7 @@ import { useMemo, useState } from 'react';
import { SearchIcon } from '@chakra-ui/icons';
const PlayersPage: React.FC = () => {
- const { data, isLoading, isError } = useQuery| ID | +Uživatel | +Důvod | +Zabanován | +Platné do | +Akce | +
|---|---|---|---|---|---|
| #{b.id} | +#{b.user?.id} {b.user?.first_name} {b.user?.last_name} |
+ {b.reason || '-'} | +{new Date(b.created_at).toLocaleString()} | +{untilText} | ++ + | +