feat: spin the wheel, objednavani scrape menu, historie cen

client/src/components/modals/StoreAdminModal.tsx

@@ -1,9 +1,11 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { Modal, Button, Form, ListGroup, Alert } from "react-bootstrap";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faTrashCan } from "@fortawesome/free-regular-svg-icons";
-import { faPen, faPlus, faUpRightFromSquare, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { addStore, deleteStore, updateStore, Store } from "../../../../types";
+import { faArrowsRotate, faPen, faPlus, faUpRightFromSquare, faXmark } from "@fortawesome/free-solid-svg-icons";
+import { addStore, deleteStore, updateStore, getStoreMenuStatus, refreshStoreMenu, Store, StoreMenuProvider, StoreScrapeInfo, StoreScrapeStatus } from "../../../../types";
+import { getHumanDateTime } from "../../Utils";
+import PriceHistory from "../PriceHistory";
 import { getStoreUrls, storeUrlLabel } from "../../utils/storeUrls";
 
 type Props = {
@@ -20,6 +22,23 @@ type EditState = {
     urls: string[];
 };
 
+const PROVIDER_LABELS: Record<StoreMenuProvider, string> = { bolt: 'Bolt Food', wolt: 'Wolt' };
+
+/** Krátký popis stavu stahování nabídky od jedné služby. */
+function describeScrape(p: StoreScrapeStatus): { text: string, className: string, title?: string } {
+    const when = (iso?: string) => iso ? getHumanDateTime(new Date(iso)) : '';
+    switch (p.state) {
+        case 'ok':
+            return { text: `${p.dishCount} hlavních jídel (${when(p.lastSuccessAt)})${p.lastError ? ` · poslední obnovení selhalo: ${p.lastError}` : ''}`, className: 'text-success' };
+        case 'failed':
+            return { text: `selhalo ${p.failures}× (${when(p.lastAttemptAt)}): ${p.lastError ?? ''} · zkusí se znovu`, className: 'text-warning' };
+        case 'blocked':
+            return { text: `zablokováno po ${p.failures} neúspěších (${when(p.lastAttemptAt)}): ${p.lastError ?? ''}`, className: 'text-danger' };
+        default:
+            return { text: 'nestaženo', className: 'text-muted', title: 'Stáhne se automaticky, až bude nabídka potřeba v kole štěstí (a žádná jiná služba ji nemá)' };
+    }
+}
+
 /** Vstupní pole pro URL nabídek — vždy alespoň jedno prázdné, aby bylo kam psát. */
 function toUrlInputs(urls: string[]): string[] {
     return urls.length > 0 ? urls : [''];
@@ -33,6 +52,38 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
     const [heslo, setHeslo] = useState('');
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState<string | null>(null);
+    const [scrapeInfo, setScrapeInfo] = useState<Record<string, StoreScrapeInfo>>({});
+    const [refreshing, setRefreshing] = useState<string | null>(null);
+    // Rozbalená historie cen („obchod|služba")
+    const [historyOpen, setHistoryOpen] = useState<string | null>(null);
+
+    // Stav stahování nabídek (Bolt Food/Wolt) — při otevření a po změně seznamu obchodů
+    useEffect(() => {
+        if (!isOpen) return;
+        getStoreMenuStatus().then(res => {
+            setScrapeInfo(Object.fromEntries((res.data ?? []).map(i => [i.store, i])));
+        }).catch(() => { /* stav je jen informativní */ });
+    }, [isOpen, stores]);
+
+    const handleRefreshMenu = async (name: string, provider: StoreMenuProvider) => {
+        setError(null);
+        setRefreshing(`${name}|${provider}`);
+        try {
+            const res = await refreshStoreMenu({ body: { name, provider, heslo } });
+            if (res.data) {
+                setScrapeInfo(prev => ({ ...prev, [name]: res.data! }));
+            }
+            // Znovu načíst případně otevřenou historii (mohla přibýt nová verze)
+            if (historyOpen === `${name}|${provider}`) {
+                setHistoryOpen(null);
+                setTimeout(() => setHistoryOpen(`${name}|${provider}`));
+            }
+        } catch (e: any) {
+            setError(e.message || 'Nastala chyba');
+        } finally {
+            setRefreshing(null);
+        }
+    };
 
     const addUrlRow = (urls: string[]) => [...urls, ''];
 
@@ -147,7 +198,7 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
     );
 
     return (
-        <Modal show={isOpen} onHide={onClose}>
+        <Modal show={isOpen} onHide={onClose} size="lg">
             <Modal.Header closeButton>
                 <Modal.Title><h2>Správa obchodů</h2></Modal.Title>
             </Modal.Header>
@@ -244,6 +295,35 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
                                                 ))}
                                             </small>
                                         )}
+                                        {scrapeInfo[s.name]?.providers.map(p => {
+                                            const { text, className, title } = describeScrape(p);
+                                            const key = `${s.name}|${p.provider}`;
+                                            return (
+                                                <div key={p.provider}>
+                                                <small className="d-flex align-items-baseline gap-2 mt-1">
+                                                    <span className="text-nowrap text-muted">Menu {PROVIDER_LABELS[p.provider]}:</span>
+                                                    <span className={className} title={title}>{text}</span>
+                                                    <Button
+                                                        variant="link"
+                                                        size="sm"
+                                                        className="p-0"
+                                                        disabled={!heslo || refreshing != null}
+                                                        title={heslo ? `Znovu stáhnout nabídku z ${PROVIDER_LABELS[p.provider]}` : 'Pro obnovení zadejte admin heslo'}
+                                                        onClick={() => handleRefreshMenu(s.name, p.provider)}
+                                                    >
+                                                        <FontAwesomeIcon icon={faArrowsRotate} spin={refreshing === key} />
+                                                    </Button>
+                                                    {p.dishCount > 0 && (
+                                                        <Button variant="link" size="sm" className="p-0 text-nowrap"
+                                                            onClick={() => setHistoryOpen(historyOpen === key ? null : key)}>
+                                                            {historyOpen === key ? 'skrýt historii' : 'historie cen'}
+                                                        </Button>
+                                                    )}
+                                                </small>
+                                                {historyOpen === key && <PriceHistory store={s.name} provider={p.provider} />}
+                                                </div>
+                                            );
+                                        })}
                                     </div>
                                     <div className="d-flex gap-3">
                                         <FontAwesomeIcon