();
+ const pushUnique = (it: PreviewItem) => {
+ const k = it.video_id || it.url || it.key;
+ if (!k) return;
+ if (seen.has(k)) return;
+ seen.add(k);
+ out.push(it);
+ };
+ manual.forEach(pushUnique);
+ auto.forEach(pushUnique);
+ const filtered = out
+ .filter((it) => (it.title || '').toLowerCase().includes(filter.toLowerCase()))
+ .slice()
+ .sort((a, b) => {
+ const ta = Date.parse(a.published_date || '') || 0;
+ const tb = Date.parse(b.published_date || '') || 0;
+ return tb - ta;
+ });
+ return { list: filtered, count: filtered.length };
+ }, [items, autoVideos, filter]);
// Auto-disable videos module if there is neither channel nor manual items configured
useEffect(() => {
@@ -114,7 +177,6 @@ const AdminVideosPage: React.FC = () => {
// Auto-trigger backend prefetch of YouTube cache at most once per ~24h
useEffect(() => {
if (loading) return;
- if (videosSource !== 'auto') return;
const channel = (channelInput || '').trim();
if (!channel) return;
const KEY = 'youtube_autoload_last';
@@ -205,45 +267,49 @@ const AdminVideosPage: React.FC = () => {
thumbnail_url: v.thumbnail_url,
}));
// Avoid duplicates by URL
- setItems((prev) => {
- const urls = new Set(prev.map((p) => p.url));
- const merged = [...prev];
+ const merged = (() => {
+ const urls = new Set(items.map((p) => p.url));
+ const out = [...items];
for (const it of newItems) {
if (!urls.has(it.url)) {
- merged.push(it);
+ out.push(it);
urls.add(it.url);
}
}
- return merged;
- });
- // If currently in auto mode, switch to manual so the preview reflects newly added items
- if (videosSource !== 'manual') {
- setVideosSource('manual');
- try {
- await updateAdminSettings({ videos_source: 'manual' });
- toast({ status: 'info', title: 'Přepnuto na ruční správu', description: 'Nově přidaná videa se budou používat. Nezapomeňte uložit seznam.', duration: 3500 });
- } catch {
- // ignore
- }
+ return out;
+ })();
+ try {
+ await updateAdminSettings({ videos_items: merged, videos_module_enabled: videosEnabled });
+ setItems(merged);
+ toast({ status: 'success', title: 'Videa přidána', description: `${selected.length} videí bylo přidáno do seznamu.` });
+ } catch (e) {
+ toast({ status: 'error', title: 'Chyba', description: 'Nepodařilo se uložit přidaná videa.' });
}
- toast({ status: 'success', title: 'Videa přidána', description: `${selected.length} videí bylo přidáno do seznamu.` });
};
- const addItem = async () => {
- setItems((prev) => [...prev, { ...emptyItem }]);
- if (videosSource !== 'manual') {
- setVideosSource('manual');
- try {
- await updateAdminSettings({ videos_source: 'manual' });
- } catch {
- // ignore
- }
+ const addDirectLink = async () => {
+ const url = (directUrl || '').trim();
+ if (!url) {
+ toast({ status: 'warning', title: 'Zadejte odkaz', description: 'Vložte URL videa.' });
+ return;
+ }
+ const today = new Date().toISOString().slice(0,10);
+ const it: AdminVideoItem = { url, uploaded_at: today, thumbnail_url: getThumbFromUrl(url) };
+ if (items.find((p) => p.url === it.url)) {
+ toast({ status: 'info', title: 'Video už existuje', description: 'Tento odkaz je již v seznamu.' });
+ return;
+ }
+ const merged = [...items, it];
+ try {
+ await updateAdminSettings({ videos_items: merged, videos_module_enabled: videosEnabled });
+ setItems(merged);
+ setDirectUrl('');
+ toast({ status: 'success', title: 'Video přidáno', description: 'Video bylo přidáno k automatickým videím.' });
+ } catch {
+ toast({ status: 'error', title: 'Chyba', description: 'Nepodařilo se uložit video.' });
}
};
- const removeItem = (idx: number) => setItems((prev) => prev.filter((_, i) => i !== idx));
- const updateField = (idx: number, key: keyof AdminVideoItem, val: string) => {
- setItems((prev) => prev.map((it, i) => i === idx ? { ...it, [key]: val } : it));
- };
+ //
const save = async () => {
setSaving(true);
@@ -258,12 +324,7 @@ const AdminVideosPage: React.FC = () => {
}
};
- const setDateQuick = (idx: number, daysAgo: number) => {
- const d = new Date();
- d.setDate(d.getDate() - daysAgo);
- const iso = d.toISOString().slice(0,10);
- setItems((prev) => prev.map((it, i) => i === idx ? { ...it, uploaded_at: iso } : it));
- };
+ //
// Helper: derive YouTube thumbnail safely from a URL (supports youtube.com and youtu.be)
const getThumbFromUrl = (raw: string): string | undefined => {
@@ -298,36 +359,8 @@ const AdminVideosPage: React.FC = () => {
{/* Source toggle */}
-
- Zdroj videí:
-
-
-
-
+
+ } colorScheme="green" size="sm" onClick={onOpenAdd}>Přidat video
Zobrazit sekci Videa na titulní stránce
@@ -363,57 +396,11 @@ const AdminVideosPage: React.FC = () => {
{videosSource === 'auto' && (
- Automatický režim je zapnutý. Videa se načítají z YouTube kanálu z Nastavení → Sociální sítě (YouTube URL) a správy „Videa (YouTube modul)“. Manuální seznam je v tomto režimu skryt.
+ Automatický režim je zapnutý. Videa se načítají z YouTube kanálu z Nastavení → Sociální sítě (YouTube URL). Ručně přidaná videa se zobrazí před automatickými.
)}
- {videosSource !== 'auto' && (
-
- Import z YouTube kanálu
-
- Použijte Scraper API. Zadejte handle (např. @FotbalKunovice) nebo URL kanálu a načtěte videa z karty „Videa“.
- Služba: https://youtube.tdvorak.dev/
-
-
-
- Kanál (handle nebo URL)
- setChannelInput(e.target.value)} />
-
-
-
-
- {ytError && (
-
-
- {ytError}
-
- )}
- {ytLoading && (
- Načítám videa…
- )}
- {!ytLoading && ytVideos.length > 0 && (
-
- {ytVideos.map((v) => (
-
-
-
- toggleSelect(v.video_id)}>
- Vybrat
-
-
- {v.title}
-
- {v.length && {v.length}}
- {v.published_text && {v.published_text}}
-
-
-
-
- ))}
-
- )}
-
- )}
+
{/* Always-visible preview of effective videos */}
@@ -436,186 +423,169 @@ const AdminVideosPage: React.FC = () => {
Načítám videa…
) : (
<>
- Počet videí: {autoVideos.filter(v => (v.title || '').toLowerCase().includes(filter.toLowerCase())).length}
+ Počet videí: {combinedAutoPreview.count}
- {autoVideos
- .filter(v => (v.title || '').toLowerCase().includes(filter.toLowerCase()))
- .map((v) => (
-
-
- {
- const el = e.currentTarget as HTMLImageElement & { dataset: { fallbackIdx?: string } };
- const idx = Number(el.dataset.fallbackIdx || '0');
- const id = v.video_id;
- const chain = [
- `https://i.ytimg.com/vi/${id}/mqdefault.jpg`,
- `https://i.ytimg.com/vi/${id}/sddefault.jpg`,
- `https://i.ytimg.com/vi/${id}/hqdefault.jpg`,
- '/images/sponsors/placeholder.png',
- ];
- if (idx < chain.length) {
- el.src = chain[idx];
- el.dataset.fallbackIdx = String(idx + 1);
- }
- }}
- />
-
- {v.title}
-
- {v.published_date && {new Date(v.published_date).toLocaleDateString('cs-CZ')}}
-
+ {combinedAutoPreview.list.map((it) => (
+
+
+ {
+ const el = e.currentTarget as HTMLImageElement & { dataset: { fallbackIdx?: string } };
+ const idx = Number(el.dataset.fallbackIdx || '0');
+ const id = it.video_id || '';
+ const chain = id ? [
+ `https://i.ytimg.com/vi/${id}/mqdefault.jpg`,
+ `https://i.ytimg.com/vi/${id}/sddefault.jpg`,
+ `https://i.ytimg.com/vi/${id}/hqdefault.jpg`,
+ '/images/sponsors/placeholder.png',
+ ] : ['/images/sponsors/placeholder.png'];
+ if (idx < chain.length) {
+ el.src = chain[idx];
+ el.dataset.fallbackIdx = String(idx + 1);
+ }
+ }}
+ />
+
+
+
+ {(it.source === 'auto' && it.video_id && (titleOverrides[it.video_id]?.trim()?.length ? titleOverrides[it.video_id] : it.title)) || it.title}
+
+ {it.published_date && {new Date(it.published_date).toLocaleDateString('cs-CZ')}}
+ {it.source === 'manual' && Ručně}
+
+
+ {it.source === 'manual' && (
+ }
+ size="sm"
+ variant="ghost"
+ colorScheme="red"
+ onClick={async () => {
+ const next = items.filter((m) => m.url !== it.url);
+ try {
+ await updateAdminSettings({ videos_items: next, videos_module_enabled: videosEnabled });
+ setItems(next);
+ toast({ status: 'success', title: 'Smazáno', description: 'Video bylo odstraněno.' });
+ } catch {
+ toast({ status: 'error', title: 'Chyba', description: 'Odstranění se nepodařilo.' });
+ }
+ }}
+ />
+ )}
+
+ {it.source === 'auto' && it.video_id && (
Přepis názvu (volitelné)
{
const val = e.target.value;
- setTitleOverrides(prev => ({ ...prev, [v.video_id]: val }));
+ setTitleOverrides(prev => ({ ...prev, [it.video_id!]: val }));
}}
/>
- {!!(titleOverrides[v.video_id]?.length) && (
-
-
-
- )}
-
-
-
- ))}
+ )}
+
+
+
+ ))}
- {autoVideos.length === 0 && (
- Žádná videa v cache. Zkontrolujte YouTube URL v nastavení a použijte „Aktualizovat cache“.
+ {combinedAutoPreview.count === 0 && (
+ Zatím žádná videa.
)}
)}
- ) : (
- <>
- Počet videí: {items.length}
-
- {items.map((it, idx) => (
-
-
- {
- const el = e.currentTarget as HTMLImageElement & { dataset: { fallbackIdx?: string } };
- const idxFb = Number(el.dataset.fallbackIdx || '0');
- // Try to parse video id from URL; fallback to placeholder
- let id: string | undefined;
- try {
- const u = (it.url || '').trim();
- if (u.includes('youtu.be/')) {
- id = u.split('youtu.be/')[1]?.split(/[?&#]/)[0];
- } else if (u.includes('youtube.com')) {
- const url = new URL(u);
- id = url.searchParams.get('v') || undefined;
- }
- } catch {}
- const chain = id ? [
- `https://i.ytimg.com/vi/${id}/mqdefault.jpg`,
- `https://i.ytimg.com/vi/${id}/sddefault.jpg`,
- `https://i.ytimg.com/vi/${id}/hqdefault.jpg`,
- '/images/sponsors/placeholder.png',
- ] : ['/images/sponsors/placeholder.png'];
- if (idxFb < chain.length) {
- el.src = chain[idxFb];
- el.dataset.fallbackIdx = String(idxFb + 1);
- }
- }}
- />
-
- {it.title || `Video ${idx+1}`}
-
- {it.uploaded_at && {(new Date(it.uploaded_at)).toLocaleDateString('cs-CZ')}}
-
-
-
-
- ))}
-
- {items.length === 0 && (
- Zatím žádná videa.
- )}
-
- )}
+ ) : null}
- } onClick={addItem}>Přidat video
} onClick={save} isLoading={saving}>Uložit
-
-
- {loading ? (
- Načítání…
- ) : videosSource === 'auto' ? (
- Automatický zdroj videí je aktivní. Pro ruční správu přepněte zdroj na „Ručně“.
- ) : (
-
- {items.map((it, idx) => (
-
-
- Video #{idx + 1}
-
-
-
- URL videa
- updateField(idx, 'url', e.target.value)} placeholder="https://www.youtube.com/watch?v=..." />
-
-
- Thumbnail (volitelné)
- updateField(idx, 'thumbnail_url', e.target.value)} placeholder="https://example.com/thumb.jpg" />
-
-
- Název (volitelné)
- updateField(idx, 'title', e.target.value)} placeholder="Titulek videa" />
-
-
- Délka (volitelné)
- updateField(idx, 'length', e.target.value)} placeholder="3:45" />
-
-
- Datum nahrání (volitelné)
-
- updateField(idx, 'uploaded_at', e.target.value)} />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- } onClick={() => removeItem(idx)} variant="outline" colorScheme="red" />
-
-
- ))}
- {items.length === 0 && (
- Zatím žádná videa. Použijte tlačítko „Přidat video“.
- )}
-
- )}
+
+
+
+ Přidat video
+
+
+
+
+ Odkaz na video
+ Načíst z YouTube kanálu
+
+
+
+
+
+ URL videa
+ setDirectUrl(e.target.value)} />
+
+
+
+
+
+
+
+
+
+ Použijte Scraper API. Zadejte handle (např. @FotbalKunovice) nebo URL kanálu a načtěte videa z karty „Videa“. Služba: youtube.tdvorak.dev
+
+
+
+ Kanál (handle nebo URL)
+ setChannelInput(e.target.value)} />
+
+
+
+
+ {ytError && (
+
+
+ {ytError}
+
+ )}
+ {ytLoading && (
+ Načítám videa…
+ )}
+ {!ytLoading && ytVideos.length > 0 && (
+
+ {ytVideos.map((v) => (
+
+
+
+ toggleSelect(v.video_id)}>
+ Vybrat
+
+
+ {v.title}
+
+ {v.length && {v.length}}
+ {v.published_text && {v.published_text}}
+
+
+
+
+ ))}
+
+ )}
+
+
+
+
+
+
+
+
+
+
);
diff --git a/frontend/src/pages/admin/BannersAdminPage.tsx b/frontend/src/pages/admin/BannersAdminPage.tsx
index e39d31f..7b878fb 100644
--- a/frontend/src/pages/admin/BannersAdminPage.tsx
+++ b/frontend/src/pages/admin/BannersAdminPage.tsx
@@ -15,7 +15,7 @@ type BannerPreset = {
width: number;
height: number;
aspectRatio: number;
- position: 'top' | 'middle' | 'sidebar' | 'footer' | 'article' | 'under_table';
+ position: 'top' | 'middle' | 'footer' | 'article' | 'under_table';
};
const BANNER_PRESETS: BannerPreset[] = [
@@ -28,15 +28,6 @@ const BANNER_PRESETS: BannerPreset[] = [
aspectRatio: 3.88,
position: 'middle'
},
- {
- value: 'homepage_sidebar',
- label: 'Postranní banner (Homepage - okraj obrazovky)',
- description: 'Menší banner ukotvený u levého/pravého okraje obrazovky (nastavitelné v editoru: Sidebar varianta vlevo/vpravo)',
- width: 300,
- height: 250,
- aspectRatio: 1.2,
- position: 'sidebar'
- },
{
value: 'homepage_footer',
label: 'Spodní banner (Homepage - zápatí)',
diff --git a/frontend/src/pages/admin/EngagementAdminPage.tsx b/frontend/src/pages/admin/EngagementAdminPage.tsx
index 28e0bd6..fcc71b8 100644
--- a/frontend/src/pages/admin/EngagementAdminPage.tsx
+++ b/frontend/src/pages/admin/EngagementAdminPage.tsx
@@ -37,6 +37,8 @@ import {
ModalBody,
ModalFooter,
ModalCloseButton,
+ Checkbox,
+ CheckboxGroup,
Wrap,
WrapItem,
} from '@chakra-ui/react';
@@ -58,6 +60,11 @@ import {
} from '../../services/admin/engagement';
import { FiTrash2, FiEdit2 } from 'react-icons/fi';
import api from '../../services/api';
+import { assetUrl } from '../../utils/url';
+
+// Quick presets for sizes and colors
+const SIZE_OPTIONS = ['XS','S','M','L','XL','XXL','XXXL','UNI'];
+const COLOR_OPTIONS = ['Černá','Bílá','Modrá','Červená','Zelená','Žlutá','Oranžová','Fialová','Šedá','Růžová','Hnědá','Navy','Béžová','Tyrkysová','Vínová'];
const EngagementAdminPage: React.FC = () => {
const toast = useToast();
@@ -77,30 +84,25 @@ const EngagementAdminPage: React.FC = () => {
const [form, setForm] = React.useState({
name: '',
- type: 'avatar_static',
+ type: 'merch_digital',
cost_points: 50,
image_url: '',
stock: -1,
active: true,
});
+ // Create form helpers
+ const [validUnlimited, setValidUnlimited] = React.useState(true);
+ const [sizeList, setSizeList] = React.useState([]);
+ const [colorList, setColorList] = React.useState([]);
+ const [sizeCustom, setSizeCustom] = React.useState('');
+ const [colorCustom, setColorCustom] = React.useState('');
+
const [editItem, setEditItem] = React.useState(null);
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: '',
- name_prefix: 'Avatar',
- count: 5,
- start_index: 1,
- type: 'avatar_static' as string,
- cost_points: 50,
- stock: -1,
- active: true,
- });
- const batchModal = useDisclosure();
// Structured metadata state (used for merch types, coupons, etc.)
const fileInputRef = React.useRef(null);
const [meta, setMeta] = React.useState>({});
@@ -119,33 +121,7 @@ const EngagementAdminPage: React.FC = () => {
return m;
}, [usersQ.data]);
- // Reward template selector instead of many buttons
- const [template, setTemplate] = React.useState('avatar_upload_unlock');
- const applyTemplate = (tpl: string) => {
- setTemplate(tpl);
- switch (tpl) {
- case 'avatar_upload_unlock':
- setForm((prev) => ({ ...prev, type: 'avatar_upload_unlock', cost_points: 50, stock: -1, image_url: '' }));
- break;
- case 'avatar_animated_upload_unlock':
- setForm((prev) => ({ ...prev, type: 'avatar_animated_upload_unlock', cost_points: 150, stock: 0 }));
- break;
- case 'avatar_static_50':
- setForm((prev) => ({ ...prev, type: 'avatar_static', cost_points: 50 }));
- break;
- case 'merch_coupon_1000':
- setForm((prev) => ({ ...prev, type: 'merch_coupon', cost_points: 1000 }));
- break;
- case 'merch_coupon_2000':
- setForm((prev) => ({ ...prev, type: 'merch_coupon', cost_points: 2000 }));
- break;
- case 'merch_physical_4000':
- setForm((prev) => ({ ...prev, type: 'merch_physical', cost_points: 4000, stock: 1 }));
- break;
- default:
- break;
- }
- };
+ // Removed reward templates UI
const handleUpload = async (file?: File) => {
try {
@@ -190,12 +166,18 @@ const EngagementAdminPage: React.FC = () => {
const createMut = useMutation({
mutationFn: async () => {
- // Auto-generate metadata from structured fields
- const metadata = Object.keys(meta).length ? meta : undefined;
+ // Build metadata including structured helpers
+ const md: Record = { ...(Object.keys(meta).length ? meta : {}) };
+ if (validUnlimited) { delete md.valid_from; delete md.valid_to; }
+ if (sizeList.length) md.size = sizeList.join(',');
+ if (colorList.length) md.color = colorList.join(',');
+ const metadata = Object.keys(md).length ? md : undefined;
return adminCreateReward({ ...form, metadata });
},
onSuccess: async () => {
- setForm({ name: '', type: 'avatar_static', cost_points: 50, image_url: '', stock: -1, active: true });
+ setForm({ name: '', type: 'merch_digital', cost_points: 50, image_url: '', stock: -1, active: true });
+ setValidUnlimited(true);
+ setSizeList([]); setColorList([]); setSizeCustom(''); setColorCustom(''); setMeta({});
await qc.invalidateQueries({ queryKey: ['admin-engagement-rewards'] });
toast({ status: 'success', title: 'Odměna vytvořena' });
},
@@ -217,32 +199,7 @@ const EngagementAdminPage: React.FC = () => {
onSuccess: async () => { await qc.invalidateQueries({ queryKey: ['admin-engagement-redemptions'] }); toast({ status: 'success', title: 'Status aktualizován' }); },
});
- const batchMut = useMutation({
- mutationFn: async () => {
- const total = Math.max(0, Number(batch.count) || 0);
- const start = Math.max(0, Number(batch.start_index) || 0);
- if (!batch.base_url.trim() || total <= 0) throw new Error('Zadejte prosím základní URL a počet.');
- for (let i = 0; i < total; i++) {
- const idx = start + i;
- const image_url = batch.base_url.replace('{i}', String(idx));
- const name = `${batch.name_prefix} ${idx}`.trim();
- await adminCreateReward({
- name,
- type: batch.type,
- cost_points: batch.cost_points,
- image_url,
- stock: batch.stock,
- active: batch.active,
- });
- }
- },
- onSuccess: async () => {
- await qc.invalidateQueries({ queryKey: ['admin-engagement-rewards'] });
- batchModal.onClose();
- toast({ status: 'success', title: 'Dávka vytvořena' });
- },
- onError: (e: any) => toast({ status: 'error', title: e?.message || 'Chyba při dávkovém vytváření' }),
- });
+
const rewards = rewardsQ.data || [];
const redemptions = redemptionsQ.data || [];
@@ -316,26 +273,7 @@ const EngagementAdminPage: React.FC = () => {
Vytvořit novou odměnu
-
-
-
- Šablona odměny
-
-
-
-
- {batchEnabled && (
-
- )}
-
-
+ {/* Šablony odměn odstraněny */}
@@ -345,13 +283,9 @@ const EngagementAdminPage: React.FC = () => {
Typ odměny
Ovlivňuje chování po uplatnění (např. nastavení avataru).
@@ -364,36 +298,48 @@ 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 })}>
+
+ Množství/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])} />
-
+
+ Neomezeně
+ setForm(prev => ({ ...prev, stock: e.target.checked ? -1 : Math.max(0, Number(prev.stock) === -1 ? 0 : Number(prev.stock)||0) }))} />
+
-
- )}
-
+ -1 = neomezeně, 0 = dočasně vyprodáno. Sklad platí pro ne-avatarové odměny.
+
+
+ <>
+ Obrázek URL
+ setForm({ ...form, image_url: e.target.value })} />
+ Vložte URL nebo použijte tlačítko níže. Cesty z /uploads se načtou přes proxy.
+
+
+ handleUpload(e.target.files?.[0])} />
+
+
+
+
+
+ Neomezená platnost
+ {
+ const on = e.target.checked;
+ setValidUnlimited(on);
+ if (on) { setMetaField('valid_from', ''); setMetaField('valid_to', ''); }
+ }} />
+
+
Platnost od
setMetaField('valid_from', e.target.value)} />
-
+
Platnost do
setMetaField('valid_to', e.target.value)} />
+ Když je zapnuto „Neomezená platnost“, datumy se nevyžadují a ignorují.
{/* Metadata helpers */}
@@ -411,12 +357,55 @@ const EngagementAdminPage: React.FC = () => {
)}
{form.type === 'merch_physical' && (
- SKUsetMetaField('sku', e.target.value)} />
-
- VelikostsetMetaField('size', e.target.value)} placeholder="M / L / XL" />
- BarvasetMetaField('color', e.target.value)} />
-
- PoznámkasetMetaField('note', e.target.value)} />
+
+ SKU
+ setMetaField('sku', e.target.value)} />
+ SKU = skladové označení/kód produktu (není to množství). Množství nastavte v poli „Množství/Sklad“ výše; „Neomezeně“ zapnete přepínačem.
+
+
+ Velikosti
+ setSizeList(vals as string[])}>
+
+ {SIZE_OPTIONS.map((s)=> (
+ {s}
+ ))}
+
+
+
+ setSizeCustom(e.target.value)} />
+
+
+ Vyberte z nabídky nebo zadejte vlastní hodnoty, oddělené čárkami (např. 122, 128).
+
+
+ Barvy
+ setColorList(vals as string[])}>
+
+ {COLOR_OPTIONS.map((c)=> (
+ {c}
+ ))}
+
+
+
+ setColorCustom(e.target.value)} />
+
+
+ Vyberte více možností nebo přidejte vlastní barvy (oddělené čárkami).
+
+
+ Poznámka
+ setMetaField('note', e.target.value)} />
+
)}
{form.type === 'merch_digital' && (
@@ -447,18 +436,16 @@ const EngagementAdminPage: React.FC = () => {
- {(form.type === 'avatar_static' || form.type === 'avatar_animated') && (
-
- Náhled
-
- {form.image_url ? (
-
- ) : (
- Bez obrázku
- )}
-
+
+ Náhled
+
+ {form.image_url ? (
+
+ ) : (
+ Bez obrázku
+ )}
- )}
+
@@ -483,7 +470,7 @@ const EngagementAdminPage: React.FC = () => {
Název |
Typ |
Body |
- Sklad |
+ Množství/Sklad |
Obrázek |
Platnost |
Aktivní |
@@ -497,7 +484,7 @@ const EngagementAdminPage: React.FC = () => {
{r.name} |
{r.type} |
- updateMut.mutate({ id: r.id, body: { cost_points: Number.isFinite(n) ? n : 0 } })}>
+ updateMut.mutate({ id: r.id, body: { cost_points: Number.isFinite(n) ? n : 0 } })}>
|
@@ -507,13 +494,13 @@ const EngagementAdminPage: React.FC = () => {
value={r.stock ?? 0}
min={-1}
maxW="100px"
- isDisabled={r.type === 'avatar_upload_unlock'}
+ isDisabled={!!r.type && r.type.startsWith('avatar_')}
onChange={(_v, n) => updateMut.mutate({ id: r.id, body: { stock: Number.isFinite(n) ? n : 0 } })}
>
- {r.image_url ? : '-'} |
+ {r.image_url ? : '-'} |
{(() => {
const m = (r.metadata || {}) as any;
@@ -531,14 +518,27 @@ const EngagementAdminPage: React.FC = () => {
|
updateMut.mutate({ id: r.id, body: { active: e.target.checked } })}
/>
|
- } onClick={() => { setEditItem(r); setEditForm(r); setEditMeta(r.metadata || {}); editModal.onOpen(); }} />
- {r.type !== 'avatar_upload_unlock' && (
+ } onClick={() => {
+ setEditItem(r);
+ setEditForm(r);
+ const m: any = r.metadata || {};
+ const prepared: any = { ...m };
+ try {
+ if (typeof m.size === 'string') prepared.__size_list = String(m.size).split(',').map((s:string)=>s.trim()).filter(Boolean);
+ } catch {}
+ try {
+ if (typeof m.color === 'string') prepared.__color_list = String(m.color).split(',').map((s:string)=>s.trim()).filter(Boolean);
+ } catch {}
+ setEditMeta(prepared);
+ editModal.onOpen();
+ }} />
+ {!r.type?.startsWith('avatar_') && (
} onClick={() => deleteMut.mutate(r.id)} />
)}
@@ -619,74 +619,125 @@ const EngagementAdminPage: React.FC = () => {
Název
- setEditForm({ ...editForm, name: e.target.value })} isDisabled={editItem?.type === 'avatar_upload_unlock'} />
+ setEditForm({ ...editForm, name: e.target.value })} isDisabled={!!editItem?.type && editItem.type.startsWith('avatar_')} />
Typ
-
Body
- setEditForm({ ...editForm, cost_points: Number.isFinite(n)? n : 0 })}>
+ setEditForm({ ...editForm, cost_points: Number.isFinite(n)? n : 0 })} isDisabled={!editItem || (!!editItem.type && !editItem.type.startsWith('avatar_') && false)}>
~ {Math.round(Number(editForm.cost_points || 0) * 0.1)} Kč
- Sklad
- setEditForm({ ...editForm, stock: Number.isFinite(n)? n : 0 })} isDisabled={editItem?.type === 'avatar_upload_unlock'}>
-
-
+ Množství/Sklad
+
+ setEditForm({ ...editForm, stock: Number.isFinite(n)? n : 0 })}>
+
+
+
+ Neomezeně
+ setEditForm(prev => ({ ...prev, stock: e.target.checked ? -1 : Math.max(0, Number(prev.stock) === -1 ? 0 : Number(prev.stock)||0) }))} isDisabled={!!editItem?.type && editItem.type.startsWith('avatar_')} />
+
+
+ -1 = neomezeně, 0 = vyprodáno.
Obrázek URL
- setEditForm({ ...editForm, image_url: e.target.value })} isDisabled={editItem?.type === 'avatar_upload_unlock'} />
+ setEditForm({ ...editForm, image_url: e.target.value })} isDisabled={!!editItem?.type && editItem.type.startsWith('avatar_')} />
+ Vložte URL z /uploads nebo nahrávací tlačítko (proxy na frontend funguje).
handleUploadEdit(e.target.files?.[0])} />
-
+
{/* Edit metadata helpers (structured) */}
{ (editForm.type === 'merch_coupon' || editForm.type === 'merch_physical' || editForm.type === 'merch_digital' || editForm.type === 'custom') && (
{editForm.type === 'merch_coupon' && (
<>
- Kód kuponusetEditMetaField('coupon_code', e.target.value)} />
- PoznámkasetEditMetaField('note', e.target.value)} />
+ Kód kuponusetEditMetaField('coupon_code', e.target.value)} />
+ PoznámkasetEditMetaField('note', e.target.value)} />
)}
{editForm.type === 'merch_physical' && (
<>
- SKUsetEditMetaField('sku', e.target.value)} />
-
- VelikostsetEditMetaField('size', e.target.value)} />
- BarvasetEditMetaField('color', e.target.value)} />
-
- PoznámkasetEditMetaField('note', e.target.value)} />
+
+ SKU
+ setEditMetaField('sku', e.target.value)} />
+ Interní kód produktu (volitelné).
+
+
+ Velikosti
+ {
+ const arr = vals as string[];
+ setEditMeta(prev => ({ ...(prev as any), __size_list: arr } as any));
+ }}>
+
+ {SIZE_OPTIONS.map((s)=> (
+ {s}
+ ))}
+
+
+
+ setEditMetaField('__size_custom', e.target.value)} />
+
+
+ Vyberte z nabídky nebo přidejte vlastní hodnoty (oddělené čárkami).
+
+
+ Barvy
+ {
+ const arr = vals as string[];
+ setEditMeta(prev => ({ ...(prev as any), __color_list: arr } as any));
+ }}>
+
+ {COLOR_OPTIONS.map((c)=> (
+ {c}
+ ))}
+
+
+
+ setEditMetaField('__color_custom', e.target.value)} />
+
+
+ Vyberte více možností nebo přidejte vlastní barvy (oddělené čárkami).
+
+ PoznámkasetEditMetaField('note', e.target.value)} />
)}
{editForm.type === 'merch_digital' && (
<>
- Licenční klíčsetEditMetaField('license_key', e.target.value)} />
- Stažení (URL)setEditMetaField('download_url', e.target.value)} />
- PoznámkasetEditMetaField('note', e.target.value)} />
+ Licenční klíčsetEditMetaField('license_key', e.target.value)} />
+ Stažení (URL)setEditMetaField('download_url', e.target.value)} />
+ PoznámkasetEditMetaField('note', e.target.value)} />
)}
{editForm.type === 'custom' && (
-
-
-
)}
-
+
+ Neomezená platnost
+ {
+ const on = e.target.checked;
+ if (on) { setEditMeta(prev => ({ ...(prev as any), valid_from: '', valid_to: '' } as any)); }
+ }} isDisabled={!!editItem?.type && editItem.type.startsWith('avatar_')} />
+
+
Platnost od
- setEditMetaField('valid_from', e.target.value)} />
+ setEditMetaField('valid_from', e.target.value)} />
-
+
Platnost do
- setEditMetaField('valid_to', e.target.value)} />
+ setEditMetaField('valid_to', e.target.value)} />
+ Když je zapnuto „Neomezená platnost“, datumy se nevyžadují a ignorují.
{/* Odstraněno: ruční JSON metadata v editoru. */}
Aktivní
- setEditForm({ ...editForm, active: e.target.checked })} isDisabled={editItem?.type === 'avatar_upload_unlock'} />
- {editForm.image_url ? : null}
+ setEditForm({ ...editForm, active: e.target.checked })} isDisabled={!!editItem?.type && editItem.type.startsWith('avatar_')} />
+ {editForm.image_url ? : null}
@@ -719,10 +778,20 @@ const EngagementAdminPage: React.FC = () => {
| 
+ })
)}
@@ -157,7 +160,7 @@ const SweepstakeWidget: React.FC = () => {
)}
diff --git a/frontend/src/pages/ArticleDetailPage.tsx b/frontend/src/pages/ArticleDetailPage.tsx
index b4b4102..2a70174 100644
--- a/frontend/src/pages/ArticleDetailPage.tsx
+++ b/frontend/src/pages/ArticleDetailPage.tsx
@@ -1248,9 +1248,23 @@ const ArticleDetailPage: React.FC = () => {