feat: způsob přihlášení a správa obchodů podle konfigurace serveru

client/src/Login.css

@@ -87,3 +87,13 @@
   font-weight: 600;
   margin-top: 8px;
 }
+
+.login-card > .hint {
+  color: var(--luncher-text-muted);
+}
+
+.login-error {
+  color: var(--luncher-danger);
+  line-height: 1.5;
+  margin: 0;
+}

client/src/Login.tsx

@@ -1,29 +1,37 @@
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Button } from 'react-bootstrap';
 import { useAuth } from './context/auth';
 import { login } from '../../types';
+import { useAppConfig } from './hooks/useGroupLimits';
 import './Login.css';
 
 /**
- * Formulář pro prvotní zadání přihlašovacího jména.
+ * Přihlášení. Podle konfigurace serveru buď přihlásí uživatele automaticky přes důvěryhodné
+ * hlavičky z proxy (bez formuláře), nebo zobrazí formulář pro zadání jména. Když se konfigurace
+ * nenačte, zkusí nejprve přihlášení „naprázdno" a jinak zobrazí formulář (původní chování).
  */
 export default function Login() {
   const auth = useAuth();
+  const { loaded, trustedHeaders } = useAppConfig();
   const loginRef = useRef<HTMLInputElement>(null);
+  const [trustedError, setTrustedError] = useState<string>();
+  const [attempt, setAttempt] = useState(0);
 
   useEffect(() => {
-    if (auth && !auth.login) {
-      // Vyzkoušíme přihlášení "naprázdno", pokud projde, přihlásili nás trusted headers
-      login().then(response => {
-        const token = response.data;
-        if (token) {
-          auth?.setToken(token as unknown as string); // TODO vyřešit, API definice je špatně, je to skutečně string
-        }
-      }).catch(error => {
-        // nezajímá nás
-      });
-    }
-  }, [auth]);
+    if (!auth || auth.login || !loaded || trustedHeaders === false) return;
+    // Přihlášení přes hlavičky z proxy (případně pokus „naprázdno", pokud nevíme, jak server přihlašuje)
+    setTrustedError(undefined);
+    login().then(response => {
+      const token = response.data;
+      if (token) {
+        auth.setToken(token as unknown as string); // TODO vyřešit, API definice je špatně, je to skutečně string
+      } else if (trustedHeaders) {
+        setTrustedError((response.error as any)?.error ?? 'Přihlášení přes proxy se nezdařilo.');
+      }
+    }).catch(() => {
+      if (trustedHeaders) setTrustedError('Server je nedostupný. Zkuste to prosím za chvíli.');
+    });
+  }, [auth, loaded, trustedHeaders, attempt]);
 
   const doLogin = useCallback(async () => {
     const length = loginRef?.current?.value.length && loginRef.current.value.replaceAll(/\s/g, '').length
@@ -35,36 +43,60 @@ export default function Login() {
     }
   }, [auth]);
 
-  if (!auth?.login) {
+  if (auth?.login) {
+    return <div>Neplatný stav</div>
+  }
+
+  const header = <>
+    <h1 className='login-logo'>Luncher</h1>
+    <p className='login-subtitle'>Aplikace pro profesionální management obědů</p>
+  </>;
+
+  // Přihlašuje proxy — formulář se jménem nedává smysl
+  if (!loaded || trustedHeaders) {
     return (
       <div className='login-page'>
         <div className='login-card'>
-          <h1 className='login-logo'>Luncher</h1>
-          <p className='login-subtitle'>Aplikace pro profesionální management obědů</p>
-          <div className='login-form'>
-            <div>
-              <label htmlFor="login-input">Zobrazované jméno</label>
-              <input
-                id="login-input"
-                ref={loginRef}
-                type='text'
-                placeholder="Např. Jan Novák"
-                onKeyDown={event => {
-                  if (event.key === 'Enter') {
-                    doLogin()
-                  }
-                }}
-              />
-              <p className='hint'>
-                Zadejte jméno nebo přezdívku, pod kterou vás kolegové snadno identifikují.
-                Jméno je možné kdykoli změnit.
-              </p>
+          {header}
+          {trustedError ? (
+            <div className='login-form'>
+              <p className='login-error'>{trustedError}</p>
+              <Button onClick={() => setAttempt(a => a + 1)}>Zkusit znovu</Button>
             </div>
-            <Button onClick={doLogin}>Pokračovat</Button>
-          </div>
+          ) : (
+            <p className='hint'>Přihlašuji…</p>
+          )}
         </div>
       </div>
     );
   }
-  return <div>Neplatný stav</div>
+
+  return (
+    <div className='login-page'>
+      <div className='login-card'>
+        {header}
+        <div className='login-form'>
+          <div>
+            <label htmlFor="login-input">Zobrazované jméno</label>
+            <input
+              id="login-input"
+              ref={loginRef}
+              type='text'
+              placeholder="Např. Jan Novák"
+              onKeyDown={event => {
+                if (event.key === 'Enter') {
+                  doLogin()
+                }
+              }}
+            />
+            <p className='hint'>
+              Zadejte jméno nebo přezdívku, pod kterou vás kolegové snadno identifikují.
+              Jméno je možné kdykoli změnit.
+            </p>
+          </div>
+          <Button onClick={doLogin}>Pokračovat</Button>
+        </div>
+      </div>
+    </div>
+  );
 }

client/src/components/modals/StoreAdminModal.tsx

@@ -6,6 +6,7 @@ import { faArrowsRotate, faPen, faPlus, faUpRightFromSquare, faXmark } from "@fo
 import { addStore, deleteStore, updateStore, getStoreMenuStatus, refreshStoreMenu, Store, StoreMenuProvider, StoreScrapeInfo, StoreScrapeStatus } from "../../../../types";
 import { getHumanDateTime } from "../../Utils";
 import PriceHistory from "../PriceHistory";
+import { useAppConfig } from "../../hooks/useGroupLimits";
 import { getStoreUrls, storeUrlLabel } from "../../utils/storeUrls";
 
 type Props = {
@@ -52,6 +53,9 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
     const [heslo, setHeslo] = useState('');
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState<string | null>(null);
+    // Server bez admin hesla — správa (přidání/úprava/odebrání/obnovení) nejde, zbývá jen přehled.
+    // undefined = konfigurace nenačtena, chováme se jako dřív (správa zapnutá).
+    const adminEnabled = useAppConfig().storeAdmin !== false;
     const [scrapeInfo, setScrapeInfo] = useState<Record<string, StoreScrapeInfo>>({});
     const [refreshing, setRefreshing] = useState<string | null>(null);
     // Rozbalená historie cen („obchod|služba")
@@ -209,6 +213,14 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
                     </Alert>
                 )}
 
+                {!adminEnabled && (
+                    <Alert variant="info">
+                        Správa obchodů není na tomto serveru zapnutá (chybí <code>ADMIN_PASSWORD</code>).
+                        Seznam obchodů, stav nabídek a historii cen lze jen prohlížet.
+                    </Alert>
+                )}
+
+                {adminEnabled && <>
                 <Form.Group className="mb-3">
                     <Form.Label>Admin heslo</Form.Label>
                     <Form.Control
@@ -239,6 +251,7 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
                         Přidat
                     </Button>
                 </div>
+                </>}
 
                 <h6>Aktuální seznam</h6>
                 {stores.length === 0 ? (
@@ -307,7 +320,7 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
                                                     <span className="text-nowrap text-muted">Menu {PROVIDER_LABELS[p.provider]}:</span>
                                                     <span className={className} title={title}>{text}</span>
                                                     {/* Zakázané tlačítko nezobrazí tooltip — obalení do span ho zobrazí i bez hesla */}
-                                                    <OverlayTrigger
+                                                    {adminEnabled && <OverlayTrigger
                                                         placement="top"
                                                         overlay={
                                                             <Tooltip>
@@ -330,7 +343,7 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
                                                                 <FontAwesomeIcon icon={faArrowsRotate} spin={refreshing === key} />
                                                             </Button>
                                                         </span>
-                                                    </OverlayTrigger>
+                                                    </OverlayTrigger>}
                                                     {p.dishCount > 0 && (
                                                         <Button variant="link" size="sm" className="p-0 text-nowrap"
                                                             onClick={() => setHistoryOpen(historyOpen === key ? null : key)}>
@@ -343,7 +356,7 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
                                             );
                                         })}
                                     </div>
-                                    <div className="d-flex gap-3">
+                                    {adminEnabled && <div className="d-flex gap-3">
                                         <FontAwesomeIcon
                                             icon={faPen}
                                             className="action-icon"
@@ -358,7 +371,7 @@ export default function StoreAdminModal({ isOpen, onClose, stores, onStoresChang
                                             onClick={() => handleRemove(s.name)}
                                             style={{ cursor: 'pointer' }}
                                         />
-                                    </div>
+                                    </div>}
                                 </ListGroup.Item>
                             );
                         })}

client/src/hooks/useGroupLimits.ts

@@ -1,7 +1,12 @@
 import { useSyncExternalStore } from "react";
-import { getGroupLimits, subscribeGroupLimits } from "../utils/appConfig";
+import { getAppConfig, getGroupLimits, subscribeAppConfig } from "../utils/appConfig";
 
 /** Aktuální limity skupinových objednávek (překreslí se po načtení konfigurace ze serveru). */
 export function useGroupLimits() {
-    return useSyncExternalStore(subscribeGroupLimits, getGroupLimits);
+    return useSyncExternalStore(subscribeAppConfig, getGroupLimits);
+}
+
+/** Celá runtime konfigurace ze serveru (způsob přihlášení, zapnuté funkce, limity). */
+export function useAppConfig() {
+    return useSyncExternalStore(subscribeAppConfig, getAppConfig);
 }

client/src/index.tsx

@@ -10,7 +10,7 @@ import { getConfig } from '../../types/gen/sdk.gen';
 import { getToken } from './Utils';
 import { toast } from 'react-toastify';
 import * as Sentry from '@sentry/react';
-import { setGroupLimits } from './utils/appConfig';
+import { setAppConfig } from './utils/appConfig';
 
 client.setConfig({
   auth: () => getToken(),
@@ -20,14 +20,22 @@ client.setConfig({
 // Sentry se inicializuje až podle runtime konfigurace ze serveru (bez DSN zůstává vypnuté).
 // Klient je statický build, takže DSN ani limity nejde zapéct při buildu — server je zná z env.
 getConfig().then(({ data }) => {
-  setGroupLimits(data?.limits?.group);
+  setAppConfig({
+    loaded: true,
+    trustedHeaders: data?.auth?.trustedHeaders,
+    storeAdmin: data?.features?.storeAdmin,
+    groupLimits: data?.limits?.group,
+  });
   if (data?.sentry.dsn) {
     Sentry.init({
       dsn: data.sentry.dsn,
       environment: data.sentry.environment,
     });
   }
-}).catch(() => { /* config endpoint nedostupný — běžíme bez Sentry */ });
+}).catch(() => {
+  // Config endpoint nedostupný — běžíme bez Sentry, s výchozími limity a původním chováním přihlášení
+  setAppConfig({ loaded: true });
+});
 
 // Interceptor na vyhození toasteru při chybě
 client.interceptors.response.use(async response => {

client/src/utils/appConfig.ts

@@ -1,8 +1,8 @@
 import type { GroupLimits } from "../../../types";
 
 /**
- * Runtime konfigurace ze serveru (GET /api/config). Do načtení (nebo když endpoint
- * neodpoví) platí výchozí hodnoty — stejné jako výchozí hodnoty na serveru (server/src/limits.ts).
+ * Výchozí limity skupinových objednávek — stejné jako výchozí hodnoty na serveru
+ * (server/src/limits.ts). Platí do načtení konfigurace nebo když endpoint neodpoví.
  */
 export const DEFAULT_GROUP_LIMITS: GroupLimits = {
     maxNoteLength: 300,
@@ -14,21 +14,40 @@ export const DEFAULT_GROUP_LIMITS: GroupLimits = {
     maxItems: 20,
 };
 
-let groupLimits: GroupLimits = DEFAULT_GROUP_LIMITS;
+/** Runtime konfigurace ze serveru (GET /api/config). */
+export type AppRuntimeConfig = {
+    /** Pokus o načtení konfigurace skončil (úspěšně i neúspěšně) */
+    loaded: boolean,
+    /** Přihlášení přes důvěryhodné hlavičky z proxy; undefined = nevíme (konfigurace se nenačetla) */
+    trustedHeaders?: boolean,
+    /** Správa obchodů je zapnutá (server má admin heslo); undefined = nevíme */
+    storeAdmin?: boolean,
+    groupLimits: GroupLimits,
+};
+
+let config: AppRuntimeConfig = { loaded: false, groupLimits: DEFAULT_GROUP_LIMITS };
 const listeners = new Set<() => void>();
 
-export function getGroupLimits(): GroupLimits {
-    return groupLimits;
+export function getAppConfig(): AppRuntimeConfig {
+    return config;
 }
 
-/** Nastaví limity ze serveru (chybějící hodnoty doplní výchozími) a upozorní odběratele. */
-export function setGroupLimits(limits: Partial<GroupLimits> | undefined): void {
-    if (!limits) return;
-    groupLimits = { ...DEFAULT_GROUP_LIMITS, ...limits };
+export function getGroupLimits(): GroupLimits {
+    return config.groupLimits;
+}
+
+/** Uloží konfiguraci ze serveru (chybějící limity doplní výchozími) a upozorní odběratele. */
+export function setAppConfig(patch: Partial<Omit<AppRuntimeConfig, 'groupLimits'>> & { groupLimits?: Partial<GroupLimits> }): void {
+    const { groupLimits, ...rest } = patch;
+    config = {
+        ...config,
+        ...rest,
+        groupLimits: groupLimits ? { ...DEFAULT_GROUP_LIMITS, ...groupLimits } : config.groupLimits,
+    };
     listeners.forEach(l => l());
 }
 
-export function subscribeGroupLimits(listener: () => void): () => void {
+export function subscribeAppConfig(listener: () => void): () => void {
     listeners.add(listener);
     return () => listeners.delete(listener);
 }