feat: část refaktoru databáze

Reviewed-on: #17

.gitignore

@@ -1,23 +1,2 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
 node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+types/gen

.woodpecker/workflow.yaml

@@ -0,0 +1,64 @@
+variables:
+  - &node_image "node:22-alpine"
+  - &branch "master"
+
+when:
+  - event: push
+    branch: *branch
+
+steps:
+  - name: Generate TypeScript types
+    image: *node_image
+    commands:
+      - cd types
+      - yarn install --frozen-lockfile
+      - yarn openapi-ts
+  - name: Install server dependencies
+    image: *node_image
+    commands:
+      - cd server
+      - yarn install --frozen-lockfile
+    depends_on: [Generate TypeScript types]
+  - name: Install client dependencies
+    image: *node_image
+    commands:
+      - cd client
+      - yarn install --frozen-lockfile
+    depends_on: [Generate TypeScript types]
+  - name: Build server
+    depends_on: [Install server dependencies]
+    image: *node_image
+    commands:
+      - cd server
+      - yarn build
+  - name: Build client
+    depends_on: [Install client dependencies]
+    image: *node_image
+    commands:
+      - cd client
+      - yarn build
+  - name: Build Docker image
+    depends_on: [Build server, Build client]
+    image: woodpeckerci/plugin-docker-buildx
+    settings:
+      dockerfile: Dockerfile-Woodpecker
+      platforms: linux/amd64
+      registry:
+        from_secret: REPO_URL
+      username:
+        from_secret: REPO_USERNAME
+      password:
+        from_secret: REPO_PASSWORD
+      repo:
+        from_secret: REPO_NAME
+  - name: Discord notification - build
+    image: appleboy/drone-discord
+    depends_on: [Build Docker image]
+    when:
+      - status: [success, failure]
+    settings:
+      webhook_id:
+        from_secret: DISCORD_WEBHOOK_ID
+      webhook_token:
+        from_secret: DISCORD_WEBHOOK_TOKEN
+      message: "{{#success build.status}}✅ Sestavení {{build.number}} proběhlo úspěšně.{{else}}❌ Sestavení {{build.number}} selhalo.{{/success}}\n\nPipeline: {{build.link}}\nPoslední commit: {{commit.message}}Autor: {{commit.author}}"

Dockerfile

@@ -1,42 +1,92 @@
+ARG NODE_VERSION="node:22-alpine"
+
 # Builder
-FROM node:18-alpine3.18 as builder
+FROM ${NODE_VERSION} AS builder
 
 WORKDIR /build
 
-COPY package.json .
-COPY yarn.lock .
+# Zkopírování závislostí - OpenAPI generátor
+COPY types/package.json ./types/
+COPY types/yarn.lock ./types/
+COPY types/api.yml ./types/
+COPY types/schemas ./types/schemas/
+COPY types/paths ./types/paths/
+COPY types/openapi-ts.config.ts ./types/
 
+# Zkopírování závislostí - server
 COPY server/package.json ./server/
-COPY client/package.json ./client/
+COPY server/yarn.lock ./server/
 
+# Zkopírování závislostí - klient
+COPY client/package.json ./client/
+COPY client/yarn.lock ./client/
+
+# Instalace závislostí - OpenAPI generátor
+WORKDIR /build/types
 RUN yarn install --frozen-lockfile
 
+# Instalace závislostí - server
+WORKDIR /build/server
+RUN yarn install --frozen-lockfile
+
+# Instalace závislostí - klient
+WORKDIR /build/client
+RUN yarn install --frozen-lockfile
+
+WORKDIR /build
+
+# Zkopírování build závislostí - server
 COPY server/tsconfig.json ./server/
 COPY server/src ./server/src/
 
+# Zkopírování build závislostí - klient
 COPY client/tsconfig.json ./client/
+COPY client/vite.config.ts ./client/
+COPY client/vite-env.d.ts ./client/
+COPY client/index.html ./client/
 COPY client/src ./client/src
 COPY client/public ./client/public
 
-COPY types ./types/
+# Zkopírování společných typů
+COPY types/index.ts ./types/
 
+# Vygenerování společných typů z OpenAPI
+WORKDIR /build/types
+RUN yarn openapi-ts
+
+# Sestavení serveru
 WORKDIR /build/server
 RUN yarn build
 
+# Sestavení klienta
 WORKDIR /build/client
 RUN yarn build
 
 # Runner
-FROM node:18-alpine3.18
-ENV LANG cs_CZ.UTF-8
-ENV NODE_ENV production
+FROM ${NODE_VERSION}
+
+RUN apk add --no-cache tzdata
+ENV TZ=Europe/Prague \
+    LC_ALL=cs_CZ.UTF-8 \
+    NODE_ENV=production
 
 WORKDIR /app
 
-COPY --from=builder /build/node_modules ./node_modules
+# Vykopírování sestaveného serveru
+COPY --from=builder /build/server/node_modules ./server/node_modules
 COPY --from=builder /build/server/dist ./
-COPY --from=builder /build/client/build ./public
-COPY /server/.env.production ./server/src
+
+# Vykopírování sestaveného klienta
+COPY --from=builder /build/client/dist ./public
+
+# Zkopírování produkčních .env serveru
+COPY /server/.env.production ./server
+
+# Zkopírování konfigurace easter eggů
+RUN if [ -f /server/.easter-eggs.json ]; then cp /server/.easter-eggs.json ./server/; fi
+
+# Export /data/db.json do složky /data
+VOLUME ["/data"]
 
 EXPOSE 3000
 

Dockerfile-Woodpecker

@@ -0,0 +1,26 @@
+ARG NODE_VERSION="node:22-alpine"
+
+FROM ${NODE_VERSION}
+
+RUN apk add --no-cache tzdata
+ENV TZ=Europe/Prague \
+    LC_ALL=cs_CZ.UTF-8 \
+    NODE_ENV=production
+
+WORKDIR /app
+
+# Vykopírování sestaveného serveru
+COPY ./server/node_modules ./server/node_modules
+COPY ./server/dist ./
+# TODO tohle není dobře, má to být součástí serveru
+# COPY ./server/resources ./resources
+
+# Vykopírování sestaveného klienta
+COPY ./client/dist ./public
+
+# Zkopírování konfigurace easter eggů
+RUN if [ -f ./server/.easter-eggs.json ]; then cp ./server/.easter-eggs.json ./server/; fi
+
+EXPOSE 3000
+
+CMD [ "node", "./server/src/index.js" ]

README.md

@@ -1,7 +1,9 @@
 # Luncher
 Aplikace pro profesionální management obědů.
 
-Aplikace sestává ze dvou modulů + společných TypeScript definic (adresář `types`).
+Aplikace sestává ze tří modulů.
+- types
+  - OpenAPI definice společných typů, generované přes [openapi-ts](https://github.com/hey-api/openapi-ts)
 - server
   - backend psaný v [node.js](https://nodejs.dev)
 - client
@@ -10,19 +12,27 @@ Aplikace sestává ze dvou modulů + společných TypeScript definic (adresář
 ## Spuštění pro vývoj
 ### Závislosti
 #### Klient/server
-- [Node.js 18.x](https://nodejs.dev)
+- [Node.js 22.x (>= 22.11)](https://nodejs.dev)
 - [Yarn 1.22.x (Classic)](https://classic.yarnpkg.com)
 
 ### Spuštění na *nix platformách
 - Nainstalovat závislosti viz předchozí bod
 - Zkopírovat `server/.env.template` do `server/.env.development` a upravit dle potřeby
-- Spustit `./run_dev.sh`. Na jiných platformách se lze inspirovat jeho obsahem, postup by měl být víceméně stejný.
+- Vygenerovat společné TypeScript typy
+  - `cd types && yarn install && yarn openapi-ts`
+- Server
+  - `cd server && yarn install && export NODE_ENV=development && yarn startReload`
+- Klient
+  - `cd client && yarn install && yarn start`
 
 ## Sestavení a spuštění produkční verze v Docker
 ### Závislosti
 - [Docker](https://www.docker.com)
 - [Docker Compose](https://docs.docker.com/compose)
 
+### Spuštění
+- `docker compose up --build -d`
+
 ### Spuštení s traefik
 - `docker compose -f compose-traefik.yml up --build -d`
 

TODO.md

@@ -1,4 +1,7 @@
 # TODO
+- [ ] HTTP_REMOTE_TRUSTED_IPS se nikde nevalidují, hlavičky jsou přijímány odkudkoli
+- [ ] V případě zapnutí přihlašování přes trusted headers nefunguje standardní přihlášení (nevrátí žádnou odpověď)
+  - [ ] Nemělo by se jít dostat na přihlašovací formulář (měla by tam být nanejvýš hláška nebo přesměrování) 
 - [ ] Možnost úhrady celé útraty jednou osobou
   - Základní myšlenka: jedna osoba uhradí celou útratu (v zájmu rychlosti odbavení), ostatním se automaticky vygeneruje QR kód, kterým následně uhradí svoji část útraty
   - Obecně to bude problém např. pokud si někdo objedná něco navíc (pití apod.)

client/.gitignore

@@ -1,2 +1,2 @@
 build
-src/types
+dist

client/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Moderní webová aplikace pro lepší správu obědových preferencí" />
+  <link rel="apple-touch-icon" href="/logo192.png" />
+  <link rel="manifest" href="/manifest.json" />
+  <title>Luncher</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <script type="module" src="/src/index.tsx"></script>
+</body>
+
+</html>

client/package.json

@@ -3,39 +3,43 @@
   "version": "0.1.0",
   "license": "MIT",
   "private": true,
+  "type": "module",
   "homepage": ".",
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-regular-svg-icons": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^16.18.23",
-    "@types/react": "^18.0.33",
-    "@types/react-dom": "^18.0.11",
-    "bootstrap": "^5.2.3",
-    "react": "^18.2.0",
-    "react-bootstrap": "^2.7.2",
-    "react-dom": "^18.2.0",
-    "react-jwt": "^1.2.0",
-    "react-modal": "^3.16.1",
-    "react-scripts": "5.0.1",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-regular-svg-icons": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/react-fontawesome": "^3.1.0",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.10.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "bootstrap": "^5.3.8",
+    "react": "^19.2.0",
+    "react-bootstrap": "^2.10.10",
+    "react-dom": "^19.2.0",
+    "react-jwt": "^1.3.0",
+    "react-modal": "^3.16.3",
+    "react-router": "^7.9.5",
+    "react-router-dom": "^7.9.5",
     "react-select-search": "^4.1.6",
-    "react-toastify": "^9.1.3",
+    "react-snowfall": "^2.3.0",
+    "react-toastify": "^11.0.5",
+    "recharts": "^3.4.1",
+    "sass": "^1.93.3",
     "socket.io-client": "^4.6.1",
-    "typescript": "^4.9.5"
+    "typescript": "^5.9.3",
+    "vite": "^7.2.2",
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "scripts": {
-    "copy-types": "cp -r ../types ./src",
-    "start": "yarn copy-types && react-scripts start",
-    "build": "yarn copy-types && react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "start": "yarn vite",
+    "build": "tsc --noEmit && yarn vite build"
   },
   "eslintConfig": {
     "extends": [
-      "react-app",
-      "react-app/jest"
+      "react-app"
     ]
   },
   "browserslist": {
@@ -52,6 +56,6 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "prettier": "^2.8.8"
+    "prettier": "^3.6.2"
   }
-}
+}

client/public/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="theme-color" content="#000000" />
-  <meta name="description" content="Moderní webová aplikace pro lepší správu obědových preferencí" />
-  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-  <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-  <title>Luncher</title>
-</head>
-
-<body>
-  <noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root"></div>
-  <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-</body>
-
-</html>

client/public/leaf-brown.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="100px" viewBox="1 0 100 100" enable-background="new 1 0 100 100" xml:space="preserve">
+<path fill="#8B4513" d="M31.5,77.2c0,0,2.6-1.9,3.4-2.8c0.8-0.9,2-2.5,2-2.5s-4.7-0.7-7.9-1.6c-3.2-0.9-9.7-3.7-9.7-3.7
+	s1.3-0.4,2.9-1.4c1.6-1.1,2-1.7,2-1.7s-4.7-1.3-7.5-2.4c-2.8-1-7.3-2.9-7.3-2.9s1.4-0.2,2.8-1.3c1.4-1.1,1.5-2.2,1.5-2.2
+	S9.4,53.3,7,51.9c-2.4-1.5-5.3-3.7-5.3-3.7s5.2-4,8.7-5.5c3.5-1.5,9.1-2.6,9.1-2.6s-0.9-1.5-2.1-2.6c-1.1-1.1-4.2-2.9-4.2-2.9
+	s5.6-1.9,8.3-2.5c2.7-0.6,8.2,0,8.2,0s-0.1-1.1-1.3-2.2c-1.2-1.1-2.7-2-2.7-2S33,25.4,37,24.4c4-1,10.8-0.6,10.8-0.6
+	S46.1,22.1,45,21c-1.1-1.1-2.7-2.3-2.7-2.3s5.4-0.4,9.1-0.4c3.7,0.1,9.5,1.1,9.5,1.1s-0.7-1-1.4-2.3c-0.8-1.3-1.5-2.6-1.5-2.6
+	s7.1,1.7,9.5,2.8c2.4,1,7.6,3.9,7.6,3.9s-0.1-1.8-1-3.5c-0.9-1.7-1.8-3-1.8-3s27.7,17.2,28.1,33.5c0.1,1.8-0.1,3.7-0.3,5.5
+	c-1.5-0.7-3.1-1.3-4.7-1.8c-2.3-6.3-4.3-9.9-6.4-12.6c-2.4-2.9-6.9-8-9.6-9.1c2.3,1.9,6.8,6.2,9.7,11.8c2.3,4.6,3,5.6,3.8,9.2
+	c-3.6-1.1-7.3-1.9-11-2.5c-0.7-0.1-1.4-0.2-2.1-0.3c-2-4.3-4.4-8.8-7.6-11.5c-3.7-3.2-8.3-6.7-11.1-7.5c2.6,1.5,8.7,6.8,11.8,10.9
+	c2.2,3,2.9,5.1,4,7.7c-5-0.6-9.9-0.9-14.9-1.1c-2-3.7-4.5-7.5-7.6-9.6c-3.4-2.4-7.6-5-10-5.5c2.3,1.1,7.9,5.1,10.8,8.3
+	c2.3,2.6,3,4.4,4.2,6.9c-11.1,0.4-22,1.7-32.8,3.6c9.4-0.8,18.9-1,28.3-0.6c-1.1,1.7-1.8,3-3.8,4.7c-2.6,2.2-7.5,4.5-9.5,4.9
+	c2,0.1,5.6-1.3,8.6-2.6c2.7-1.3,5.1-4.1,7.1-6.9c1.8,0.1,3.5,0.2,5.3,0.3c2.9,0.1,5.8,0.3,8.7,0.5c-1.4,3-2,5-4.6,8.1
+	c-3.1,3.6-9.1,8-11.6,9.2c2.7-0.4,7.2-3.3,10.8-5.9c3.3-2.4,6-6.8,8.1-11c2.7,0.3,5.4,0.6,8.1,1.1c2,0.3,3.9,0.7,5.9,1.2
+	c-1.9,4.1-2,4.6-5,8c-3.4,3.9-9.1,8.9-11.6,10.4c2.9-0.7,8.5-4.7,11.1-6.7c2.4-1.8,5.8-5.5,8.2-11.1c3,0.8,5.9,1.9,8.7,3.2
+	c-3.1,12.9-11.9,24.1-11.9,24.1s0.2-1.7-0.5-3.9c-0.8-2.2-1-2-1-2s-1.1,2.9-5,6.8c-3.9,3.9-8.9,5-8.9,5s0.7-1.1,0.8-2.4
+	c0.1-1.3-0.3-2-0.3-2s-2.6,1.9-5.3,3c-2.7,1.2-8.6,2.5-8.6,2.5s1.6-1.9,1.9-3c0.3-1-0.3-1.9-0.3-1.9s-3.9,1.5-7.5,1.5
+	c-3.6,0-7.7-1.5-7.7-1.5s1-0.5,1.7-1.8c0.8-1.3,0.2-1.9,0.2-1.9s-4.4,0.5-7.5,0.1C36.6,79.3,31.5,77.2,31.5,77.2z"/>
+</svg>

client/public/leaf-green.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="100px" viewBox="1 0 100 100" enable-background="new 1 0 100 100" xml:space="preserve">
+<path fill="#228B22" d="M31.5,77.2c0,0,2.6-1.9,3.4-2.8c0.8-0.9,2-2.5,2-2.5s-4.7-0.7-7.9-1.6c-3.2-0.9-9.7-3.7-9.7-3.7
+	s1.3-0.4,2.9-1.4c1.6-1.1,2-1.7,2-1.7s-4.7-1.3-7.5-2.4c-2.8-1-7.3-2.9-7.3-2.9s1.4-0.2,2.8-1.3c1.4-1.1,1.5-2.2,1.5-2.2
+	S9.4,53.3,7,51.9c-2.4-1.5-5.3-3.7-5.3-3.7s5.2-4,8.7-5.5c3.5-1.5,9.1-2.6,9.1-2.6s-0.9-1.5-2.1-2.6c-1.1-1.1-4.2-2.9-4.2-2.9
+	s5.6-1.9,8.3-2.5c2.7-0.6,8.2,0,8.2,0s-0.1-1.1-1.3-2.2c-1.2-1.1-2.7-2-2.7-2S33,25.4,37,24.4c4-1,10.8-0.6,10.8-0.6
+	S46.1,22.1,45,21c-1.1-1.1-2.7-2.3-2.7-2.3s5.4-0.4,9.1-0.4c3.7,0.1,9.5,1.1,9.5,1.1s-0.7-1-1.4-2.3c-0.8-1.3-1.5-2.6-1.5-2.6
+	s7.1,1.7,9.5,2.8c2.4,1,7.6,3.9,7.6,3.9s-0.1-1.8-1-3.5c-0.9-1.7-1.8-3-1.8-3s27.7,17.2,28.1,33.5c0.1,1.8-0.1,3.7-0.3,5.5
+	c-1.5-0.7-3.1-1.3-4.7-1.8c-2.3-6.3-4.3-9.9-6.4-12.6c-2.4-2.9-6.9-8-9.6-9.1c2.3,1.9,6.8,6.2,9.7,11.8c2.3,4.6,3,5.6,3.8,9.2
+	c-3.6-1.1-7.3-1.9-11-2.5c-0.7-0.1-1.4-0.2-2.1-0.3c-2-4.3-4.4-8.8-7.6-11.5c-3.7-3.2-8.3-6.7-11.1-7.5c2.6,1.5,8.7,6.8,11.8,10.9
+	c2.2,3,2.9,5.1,4,7.7c-5-0.6-9.9-0.9-14.9-1.1c-2-3.7-4.5-7.5-7.6-9.6c-3.4-2.4-7.6-5-10-5.5c2.3,1.1,7.9,5.1,10.8,8.3
+	c2.3,2.6,3,4.4,4.2,6.9c-11.1,0.4-22,1.7-32.8,3.6c9.4-0.8,18.9-1,28.3-0.6c-1.1,1.7-1.8,3-3.8,4.7c-2.6,2.2-7.5,4.5-9.5,4.9
+	c2,0.1,5.6-1.3,8.6-2.6c2.7-1.3,5.1-4.1,7.1-6.9c1.8,0.1,3.5,0.2,5.3,0.3c2.9,0.1,5.8,0.3,8.7,0.5c-1.4,3-2,5-4.6,8.1
+	c-3.1,3.6-9.1,8-11.6,9.2c2.7-0.4,7.2-3.3,10.8-5.9c3.3-2.4,6-6.8,8.1-11c2.7,0.3,5.4,0.6,8.1,1.1c2,0.3,3.9,0.7,5.9,1.2
+	c-1.9,4.1-2,4.6-5,8c-3.4,3.9-9.1,8.9-11.6,10.4c2.9-0.7,8.5-4.7,11.1-6.7c2.4-1.8,5.8-5.5,8.2-11.1c3,0.8,5.9,1.9,8.7,3.2
+	c-3.1,12.9-11.9,24.1-11.9,24.1s0.2-1.7-0.5-3.9c-0.8-2.2-1-2-1-2s-1.1,2.9-5,6.8c-3.9,3.9-8.9,5-8.9,5s0.7-1.1,0.8-2.4
+	c0.1-1.3-0.3-2-0.3-2s-2.6,1.9-5.3,3c-2.7,1.2-8.6,2.5-8.6,2.5s1.6-1.9,1.9-3c0.3-1-0.3-1.9-0.3-1.9s-3.9,1.5-7.5,1.5
+	c-3.6,0-7.7-1.5-7.7-1.5s1-0.5,1.7-1.8c0.8-1.3,0.2-1.9,0.2-1.9s-4.4,0.5-7.5,0.1C36.6,79.3,31.5,77.2,31.5,77.2z"/>
+</svg>

client/public/leaf-orange.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="100px" viewBox="1 0 100 100" enable-background="new 1 0 100 100" xml:space="preserve">
+<path fill="#D2691E" d="M31.5,77.2c0,0,2.6-1.9,3.4-2.8c0.8-0.9,2-2.5,2-2.5s-4.7-0.7-7.9-1.6c-3.2-0.9-9.7-3.7-9.7-3.7
+	s1.3-0.4,2.9-1.4c1.6-1.1,2-1.7,2-1.7s-4.7-1.3-7.5-2.4c-2.8-1-7.3-2.9-7.3-2.9s1.4-0.2,2.8-1.3c1.4-1.1,1.5-2.2,1.5-2.2
+	S9.4,53.3,7,51.9c-2.4-1.5-5.3-3.7-5.3-3.7s5.2-4,8.7-5.5c3.5-1.5,9.1-2.6,9.1-2.6s-0.9-1.5-2.1-2.6c-1.1-1.1-4.2-2.9-4.2-2.9
+	s5.6-1.9,8.3-2.5c2.7-0.6,8.2,0,8.2,0s-0.1-1.1-1.3-2.2c-1.2-1.1-2.7-2-2.7-2S33,25.4,37,24.4c4-1,10.8-0.6,10.8-0.6
+	S46.1,22.1,45,21c-1.1-1.1-2.7-2.3-2.7-2.3s5.4-0.4,9.1-0.4c3.7,0.1,9.5,1.1,9.5,1.1s-0.7-1-1.4-2.3c-0.8-1.3-1.5-2.6-1.5-2.6
+	s7.1,1.7,9.5,2.8c2.4,1,7.6,3.9,7.6,3.9s-0.1-1.8-1-3.5c-0.9-1.7-1.8-3-1.8-3s27.7,17.2,28.1,33.5c0.1,1.8-0.1,3.7-0.3,5.5
+	c-1.5-0.7-3.1-1.3-4.7-1.8c-2.3-6.3-4.3-9.9-6.4-12.6c-2.4-2.9-6.9-8-9.6-9.1c2.3,1.9,6.8,6.2,9.7,11.8c2.3,4.6,3,5.6,3.8,9.2
+	c-3.6-1.1-7.3-1.9-11-2.5c-0.7-0.1-1.4-0.2-2.1-0.3c-2-4.3-4.4-8.8-7.6-11.5c-3.7-3.2-8.3-6.7-11.1-7.5c2.6,1.5,8.7,6.8,11.8,10.9
+	c2.2,3,2.9,5.1,4,7.7c-5-0.6-9.9-0.9-14.9-1.1c-2-3.7-4.5-7.5-7.6-9.6c-3.4-2.4-7.6-5-10-5.5c2.3,1.1,7.9,5.1,10.8,8.3
+	c2.3,2.6,3,4.4,4.2,6.9c-11.1,0.4-22,1.7-32.8,3.6c9.4-0.8,18.9-1,28.3-0.6c-1.1,1.7-1.8,3-3.8,4.7c-2.6,2.2-7.5,4.5-9.5,4.9
+	c2,0.1,5.6-1.3,8.6-2.6c2.7-1.3,5.1-4.1,7.1-6.9c1.8,0.1,3.5,0.2,5.3,0.3c2.9,0.1,5.8,0.3,8.7,0.5c-1.4,3-2,5-4.6,8.1
+	c-3.1,3.6-9.1,8-11.6,9.2c2.7-0.4,7.2-3.3,10.8-5.9c3.3-2.4,6-6.8,8.1-11c2.7,0.3,5.4,0.6,8.1,1.1c2,0.3,3.9,0.7,5.9,1.2
+	c-1.9,4.1-2,4.6-5,8c-3.4,3.9-9.1,8.9-11.6,10.4c2.9-0.7,8.5-4.7,11.1-6.7c2.4-1.8,5.8-5.5,8.2-11.1c3,0.8,5.9,1.9,8.7,3.2
+	c-3.1,12.9-11.9,24.1-11.9,24.1s0.2-1.7-0.5-3.9c-0.8-2.2-1-2-1-2s-1.1,2.9-5,6.8c-3.9,3.9-8.9,5-8.9,5s0.7-1.1,0.8-2.4
+	c0.1-1.3-0.3-2-0.3-2s-2.6,1.9-5.3,3c-2.7,1.2-8.6,2.5-8.6,2.5s1.6-1.9,1.9-3c0.3-1-0.3-1.9-0.3-1.9s-3.9,1.5-7.5,1.5
+	c-3.6,0-7.7-1.5-7.7-1.5s1-0.5,1.7-1.8c0.8-1.3,0.2-1.9,0.2-1.9s-4.4,0.5-7.5,0.1C36.6,79.3,31.5,77.2,31.5,77.2z"/>
+</svg>

client/public/leaf-red.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="100px" viewBox="1 0 100 100" enable-background="new 1 0 100 100" xml:space="preserve">
+<path fill="#B22222" d="M31.5,77.2c0,0,2.6-1.9,3.4-2.8c0.8-0.9,2-2.5,2-2.5s-4.7-0.7-7.9-1.6c-3.2-0.9-9.7-3.7-9.7-3.7
+	s1.3-0.4,2.9-1.4c1.6-1.1,2-1.7,2-1.7s-4.7-1.3-7.5-2.4c-2.8-1-7.3-2.9-7.3-2.9s1.4-0.2,2.8-1.3c1.4-1.1,1.5-2.2,1.5-2.2
+	S9.4,53.3,7,51.9c-2.4-1.5-5.3-3.7-5.3-3.7s5.2-4,8.7-5.5c3.5-1.5,9.1-2.6,9.1-2.6s-0.9-1.5-2.1-2.6c-1.1-1.1-4.2-2.9-4.2-2.9
+	s5.6-1.9,8.3-2.5c2.7-0.6,8.2,0,8.2,0s-0.1-1.1-1.3-2.2c-1.2-1.1-2.7-2-2.7-2S33,25.4,37,24.4c4-1,10.8-0.6,10.8-0.6
+	S46.1,22.1,45,21c-1.1-1.1-2.7-2.3-2.7-2.3s5.4-0.4,9.1-0.4c3.7,0.1,9.5,1.1,9.5,1.1s-0.7-1-1.4-2.3c-0.8-1.3-1.5-2.6-1.5-2.6
+	s7.1,1.7,9.5,2.8c2.4,1,7.6,3.9,7.6,3.9s-0.1-1.8-1-3.5c-0.9-1.7-1.8-3-1.8-3s27.7,17.2,28.1,33.5c0.1,1.8-0.1,3.7-0.3,5.5
+	c-1.5-0.7-3.1-1.3-4.7-1.8c-2.3-6.3-4.3-9.9-6.4-12.6c-2.4-2.9-6.9-8-9.6-9.1c2.3,1.9,6.8,6.2,9.7,11.8c2.3,4.6,3,5.6,3.8,9.2
+	c-3.6-1.1-7.3-1.9-11-2.5c-0.7-0.1-1.4-0.2-2.1-0.3c-2-4.3-4.4-8.8-7.6-11.5c-3.7-3.2-8.3-6.7-11.1-7.5c2.6,1.5,8.7,6.8,11.8,10.9
+	c2.2,3,2.9,5.1,4,7.7c-5-0.6-9.9-0.9-14.9-1.1c-2-3.7-4.5-7.5-7.6-9.6c-3.4-2.4-7.6-5-10-5.5c2.3,1.1,7.9,5.1,10.8,8.3
+	c2.3,2.6,3,4.4,4.2,6.9c-11.1,0.4-22,1.7-32.8,3.6c9.4-0.8,18.9-1,28.3-0.6c-1.1,1.7-1.8,3-3.8,4.7c-2.6,2.2-7.5,4.5-9.5,4.9
+	c2,0.1,5.6-1.3,8.6-2.6c2.7-1.3,5.1-4.1,7.1-6.9c1.8,0.1,3.5,0.2,5.3,0.3c2.9,0.1,5.8,0.3,8.7,0.5c-1.4,3-2,5-4.6,8.1
+	c-3.1,3.6-9.1,8-11.6,9.2c2.7-0.4,7.2-3.3,10.8-5.9c3.3-2.4,6-6.8,8.1-11c2.7,0.3,5.4,0.6,8.1,1.1c2,0.3,3.9,0.7,5.9,1.2
+	c-1.9,4.1-2,4.6-5,8c-3.4,3.9-9.1,8.9-11.6,10.4c2.9-0.7,8.5-4.7,11.1-6.7c2.4-1.8,5.8-5.5,8.2-11.1c3,0.8,5.9,1.9,8.7,3.2
+	c-3.1,12.9-11.9,24.1-11.9,24.1s0.2-1.7-0.5-3.9c-0.8-2.2-1-2-1-2s-1.1,2.9-5,6.8c-3.9,3.9-8.9,5-8.9,5s0.7-1.1,0.8-2.4
+	c0.1-1.3-0.3-2-0.3-2s-2.6,1.9-5.3,3c-2.7,1.2-8.6,2.5-8.6,2.5s1.6-1.9,1.9-3c0.3-1-0.3-1.9-0.3-1.9s-3.9,1.5-7.5,1.5
+	c-3.6,0-7.7-1.5-7.7-1.5s1-0.5,1.7-1.8c0.8-1.3,0.2-1.9,0.2-1.9s-4.4,0.5-7.5,0.1C36.6,79.3,31.5,77.2,31.5,77.2z"/>
+</svg>

client/public/leaf-yellow.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="100px" viewBox="1 0 100 100" enable-background="new 1 0 100 100" xml:space="preserve">
+<path fill="#FFD700" d="M31.5,77.2c0,0,2.6-1.9,3.4-2.8c0.8-0.9,2-2.5,2-2.5s-4.7-0.7-7.9-1.6c-3.2-0.9-9.7-3.7-9.7-3.7
+	s1.3-0.4,2.9-1.4c1.6-1.1,2-1.7,2-1.7s-4.7-1.3-7.5-2.4c-2.8-1-7.3-2.9-7.3-2.9s1.4-0.2,2.8-1.3c1.4-1.1,1.5-2.2,1.5-2.2
+	S9.4,53.3,7,51.9c-2.4-1.5-5.3-3.7-5.3-3.7s5.2-4,8.7-5.5c3.5-1.5,9.1-2.6,9.1-2.6s-0.9-1.5-2.1-2.6c-1.1-1.1-4.2-2.9-4.2-2.9
+	s5.6-1.9,8.3-2.5c2.7-0.6,8.2,0,8.2,0s-0.1-1.1-1.3-2.2c-1.2-1.1-2.7-2-2.7-2S33,25.4,37,24.4c4-1,10.8-0.6,10.8-0.6
+	S46.1,22.1,45,21c-1.1-1.1-2.7-2.3-2.7-2.3s5.4-0.4,9.1-0.4c3.7,0.1,9.5,1.1,9.5,1.1s-0.7-1-1.4-2.3c-0.8-1.3-1.5-2.6-1.5-2.6
+	s7.1,1.7,9.5,2.8c2.4,1,7.6,3.9,7.6,3.9s-0.1-1.8-1-3.5c-0.9-1.7-1.8-3-1.8-3s27.7,17.2,28.1,33.5c0.1,1.8-0.1,3.7-0.3,5.5
+	c-1.5-0.7-3.1-1.3-4.7-1.8c-2.3-6.3-4.3-9.9-6.4-12.6c-2.4-2.9-6.9-8-9.6-9.1c2.3,1.9,6.8,6.2,9.7,11.8c2.3,4.6,3,5.6,3.8,9.2
+	c-3.6-1.1-7.3-1.9-11-2.5c-0.7-0.1-1.4-0.2-2.1-0.3c-2-4.3-4.4-8.8-7.6-11.5c-3.7-3.2-8.3-6.7-11.1-7.5c2.6,1.5,8.7,6.8,11.8,10.9
+	c2.2,3,2.9,5.1,4,7.7c-5-0.6-9.9-0.9-14.9-1.1c-2-3.7-4.5-7.5-7.6-9.6c-3.4-2.4-7.6-5-10-5.5c2.3,1.1,7.9,5.1,10.8,8.3
+	c2.3,2.6,3,4.4,4.2,6.9c-11.1,0.4-22,1.7-32.8,3.6c9.4-0.8,18.9-1,28.3-0.6c-1.1,1.7-1.8,3-3.8,4.7c-2.6,2.2-7.5,4.5-9.5,4.9
+	c2,0.1,5.6-1.3,8.6-2.6c2.7-1.3,5.1-4.1,7.1-6.9c1.8,0.1,3.5,0.2,5.3,0.3c2.9,0.1,5.8,0.3,8.7,0.5c-1.4,3-2,5-4.6,8.1
+	c-3.1,3.6-9.1,8-11.6,9.2c2.7-0.4,7.2-3.3,10.8-5.9c3.3-2.4,6-6.8,8.1-11c2.7,0.3,5.4,0.6,8.1,1.1c2,0.3,3.9,0.7,5.9,1.2
+	c-1.9,4.1-2,4.6-5,8c-3.4,3.9-9.1,8.9-11.6,10.4c2.9-0.7,8.5-4.7,11.1-6.7c2.4-1.8,5.8-5.5,8.2-11.1c3,0.8,5.9,1.9,8.7,3.2
+	c-3.1,12.9-11.9,24.1-11.9,24.1s0.2-1.7-0.5-3.9c-0.8-2.2-1-2-1-2s-1.1,2.9-5,6.8c-3.9,3.9-8.9,5-8.9,5s0.7-1.1,0.8-2.4
+	c0.1-1.3-0.3-2-0.3-2s-2.6,1.9-5.3,3c-2.7,1.2-8.6,2.5-8.6,2.5s1.6-1.9,1.9-3c0.3-1-0.3-1.9-0.3-1.9s-3.9,1.5-7.5,1.5
+	c-3.6,0-7.7-1.5-7.7-1.5s1-0.5,1.7-1.8c0.8-1.3,0.2-1.9,0.2-1.9s-4.4,0.5-7.5,0.1C36.6,79.3,31.5,77.2,31.5,77.2z"/>
+</svg>

client/public/leaf.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="100px" viewBox="1 0 100 100" enable-background="new 1 0 100 100" xml:space="preserve">
+<path fill="#471C37" d="M31.5,77.2c0,0,2.6-1.9,3.4-2.8c0.8-0.9,2-2.5,2-2.5s-4.7-0.7-7.9-1.6c-3.2-0.9-9.7-3.7-9.7-3.7
+	s1.3-0.4,2.9-1.4c1.6-1.1,2-1.7,2-1.7s-4.7-1.3-7.5-2.4c-2.8-1-7.3-2.9-7.3-2.9s1.4-0.2,2.8-1.3c1.4-1.1,1.5-2.2,1.5-2.2
+	S9.4,53.3,7,51.9c-2.4-1.5-5.3-3.7-5.3-3.7s5.2-4,8.7-5.5c3.5-1.5,9.1-2.6,9.1-2.6s-0.9-1.5-2.1-2.6c-1.1-1.1-4.2-2.9-4.2-2.9
+	s5.6-1.9,8.3-2.5c2.7-0.6,8.2,0,8.2,0s-0.1-1.1-1.3-2.2c-1.2-1.1-2.7-2-2.7-2S33,25.4,37,24.4c4-1,10.8-0.6,10.8-0.6
+	S46.1,22.1,45,21c-1.1-1.1-2.7-2.3-2.7-2.3s5.4-0.4,9.1-0.4c3.7,0.1,9.5,1.1,9.5,1.1s-0.7-1-1.4-2.3c-0.8-1.3-1.5-2.6-1.5-2.6
+	s7.1,1.7,9.5,2.8c2.4,1,7.6,3.9,7.6,3.9s-0.1-1.8-1-3.5c-0.9-1.7-1.8-3-1.8-3s27.7,17.2,28.1,33.5c0.1,1.8-0.1,3.7-0.3,5.5
+	c-1.5-0.7-3.1-1.3-4.7-1.8c-2.3-6.3-4.3-9.9-6.4-12.6c-2.4-2.9-6.9-8-9.6-9.1c2.3,1.9,6.8,6.2,9.7,11.8c2.3,4.6,3,5.6,3.8,9.2
+	c-3.6-1.1-7.3-1.9-11-2.5c-0.7-0.1-1.4-0.2-2.1-0.3c-2-4.3-4.4-8.8-7.6-11.5c-3.7-3.2-8.3-6.7-11.1-7.5c2.6,1.5,8.7,6.8,11.8,10.9
+	c2.2,3,2.9,5.1,4,7.7c-5-0.6-9.9-0.9-14.9-1.1c-2-3.7-4.5-7.5-7.6-9.6c-3.4-2.4-7.6-5-10-5.5c2.3,1.1,7.9,5.1,10.8,8.3
+	c2.3,2.6,3,4.4,4.2,6.9c-11.1,0.4-22,1.7-32.8,3.6c9.4-0.8,18.9-1,28.3-0.6c-1.1,1.7-1.8,3-3.8,4.7c-2.6,2.2-7.5,4.5-9.5,4.9
+	c2,0.1,5.6-1.3,8.6-2.6c2.7-1.3,5.1-4.1,7.1-6.9c1.8,0.1,3.5,0.2,5.3,0.3c2.9,0.1,5.8,0.3,8.7,0.5c-1.4,3-2,5-4.6,8.1
+	c-3.1,3.6-9.1,8-11.6,9.2c2.7-0.4,7.2-3.3,10.8-5.9c3.3-2.4,6-6.8,8.1-11c2.7,0.3,5.4,0.6,8.1,1.1c2,0.3,3.9,0.7,5.9,1.2
+	c-1.9,4.1-2,4.6-5,8c-3.4,3.9-9.1,8.9-11.6,10.4c2.9-0.7,8.5-4.7,11.1-6.7c2.4-1.8,5.8-5.5,8.2-11.1c3,0.8,5.9,1.9,8.7,3.2
+	c-3.1,12.9-11.9,24.1-11.9,24.1s0.2-1.7-0.5-3.9c-0.8-2.2-1-2-1-2s-1.1,2.9-5,6.8c-3.9,3.9-8.9,5-8.9,5s0.7-1.1,0.8-2.4
+	c0.1-1.3-0.3-2-0.3-2s-2.6,1.9-5.3,3c-2.7,1.2-8.6,2.5-8.6,2.5s1.6-1.9,1.9-3c0.3-1-0.3-1.9-0.3-1.9s-3.9,1.5-7.5,1.5
+	c-3.6,0-7.7-1.5-7.7-1.5s1-0.5,1.7-1.8c0.8-1.3,0.2-1.9,0.2-1.9s-4.4,0.5-7.5,0.1C36.6,79.3,31.5,77.2,31.5,77.2z"/>
+</svg>

client/src/App.scss

@@ -51,12 +51,28 @@
   font-size: 64px;
 }
 
+/* Sticky footer layout */
+html,
+body,
+#root {
+  height: 100%;
+  margin: 0;
+}
+
+.app-container {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
 .wrapper {
   padding: 20px;
+  flex: 1;
+  /* Zabere zbytek místa */
 }
 
 .title {
-  margin: 50px 30px;
+  margin: 50px 20px;
 }
 
 .food-tables {
@@ -123,4 +139,46 @@
   display: flex;
   align-items: center;
   font-size: xx-large;
+}
+
+@keyframes bounce-in {
+  0% {
+    left: var(--start-left);
+    right: var(--start-right);
+    top: var(--start-top);
+    bottom: var(--start-bottom);
+  }
+
+  25% {
+    left: var(--end-left);
+    right: var(--end-right);
+    top: var(--end-top);
+    bottom: var(--end-bottom);
+  }
+
+  50% {
+    left: var(--start-left);
+    right: var(--start-right);
+    top: var(--start-top);
+    bottom: var(--start-bottom);
+  }
+
+  75% {
+    left: var(--end-left);
+    right: var(--end-right);
+    top: var(--end-top);
+    bottom: var(--end-bottom);
+  }
+
+  100% {
+    left: var(--start-left);
+    right: var(--start-right);
+    top: var(--start-top);
+    bottom: var(--start-bottom);
+  }
+}
+
+// TODO zjistit, zda to nedokážeme lépe - tohle je kvůli overflow easter egg obrázků, ale skrývá to úplně scrollbar
+html {
+  overflow-x: hidden;
 }

client/src/App.tsx

@@ -1,60 +1,102 @@
 import React, { useContext, useEffect, useMemo, useRef, useState, useCallback } from 'react';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import { EVENT_DISCONNECT, EVENT_MESSAGE, SocketContext } from './context/socket';
-import { addPizza, createPizzaDay, deletePizzaDay, finishDelivery, finishOrder, lockPizzaDay, removePizza, unlockPizzaDay, updatePizzaDayNote } from './api/PizzaDayApi';
 import { useAuth } from './context/auth';
 import Login from './Login';
 import { Alert, Button, Col, Form, Row, Table } from 'react-bootstrap';
 import Header from './components/Header';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import PizzaOrderList from './components/PizzaOrderList';
-import SelectSearch, { SelectedOptionValue } from 'react-select-search';
+import SelectSearch, { SelectedOptionValue, SelectSearchOption } from 'react-select-search';
 import 'react-select-search/style.css';
-import './App.css';
-import { SelectSearchOption } from 'react-select-search';
-import { faCircleCheck, faTrashCan } from '@fortawesome/free-regular-svg-icons';
-import { useBank } from './context/bank';
-import { ClientData, Restaurants, Food, Order, Locations, PizzaOrder, PizzaDayState, FoodChoices, DayMenu, DepartureTime } from './types';
+import './App.scss';
+import { faCircleCheck, faNoteSticky, faTrashCan, faComment } from '@fortawesome/free-regular-svg-icons';
+import { useSettings } from './context/settings';
 import Footer from './components/Footer';
 import { faChainBroken, faChevronLeft, faChevronRight, faGear, faSatelliteDish, faSearch } from '@fortawesome/free-solid-svg-icons';
 import Loader from './components/Loader';
-import { getData, errorHandler, getQrUrl } from './api/Api';
-import { addChoice, removeChoices, removeChoice, changeDepartureTime, jdemeObed } from './api/FoodApi';
-import { getHumanDateTime } from './Utils';
+import { getDayOfWeekIndex, getHumanDate, getHumanDateTime, getIsWeekend, isInTheFuture } from './Utils';
+import NoteModal from './components/modals/NoteModal';
+import { useEasterEgg } from './context/eggs';
+import { ClientData, Food, PizzaOrder, DepartureTime, PizzaDayState, Restaurant, RestaurantDayMenu, RestaurantDayMenuMap, LunchChoice, UserLunchChoice, PizzaVariant, getData, getEasterEggImage, addPizza, removePizza, updatePizzaDayNote, createPizzaDay, deletePizzaDay, lockPizzaDay, unlockPizzaDay, finishOrder, finishDelivery, addChoice, jdemeObed, removeChoices, removeChoice, updateNote, changeDepartureTime } from '../../types';
+import { getLunchChoiceName } from './enums';
+import FallingLeaves, { LEAF_PRESETS, LEAF_COLOR_THEMES } from './FallingLeaves';
+import './FallingLeaves.scss';
 
 const EVENT_CONNECT = "connect"
 
+// Fixní styl pro všechny easter egg obrázky
+const EASTER_EGG_STYLE = {
+  zIndex: 1,
+  animationName: "bounce-in",
+  animationTimingFunction: "ease"
+}
+
+// Mapování čísel alergenů na jejich názvy
+const ALLERGENS: { [key: number]: string } = {
+  1: "Obiloviny obsahující lepek",
+  2: "Korýši a výrobky z nich",
+  3: "Vejce a výrobky z nich",
+  4: "Ryby a výrobky z nich",
+  5: "Arašidy a výrobky z nich",
+  6: "Sója a výrobky z nich",
+  7: "Mléko a výrobky z nich (včetně laktózy)",
+  8: "Skořápkové plody",
+  9: "Celer a výrobky z něj",
+  10: "Hořčice a výrobky z ní",
+  11: "Sezamová semena a výrobky z nich",
+  12: "Oxid siřičitý a siřičitany",
+  13: "Vlčí bob (Lupina) a výrobky z něj",
+  14: "Měkkýši a výrobky z nich"
+}
+
+const LINK_ALLERGENS = 'https://www.strava.cz/Strava/Napoveda/cz/Prilohy/alergeny.pdf';
+
+// Výchozí doba trvání animace v sekundách, pokud není přetíženo v konfiguračním JSONu
+const EASTER_EGG_DEFAULT_DURATION = 0.75;
+
 function App() {
   const auth = useAuth();
-  const bank = useBank();
+  const settings = useSettings();
+  const [easterEgg, _] = useEasterEgg(auth);
   const [isConnected, setIsConnected] = useState<boolean>(false);
   const [data, setData] = useState<ClientData>();
-  const [food, setFood] = useState<{ [key in Restaurants]?: DayMenu }>();
-  const [myOrder, setMyOrder] = useState<Order>();
+  const [food, setFood] = useState<RestaurantDayMenuMap>();
+  const [myOrder, setMyOrder] = useState<PizzaOrder>();
   const [foodChoiceList, setFoodChoiceList] = useState<Food[]>();
   const [closed, setClosed] = useState<boolean>(false);
   const socket = useContext(SocketContext);
   const choiceRef = useRef<HTMLSelectElement>(null);
   const foodChoiceRef = useRef<HTMLSelectElement>(null);
   const departureChoiceRef = useRef<HTMLSelectElement>(null);
-  const poznamkaRef = useRef<HTMLInputElement>(null);
+  const pizzaPoznamkaRef = useRef<HTMLInputElement>(null);
   const [failure, setFailure] = useState<boolean>(false);
-  const [dayIndex, setDayIndex] = useState<number>();
+  const [dayIndex, setDayIndex] = useState<number>(); // Index zobrazovaného dne
+  // TODO berka zde je nutné dořešit mocking pro testování
+  const [todayDayIndex, setTodayDayIndex] = useState<number>(getDayOfWeekIndex(new Date())); // Index dnešního dne
+  const [isTodayWeekend, setIsTodayWeekend] = useState<boolean>(getIsWeekend(new Date()));
   const [loadingPizzaDay, setLoadingPizzaDay] = useState<boolean>(false);
+  const [noteModalOpen, setNoteModalOpen] = useState<boolean>(false);
+  const [eggImage, setEggImage] = useState<Blob>();
+  const eggRef = useRef<HTMLImageElement>(null);
   // Prazvláštní workaround, aby socket.io listener viděl aktuální hodnotu
   // https://medium.com/@kishorkrishna/cant-access-latest-state-inside-socket-io-listener-heres-how-to-fix-it-1522a5abebdb
   const dayIndexRef = useRef<number | undefined>(dayIndex);
 
   // Načtení dat po přihlášení
   useEffect(() => {
-    if (!auth || !auth.login) {
+    if (!auth?.login) {
       return
     }
-    getData().then((data: ClientData) => {
-      setData(data);
-      setDayIndex(data.weekIndex);
-      dayIndexRef.current = data.weekIndex;
-      setFood(data.menus);
+    getData().then(response => {
+      const data = response.data
+      if (data) {
+        setData(data);
+        const dayIndex = getDayOfWeekIndex(new Date(data.date));
+        setDayIndex(dayIndex);
+        dayIndexRef.current = dayIndex;
+        setFood(data.menus);
+      }
     }).catch(e => {
       setFailure(true);
     })
@@ -62,12 +104,17 @@ function App() {
 
   // Přenačtení pro zvolený den
   useEffect(() => {
-    if (!auth || !auth.login) {
+    if (!auth?.login) {
       return
     }
-    getData(dayIndex).then((data: ClientData) => {
+    setTodayDayIndex(getDayOfWeekIndex(new Date()));
+    setIsTodayWeekend(getIsWeekend(new Date()));
+    getData({ query: { dayIndex: dayIndex } }).then(response => {
+      const data = response.data;
       setData(data);
-      setFood(data.menus);
+      if (data) {
+        setFood(data.menus);
+      }
     }).catch(e => {
       setFailure(true);
     })
@@ -76,17 +123,15 @@ function App() {
   // Registrace socket eventů
   useEffect(() => {
     socket.on(EVENT_CONNECT, () => {
-      // console.log("Connected!");
       setIsConnected(true);
     });
     socket.on(EVENT_DISCONNECT, () => {
-      // console.log("Disconnected!");
       setIsConnected(false);
     });
     socket.on(EVENT_MESSAGE, (newData: ClientData) => {
       // console.log("Přijata nová data ze socketu", newData);
       // Aktualizujeme pouze, pokud jsme dostali data pro den, který máme aktuálně zobrazený
-      if (dayIndexRef.current == null || newData.weekIndex === dayIndexRef.current) {
+      if (dayIndexRef.current == null || getDayOfWeekIndex(new Date(newData.date)) === dayIndexRef.current) {
         setData(newData);
       }
     });
@@ -99,7 +144,7 @@ function App() {
   }, [socket]);
 
   useEffect(() => {
-    if (!auth || !auth.login) {
+    if (!auth?.login) {
       return
     }
     // TODO tohle občas náhodně nezafunguje, nutno přepsat, viz https://medium.com/@teh_builder/ref-objects-inside-useeffect-hooks-eb7c15198780
@@ -124,13 +169,10 @@ function App() {
 
   useEffect(() => {
     if (choiceRef?.current?.value && choiceRef.current.value !== "") {
-      // TODO: wtf, cos pil, když jsi tohle psal?
-      const key = choiceRef?.current?.value;
-      const locationIndex = Object.keys(Locations).indexOf(key as unknown as Locations);
-      const locationsKey = Object.keys(Locations)[locationIndex];
-      const restaurantKey = Object.keys(Restaurants).indexOf(locationsKey);
+      const locationKey = choiceRef.current.value as LunchChoice;
+      const restaurantKey = Object.keys(Restaurant).indexOf(locationKey);
       if (restaurantKey > -1 && food) {
-        const restaurant = Object.values(Restaurants)[restaurantKey];
+        const restaurant = Object.keys(Restaurant)[restaurantKey] as Restaurant;
         setFoodChoiceList(food[restaurant]?.food);
         setClosed(food[restaurant]?.closed ?? false);
       } else {
@@ -159,13 +201,39 @@ function App() {
     }
   }, [handleKeyDown]);
 
+  // Stažení a nastavení easter egg obrázku
+  useEffect(() => {
+    if (auth?.login && easterEgg?.url && !eggImage) {
+      getEasterEggImage({ path: { url: easterEgg.url } }).then(response => {
+        if (response.data) {
+          setEggImage(response.data);
+          // Smazání obrázku z DOMu po animaci
+          setTimeout(() => {
+            if (eggRef?.current) {
+              eggRef.current.remove();
+            }
+          }, (easterEgg.duration || EASTER_EGG_DEFAULT_DURATION) * 1000);
+        }
+      });
+    }
+  }, [auth?.login, easterEgg?.duration, easterEgg?.url, eggImage]);
+
+  const doAddClickFoodChoice = async (location: LunchChoice, foodIndex?: number) => {
+    if (document.getSelection()?.type !== 'Range') { // pouze pokud se nejedná o výběr textu
+      if (auth?.login) {
+        await addChoice({ body: { locationKey: location, foodIndex, dayIndex } });
+      }
+    }
+  }
+
   const doAddChoice = async (event: React.ChangeEvent<HTMLSelectElement>) => {
-    const index = Object.keys(Locations).indexOf(event.target.value as unknown as Locations);
+    const locationKey = event.target.value as LunchChoice;
     if (auth?.login) {
-      await errorHandler(() => addChoice(index, undefined, dayIndex));
+      await addChoice({ body: { locationKey, dayIndex } });
       if (foodChoiceRef.current?.value) {
         foodChoiceRef.current.value = "";
       }
+      choiceRef.current?.blur();
     }
   }
 
@@ -177,17 +245,16 @@ function App() {
 
   const doAddFoodChoice = async (event: React.ChangeEvent<HTMLSelectElement>) => {
     if (event.target.value && foodChoiceList?.length && choiceRef.current?.value) {
-      const restaurantKey = choiceRef.current.value;
+      const locationKey = choiceRef.current.value as LunchChoice;
       if (auth?.login) {
-        const locationIndex = Object.keys(Locations).indexOf(restaurantKey as unknown as Locations);
-        await errorHandler(() => addChoice(locationIndex, Number(event.target.value), dayIndex));
+        await addChoice({ body: { locationKey, foodIndex: Number(event.target.value), dayIndex } });
       }
     }
   }
 
-  const doRemoveChoices = async (locationKey: string) => {
+  const doRemoveChoices = async (locationKey: LunchChoice) => {
     if (auth?.login) {
-      await errorHandler(() => removeChoices(Number(locationKey), dayIndex));
+      await removeChoices({ body: { locationKey, dayIndex } });
       // Vyresetujeme výběr, aby bylo jasné pro který případně vybíráme jídlo
       if (choiceRef?.current?.value) {
         choiceRef.current.value = "";
@@ -198,9 +265,9 @@ function App() {
     }
   }
 
-  const doRemoveFoodChoice = async (locationKey: string, foodIndex: number) => {
+  const doRemoveFoodChoice = async (locationKey: LunchChoice, foodIndex: number) => {
     if (auth?.login) {
-      await errorHandler(() => removeChoice(Number(locationKey), foodIndex, dayIndex));
+      await removeChoice({ body: { locationKey, foodIndex, dayIndex } });
       if (choiceRef?.current?.value) {
         choiceRef.current.value = "";
       }
@@ -210,6 +277,19 @@ function App() {
     }
   }
 
+  const saveNote = async (note?: string) => {
+    if (auth?.login) {
+      await updateNote({ body: { note, dayIndex } });
+      setNoteModalOpen(false);
+    }
+  }
+
+  const copyNote = async (note: string) => {
+    if (auth?.login && note) {
+      await updateNote({ body: { note, dayIndex } });
+    }
+  }
+
   const pizzaSuggestions = useMemo(() => {
     if (!data?.pizzaList) {
       return [];
@@ -229,26 +309,26 @@ function App() {
 
   const handlePizzaChange = async (value: SelectedOptionValue | SelectedOptionValue[]) => {
     if (auth?.login && data?.pizzaList) {
-      if (!(typeof value === 'string')) {
+      if (typeof value !== 'string') {
         throw Error('Nepodporovaný typ hodnoty');
       }
       const s = value.split('|');
       const pizzaIndex = Number.parseInt(s[0]);
       const pizzaSizeIndex = Number.parseInt(s[1]);
-      await addPizza(pizzaIndex, pizzaSizeIndex);
+      await addPizza({ body: { pizzaIndex, pizzaSizeIndex } });
     }
   }
 
-  const handlePizzaDelete = async (pizzaOrder: PizzaOrder) => {
-    await removePizza(pizzaOrder);
+  const handlePizzaDelete = async (pizzaOrder: PizzaVariant) => {
+    await removePizza({ body: { pizzaOrder } });
   }
 
-  const handlePoznamkaChange = async () => {
-    if (poznamkaRef.current?.value && poznamkaRef.current.value.length > 100) {
-      alert("Poznámka může mít maximálně 100 znaků");
+  const handlePizzaPoznamkaChange = async () => {
+    if (pizzaPoznamkaRef.current?.value && pizzaPoznamkaRef.current.value.length > 70) {
+      alert("Poznámka může mít maximálně 70 znaků");
       return;
     }
-    updatePizzaDayNote(poznamkaRef.current?.value);
+    updatePizzaDayNote({ body: { note: pizzaPoznamkaRef.current?.value } });
   }
 
   // const addToCart = async () => {
@@ -277,7 +357,7 @@ function App() {
 
   const handleChangeDepartureTime = async (event: React.ChangeEvent<HTMLSelectElement>) => {
     if (foodChoiceList?.length && choiceRef.current?.value) {
-      await changeDepartureTime(event.target.value, dayIndex);
+      await changeDepartureTime({ body: { time: event.target.value as DepartureTime, dayIndex } });
     }
   }
 
@@ -295,17 +375,32 @@ function App() {
     }
   }
 
-  const renderFoodTable = (name: string, menu: DayMenu) => {
+  const renderFoodTable = (location: Restaurant, menu: RestaurantDayMenu) => {
     let content;
     if (menu?.closed) {
       content = <h3>Zavřeno</h3>
-    } else if (menu?.food?.length > 0) {
+    } else if (menu?.food?.length && menu.food.length > 0) {
+      const hideSoups = settings?.hideSoups;
       content = <Table striped bordered hover>
-        <tbody>
-          {menu.food.map((f: any, index: number) =>
-            <tr key={index}>
+        <tbody style={{ cursor: 'pointer' }}>
+          {menu.food.map((f: Food, index: number) =>
+            (!hideSoups || !f.isSoup) &&
+            <tr key={f.name} onClick={() => doAddClickFoodChoice(location, index)}>
               <td>{f.amount}</td>
-              <td>{f.name}</td>
+              <td>
+                {f.name}
+                {f.allergens && f.allergens.length > 0 && (
+                  <> ({f.allergens.map((a, idx) => (
+                    <span key={a}>
+                      <span title={ALLERGENS[a]} style={{ cursor: 'help', textDecoration: 'underline' }} onClick={e => {
+                        e.stopPropagation();
+                        window.open(LINK_ALLERGENS, '_blank');
+                      }}>{a}</span>
+                      {idx < f.allergens!.length - 1 && ','}
+                    </span>
+                  ))})</>
+                )}
+              </td>
               <td>{f.price}</td>
             </tr>
           )}
@@ -314,14 +409,14 @@ function App() {
     } else {
       content = <h3>Chyba načtení dat</h3>
     }
-    return <Col md={12} lg={4}>
-      <h3>{name}</h3>
+    return <Col md={12} lg={3} className='mt-3'>
+      <h3 style={{ cursor: 'pointer' }} onClick={() => doAddClickFoodChoice(location)}>{getLunchChoiceName(location)}</h3>
       {menu?.lastUpdate && <small>Poslední aktualizace: {getHumanDateTime(new Date(menu.lastUpdate))}</small>}
       {content}
     </Col>
   }
 
-  if (!auth || !auth.login) {
+  if (!auth?.login) {
     return <Login />;
   }
 
@@ -350,105 +445,138 @@ function App() {
   }
 
   const noOrders = data?.pizzaDay?.orders?.length === 0;
-  const canChangeChoice = dayIndex == null || data.todayWeekIndex == null || dayIndex >= data.todayWeekIndex;
+  const canChangeChoice = dayIndex == null || dayIndex >= todayDayIndex;
+
+  const { path, url, startOffset, endOffset, duration, ...style } = easterEgg || {};
 
   return (
-    <>
+    <div className="app-container">
+      {easterEgg && eggImage && <img ref={eggRef} alt='' src={URL.createObjectURL(eggImage)} style={{ position: 'absolute', ...EASTER_EGG_STYLE, ...style, animationDuration: `${duration ?? EASTER_EGG_DEFAULT_DURATION}s` }} />}
       <Header />
       <div className='wrapper'>
-        {data.isWeekend ? <h4>Užívejte víkend :)</h4> : <>
+        {isTodayWeekend ? <h4>Užívejte víkend :)</h4> : <>
           <Alert variant={'primary'}>
+            {/* <img alt="" src='hat.png' style={{ position: "absolute", width: "70px", rotate: "-45deg", left: -40, top: -58 }} />
+            <img alt="" src='snowman.png' style={{ position: "absolute", height: "110px", right: 10, top: 5 }} /> */}
             Poslední změny:
             <ul>
-              <li>Tolerance existence menu na více týdnů pro restauraci U Motlíků</li>
+              <li>Zobrazení alergenu při najetí myší a proklik na seznam alergenů</li>
+              <li>Přesun přenačtení menu do samostatného dialogu</li>
+              <li>Podzimní atmosféra</li>
             </ul>
           </Alert>
           {dayIndex != null &&
             <div className='day-navigator'>
-              {dayIndex > 0 && <FontAwesomeIcon title="Předchozí den" icon={faChevronLeft} style={{ cursor: "pointer" }} onClick={() => handleDayChange(dayIndex - 1)} />}
-              <h1 className='title' style={{ color: dayIndex === data.todayWeekIndex ? 'black' : 'gray' }}>{data.date}</h1>
-              {dayIndex < 4 && <FontAwesomeIcon title="Následující den" icon={faChevronRight} style={{ cursor: "pointer" }} onClick={() => handleDayChange(dayIndex + 1)} />}
+              <span title='Předchozí den'>
+                <FontAwesomeIcon icon={faChevronLeft} style={{ cursor: "pointer", visibility: dayIndex > 0 ? "initial" : "hidden" }} onClick={() => handleDayChange(dayIndex - 1)} />
+              </span>
+              <h1 className='title' style={{ color: dayIndex === todayDayIndex ? 'black' : 'gray' }}>{getHumanDate(new Date(data.date))}</h1>
+              <span title="Následující den">
+                <FontAwesomeIcon icon={faChevronRight} style={{ cursor: "pointer", visibility: dayIndex < 4 ? "initial" : "hidden" }} onClick={() => handleDayChange(dayIndex + 1)} />
+              </span>
             </div>
           }
           <Row className='food-tables'>
-            {food[Restaurants.SLADOVNICKA] && renderFoodTable('Sladovnická', food[Restaurants.SLADOVNICKA])}
-            {food[Restaurants.UMOTLIKU] && renderFoodTable('U Motlíků', food[Restaurants.UMOTLIKU])}
-            {food[Restaurants.TECHTOWER] && renderFoodTable('TechTower', food[Restaurants.TECHTOWER])}
+            {/* TODO zjednodušit, stačí iterovat klíče typu Restaurant */}
+            {food['SLADOVNICKA'] && renderFoodTable('SLADOVNICKA', food['SLADOVNICKA'])}
+            {food['TECHTOWER'] && renderFoodTable('TECHTOWER', food['TECHTOWER'])}
+            {food['ZASTAVKAUMICHALA'] && renderFoodTable('ZASTAVKAUMICHALA', food['ZASTAVKAUMICHALA'])}
+            {food['SENKSERIKOVA'] && renderFoodTable('SENKSERIKOVA', food['SENKSERIKOVA'])}
           </Row>
           <div className='content-wrapper'>
             <div className='content'>
               {canChangeChoice && <>
-                <p>{`Jak to ${dayIndex == null || dayIndex === data.todayWeekIndex ? 'dnes' : 'tento den'} vidíš s obědem?`}</p>
+                <p>{`Jak to ${dayIndex == null || dayIndex === todayDayIndex ? 'dnes' : 'tento den'} vidíš s obědem?`}</p>
                 <Form.Select ref={choiceRef} onChange={doAddChoice}>
                   <option></option>
-                  {Object.entries(Locations)
+                  {Object.entries(LunchChoice)
                     .filter(entry => {
-                      // TODO: wtf, cos pil, když jsi tohle psal? v2
-                      const key = entry[0];
-                      const locationIndex = Object.keys(Locations).indexOf(key as unknown as Locations);
-                      const locationsKey = Object.keys(Locations)[locationIndex];
-                      const restaurantKey = Object.keys(Restaurants).indexOf(locationsKey);
-                      const v = Object.values(Restaurants)[restaurantKey];
-                      return v == null || !food[v]?.closed;
+                      const locationKey = entry[0] as Restaurant;
+                      return !food[locationKey]?.closed;
                     })
-                    .map(entry => <option key={entry[0]} value={entry[0]}>{entry[1]}</option>)}
+                    .map(entry => <option key={entry[0]} value={entry[0]}>{getLunchChoiceName(entry[1])}</option>)}
                 </Form.Select>
                 <small>Je možné vybrat jen jednu možnost. Výběr jiné odstraní předchozí.</small>
                 {foodChoiceList && !closed && <>
                   <p style={{ marginTop: "10px" }}>Na co dobrého? <small>(nepovinné)</small></p>
                   <Form.Select ref={foodChoiceRef} onChange={doAddFoodChoice}>
                     <option></option>
-                    {foodChoiceList.map((food, index) => <option key={index} value={index}>{food.name}</option>)}
+                    {foodChoiceList.map((food, index) => <option key={food.name} value={index}>{food.name}</option>)}
                   </Form.Select>
                 </>}
                 {foodChoiceList && !closed && <>
                   <p style={{ marginTop: "10px" }}>V kolik hodin preferuješ odchod?</p>
                   <Form.Select ref={departureChoiceRef} onChange={handleChangeDepartureTime}>
                     <option></option>
-                    {Object.values(DepartureTime).map(time => <option key={time} value={time}>{time}</option>)}
+                    {Object.values(DepartureTime)
+                      .filter(time => isInTheFuture(time))
+                      .map(time => <option key={time} value={time}>{time}</option>)}
                   </Form.Select>
                 </>}
               </>}
               {Object.keys(data.choices).length > 0 ?
                 <Table bordered className='mt-5'>
                   <tbody>
-                    {Object.keys(data.choices).map((locationKey: string) => {
-                      const locationName = Object.values(Locations)[Number(locationKey)];
-                      const locationLoginList = Object.entries(data.choices[Number(locationKey)]);
+                    {Object.keys(data.choices).map(key => {
+                      const locationKey = key as LunchChoice;
+                      const locationName = getLunchChoiceName(locationKey);
+                      const loginObject = data.choices[locationKey];
+                      if (!loginObject) {
+                        return;
+                      }
+                      const locationLoginList = Object.entries(loginObject);
+                      const locationPickCount = locationLoginList.length
                       return (
-                        <tr key={locationKey}>
-                          <td>{locationName}</td>
+                        <tr key={key}>
+                          {(locationPickCount ?? 0) > 1 ? (
+                            <td>{locationName} ({locationPickCount})</td>
+                          ) : (
+                            <td>{locationName}</td>)}
                           <td className='p-0'>
                             <Table>
                               <tbody>
-                                {locationLoginList.map((entry: [string, FoodChoices], index) => {
+                                {locationLoginList.map((entry: [string, UserLunchChoice], index) => {
                                   const login = entry[0];
                                   const userPayload = entry[1];
-                                  const userChoices = userPayload?.options;
+                                  const userChoices = userPayload?.selectedFoods;
                                   const trusted = userPayload?.trusted || false;
-                                  return <tr key={index}>
-                                    <td className='text-nowrap'>
-                                      {trusted && <span className='trusted-icon'>
-                                        <FontAwesomeIcon title='Uživatel ověřený doménovým přihlášením' icon={faCircleCheck} style={{ cursor: "help" }} />
+                                  return <tr key={entry[0]}>
+                                    <td>
+                                      {trusted && <span className='trusted-icon' title='Uživatel ověřený doménovým přihlášením'>
+                                        <FontAwesomeIcon icon={faCircleCheck} style={{ cursor: "help" }} />
                                       </span>}
                                       {login}
                                       {userPayload.departureTime && <small> ({userPayload.departureTime})</small>}
-                                      {login === auth.login && canChangeChoice && <FontAwesomeIcon onClick={() => {
-                                        doRemoveChoices(locationKey);
-                                      }} title={`Odstranit volbu ${locationName}, včetně případných zvolených jídel`} className='action-icon' icon={faTrashCan} />}
+                                      {userPayload.note && <span style={{ fontSize: 'small' }}> ({userPayload.note})</span>}
+                                      {login !== auth.login && canChangeChoice && userPayload?.note?.length && <span title='Převzít poznámku'>
+                                        <FontAwesomeIcon onClick={() => {
+                                        copyNote(userPayload.note!);
+                                      }} className='action-icon' icon={faComment} />
+                                      </span>}
+                                      {login === auth.login && canChangeChoice && <span title='Upravit poznámku'>
+                                        <FontAwesomeIcon onClick={() => {
+                                        setNoteModalOpen(true);
+                                      }} className='action-icon' icon={faNoteSticky} />
+                                      </span>}
+                                      {login === auth.login && canChangeChoice && <span title={`Odstranit volbu ${locationName}, včetně případných zvolených jídel`}>
+                                        <FontAwesomeIcon onClick={() => {
+                                        doRemoveChoices(key as LunchChoice);
+                                      }} className='action-icon' icon={faTrashCan} />
+                                      </span>}
                                     </td>
-                                    {userChoices?.length && food ? <td className='w-100'>
+                                    {userChoices?.length && food ? <td>
                                       <ul>
                                         {userChoices?.map(foodIndex => {
-                                          const locationsKey = Object.keys(Locations)[Number(locationKey)]
-                                          const restaurantKey = Object.keys(Restaurants).indexOf(locationsKey);
-                                          const restaurant = Object.values(Restaurants)[restaurantKey];
-                                          const foodName = food[restaurant]?.food[foodIndex].name;
+                                          const restaurantKey = key as Restaurant;
+                                          const foodName = food[restaurantKey]?.food?.[foodIndex].name;
                                           return <li key={foodIndex}>
                                             {foodName}
-                                            {login === auth.login && canChangeChoice && <FontAwesomeIcon onClick={() => {
-                                              doRemoveFoodChoice(locationKey, foodIndex);
-                                            }} title={`Odstranit ${foodName}`} className='action-icon' icon={faTrashCan} />}
+                                            {login === auth.login && canChangeChoice &&
+                                            <span title={`Odstranit ${foodName}`}>
+                                              <FontAwesomeIcon onClick={() => {
+                                              doRemoveFoodChoice(restaurantKey, foodIndex);
+                                            }} className='action-icon' icon={faTrashCan} />
+                                            </span>}
                                           </li>
                                         })}
                                       </ul>
@@ -467,7 +595,7 @@ function App() {
                 : <div className='mt-5'><i>Zatím nikdo nehlasoval...</i></div>
               }
             </div>
-            {dayIndex === data.todayWeekIndex &&
+            {dayIndex === todayDayIndex &&
               <div className='mt-5'>
                 {!data.pizzaDay &&
                   <div style={{ textAlign: 'center' }}>
@@ -520,9 +648,6 @@ function App() {
                               <Button className='danger mb-3' title="Umožní znovu editovat objednávky." onClick={async () => {
                                 await unlockPizzaDay();
                               }}>Odemknout</Button>
-                              {/* <Button className='danger mb-3' style={{ marginLeft: '20px' }} onClick={async () => {
-                          await addToCart();
-                        }}>Přidat vše do košíku</Button> */}
                               <Button className='danger mb-3' style={{ marginLeft: '20px' }} title={noOrders ? "Nelze objednat - neexistuje žádná objednávka" : "Použij po objednání. Objednávky zůstanou zamčeny."} disabled={noOrders} onClick={async () => {
                                 await finishOrder();
                               }}>Objednáno</Button>
@@ -540,7 +665,7 @@ function App() {
                                 await lockPizzaDay();
                               }}>Vrátit do "uzamčeno"</Button>
                               <Button className='danger mb-3' style={{ marginLeft: '20px' }} title="Nastaví stav na 'Doručeno' - koncový stav." onClick={async () => {
-                                await finishDelivery(bank?.bankAccount, bank?.holderName);
+                                await finishDelivery({ body: { bankAccount: settings?.bankAccount, bankAccountHolder: settings?.holderName } });
                               }}>Doručeno</Button>
                             </div>
                           }
@@ -560,37 +685,45 @@ function App() {
                           options={pizzaSuggestions}
                           placeholder='Vyhledat pizzu...'
                           onChange={handlePizzaChange}
+                          onBlur={_ => { }}
+                          onFocus={_ => { }}
                         />
-                        Poznámka: <input ref={poznamkaRef} className='mt-3' type="text" onKeyDown={event => {
+                        Poznámka: <input ref={pizzaPoznamkaRef} className='mt-3' type="text" onKeyDown={event => {
                           if (event.key === 'Enter') {
-                            handlePoznamkaChange();
+                            handlePizzaPoznamkaChange();
                           }
+                          event.stopPropagation();
                         }} />
                         <Button
                           style={{ marginLeft: '20px' }}
                           disabled={!myOrder?.pizzaList?.length}
-                          onClick={handlePoznamkaChange}>
+                          onClick={handlePizzaPoznamkaChange}>
                           Uložit
                         </Button>
                       </div>
                     }
-                    <PizzaOrderList state={data.pizzaDay.state} orders={data.pizzaDay.orders} onDelete={handlePizzaDelete} creator={data.pizzaDay.creator} />
+                    <PizzaOrderList state={data.pizzaDay.state!} orders={data.pizzaDay.orders!} onDelete={handlePizzaDelete} creator={data.pizzaDay.creator!} />
                     {
-                      data.pizzaDay.state === PizzaDayState.DELIVERED && myOrder?.hasQr &&
-                      <div className='qr-code'>
-                        <h3>QR platba</h3>
-                        <img src={getQrUrl(auth.login)} alt='QR kód' />
-                      </div>
+                      data.pizzaDay.state === PizzaDayState.DELIVERED && myOrder?.hasQr ?
+                        <div className='qr-code'>
+                          <h3>QR platba</h3>
+                          <img src={`/api/qr?login=${auth.login}`} alt='QR kód' />
+                        </div> : null
                     }
                   </div>
                 }
               </div>
             }
           </div>
-        </>}
+        </> || "Jejda, něco se nám nepovedlo :("}
       </div>
+      <FallingLeaves
+        numLeaves={LEAF_PRESETS.NORMAL}
+        leafVariants={LEAF_COLOR_THEMES.AUTUMN}
+      />
       <Footer />
-    </>
+      <NoteModal isOpen={noteModalOpen} onClose={() => setNoteModalOpen(false)} onSave={saveNote} />
+    </div>
   );
 }
 

client/src/AppRoutes.tsx

@@ -0,0 +1,33 @@
+import { Routes, Route } from "react-router-dom";
+import { ProvideSettings } from "./context/settings";
+// import Snowfall from "react-snowfall";
+import { ToastContainer } from "react-toastify";
+import { SocketContext, socket } from "./context/socket";
+import StatsPage from "./pages/StatsPage";
+import App from "./App";
+
+export const STATS_URL = '/stats';
+
+export default function AppRoutes() {
+    return (
+        <Routes>
+            <Route path={STATS_URL} element={<StatsPage />} />
+            <Route path="/" element={
+                <ProvideSettings>
+                    <SocketContext.Provider value={socket}>
+                        <>
+                            {/* <Snowfall style={{
+                                zIndex: 2,
+                                position: 'fixed',
+                                width: '100vw',
+                                height: '100vh'
+                            }} /> */}
+                            <App />
+                        </>
+                        <ToastContainer />
+                    </SocketContext.Provider>
+                </ProvideSettings>
+            } />
+        </Routes>
+    );
+}

client/src/FallingLeaves.scss

@@ -0,0 +1,31 @@
+.falling-leaves {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  pointer-events: none;
+  z-index: 0;
+  overflow: hidden;
+}
+
+.leaf-scene {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  transform-style: preserve-3d;
+
+  div {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 20px;
+    height: 20px;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    transform-style: preserve-3d;
+    backface-visibility: visible;
+  }
+}

client/src/FallingLeaves.tsx

@@ -0,0 +1,317 @@
+import React, { useEffect, useRef, useCallback } from 'react';
+
+// Různé barevné varianty listů
+const LEAF_VARIANTS = [
+    'leaf.svg',        // Původní tmavě hnědá
+    'leaf-orange.svg', // Oranžová
+    'leaf-yellow.svg', // Žlutá
+    'leaf-red.svg',    // Červená
+    'leaf-brown.svg',  // Světle hnědá
+    'leaf-green.svg',  // Zelená
+] as const;
+
+interface LeafData {
+    el: HTMLDivElement;
+    x: number;
+    y: number;
+    z: number;
+    rotation: {
+        axis: 'X' | 'Y' | 'Z';
+        value: number;
+        speed: number;
+        x: number;
+    };
+    xSpeedVariation: number;
+    ySpeed: number;
+    path: {
+        type: number;
+        start: number;
+    };
+    image: number;
+}
+
+interface WindOptions {
+    magnitude: number;
+    maxSpeed: number;
+    duration: number;
+    start: number;
+    speed: (t: number, y: number) => number;
+}
+
+interface LeafSceneOptions {
+    numLeaves: number;
+    wind: WindOptions;
+}
+
+interface FallingLeavesProps {
+    /** Počet padających listů (výchozí: 20) */
+    numLeaves?: number;
+    /** CSS třída pro kontejner (výchozí: 'falling-leaves') */
+    className?: string;
+    /** Barevné varianty listů k použití (výchozí: všechny) */
+    leafVariants?: readonly string[];
+}
+
+class LeafScene {
+    private viewport: HTMLElement;
+    private world: HTMLDivElement;
+    private leaves: LeafData[] = [];
+    private options: LeafSceneOptions;
+    private width: number;
+    private height: number;
+    private timer: number = 0;
+    private animationId: number | null = null;
+    private leafVariants: readonly string[];
+
+    constructor(el: HTMLElement, numLeaves: number = 20, leafVariants: readonly string[] = LEAF_VARIANTS) {
+        this.viewport = el;
+        this.world = document.createElement('div');
+        this.leafVariants = leafVariants;
+
+        this.options = {
+            numLeaves,
+            wind: {
+                magnitude: 1.2,
+                maxSpeed: 12,
+                duration: 300,
+                start: 0,
+                speed: () => 0
+            },
+        };
+
+        this.width = this.viewport.offsetWidth;
+        this.height = this.viewport.offsetHeight;
+    }
+
+    private resetLeaf = (leaf: LeafData): LeafData => {
+        // place leaf towards the top left
+        leaf.x = this.width * 2 - Math.random() * this.width * 1.75;
+        leaf.y = -10;
+        leaf.z = Math.random() * 200;
+
+        if (leaf.x > this.width) {
+            leaf.x = this.width + 10;
+            leaf.y = Math.random() * this.height / 2;
+        }
+
+        // at the start, the leaf can be anywhere
+        if (this.timer === 0) {
+            leaf.y = Math.random() * this.height;
+        }
+
+        // Choose axis of rotation.
+        // If axis is not X, chose a random static x-rotation for greater variability
+        leaf.rotation.speed = Math.random() * 10;
+        const randomAxis = Math.random();
+
+        if (randomAxis > 0.5) {
+            leaf.rotation.axis = 'X';
+        } else if (randomAxis > 0.25) {
+            leaf.rotation.axis = 'Y';
+            leaf.rotation.x = Math.random() * 180 + 90;
+        } else {
+            leaf.rotation.axis = 'Z';
+            leaf.rotation.x = Math.random() * 360 - 180;
+            // looks weird if the rotation is too fast around this axis
+            leaf.rotation.speed = Math.random() * 3;
+        }
+
+        // random speed
+        leaf.xSpeedVariation = Math.random() * 0.8 - 0.4;
+        leaf.ySpeed = Math.random() + 1.5;
+
+        // randomly select leaf color variant
+        const randomVariantIndex = Math.floor(Math.random() * this.leafVariants.length);
+        leaf.image = randomVariantIndex;
+
+        // apply the background image to the leaf element
+        const leafVariant = this.leafVariants[randomVariantIndex];
+        leaf.el.style.backgroundImage = `url(${leafVariant})`;
+
+        return leaf;
+    };
+
+    private updateLeaf = (leaf: LeafData): void => {
+        const leafWindSpeed = this.options.wind.speed(this.timer - this.options.wind.start, leaf.y);
+
+        const xSpeed = leafWindSpeed + leaf.xSpeedVariation;
+        leaf.x -= xSpeed;
+        leaf.y += leaf.ySpeed;
+        leaf.rotation.value += leaf.rotation.speed;
+
+        const transform = `translateX(${leaf.x}px) translateY(${leaf.y}px) translateZ(${leaf.z}px) rotate${leaf.rotation.axis}(${leaf.rotation.value}deg)${leaf.rotation.axis !== 'X' ? ` rotateX(${leaf.rotation.x}deg)` : ''
+            }`;
+
+        leaf.el.style.transform = transform;
+
+        // reset if out of view
+        if (leaf.x < -10 || leaf.y > this.height + 10) {
+            this.resetLeaf(leaf);
+        }
+    };
+
+    private updateWind = (): void => {
+        // wind follows a sine curve: asin(b*time + c) + a
+        // where a = wind magnitude as a function of leaf position, b = wind.duration, c = offset
+        // wind duration should be related to wind magnitude, e.g. higher windspeed means longer gust duration
+
+        if (this.timer === 0 || this.timer > (this.options.wind.start + this.options.wind.duration)) {
+            this.options.wind.magnitude = Math.random() * this.options.wind.maxSpeed;
+            this.options.wind.duration = this.options.wind.magnitude * 50 + (Math.random() * 20 - 10);
+            this.options.wind.start = this.timer;
+
+            const screenHeight = this.height;
+
+            this.options.wind.speed = function (t: number, y: number) {
+                // should go from full wind speed at the top, to 1/2 speed at the bottom, using leaf Y
+                const a = this.magnitude / 2 * (screenHeight - 2 * y / 3) / screenHeight;
+                return a * Math.sin(2 * Math.PI / this.duration * t + (3 * Math.PI / 2)) + a;
+            };
+        }
+    };
+
+    public init = (): void => {
+        // Clear existing leaves
+        this.leaves = [];
+        this.world.innerHTML = '';
+
+        for (let i = 0; i < this.options.numLeaves; i++) {
+            const leaf: LeafData = {
+                el: document.createElement('div'),
+                x: 0,
+                y: 0,
+                z: 0,
+                rotation: {
+                    axis: 'X',
+                    value: 0,
+                    speed: 0,
+                    x: 0
+                },
+                xSpeedVariation: 0,
+                ySpeed: 0,
+                path: {
+                    type: 1,
+                    start: 0,
+                },
+                image: 1
+            };
+
+            this.resetLeaf(leaf);
+            this.leaves.push(leaf);
+            this.world.appendChild(leaf.el);
+        }
+
+        this.world.className = 'leaf-scene';
+        this.viewport.appendChild(this.world);
+
+        // set perspective
+        this.world.style.perspective = "400px";
+
+        // reset window height/width on resize
+        const handleResize = (): void => {
+            this.width = this.viewport.offsetWidth;
+            this.height = this.viewport.offsetHeight;
+        };
+
+        window.addEventListener('resize', handleResize);
+    };
+
+    public render = (): void => {
+        this.updateWind();
+
+        for (let i = 0; i < this.leaves.length; i++) {
+            this.updateLeaf(this.leaves[i]);
+        }
+
+        this.timer++;
+        this.animationId = requestAnimationFrame(this.render);
+    };
+
+    public destroy = (): void => {
+        if (this.animationId) {
+            cancelAnimationFrame(this.animationId);
+            this.animationId = null;
+        }
+
+        if (this.world && this.world.parentNode) {
+            this.world.parentNode.removeChild(this.world);
+        }
+
+        window.removeEventListener('resize', () => {
+            this.width = this.viewport.offsetWidth;
+            this.height = this.viewport.offsetHeight;
+        });
+    };
+}
+
+/**
+ * Komponenta pro zobrazení padajících listů na pozadí stránky
+ * 
+ * @param numLeaves - Počet padajících listů (výchozí: 20)
+ * @param className - CSS třída pro kontejner (výchozí: 'falling-leaves')
+ * @param leafVariants - Barevné varianty listů k použití (výchozí: všechny)
+ * 
+ * @example
+ * // Základní použití s výchozím počtem listů
+ * <FallingLeaves />
+ * 
+ * @example  
+ * // Použití s vlastním počtem listů
+ * <FallingLeaves numLeaves={50} />
+ * 
+ * @example
+ * // Použití s vlastní CSS třídou a pouze podzimními barvami
+ * <FallingLeaves 
+ *   numLeaves={15} 
+ *   className="autumn-leaves"
+ *   leafVariants={['leaf-orange.svg', 'leaf-red.svg', 'leaf-yellow.svg']}
+ * />
+ */
+const FallingLeaves: React.FC<FallingLeavesProps> = ({
+    numLeaves = 20,
+    className = 'falling-leaves',
+    leafVariants = LEAF_VARIANTS
+}) => {
+    const containerRef = useRef<HTMLDivElement>(null);
+    const leafSceneRef = useRef<LeafScene | null>(null);
+
+    const initializeLeafScene = useCallback(() => {
+        if (containerRef.current) {
+            leafSceneRef.current = new LeafScene(containerRef.current, numLeaves, leafVariants);
+            leafSceneRef.current.init();
+            leafSceneRef.current.render();
+        }
+    }, [numLeaves, leafVariants]);
+
+    useEffect(() => {
+        initializeLeafScene();
+
+        return () => {
+            if (leafSceneRef.current) {
+                leafSceneRef.current.destroy();
+                leafSceneRef.current = null;
+            }
+        };
+    }, [initializeLeafScene]);
+
+    return <div ref={containerRef} className={className} />;
+};
+
+// Přednastavení pro různé účely
+export const LEAF_PRESETS = {
+    LIGHT: 10,      // Lehký podzimní efekt
+    NORMAL: 20,     // Standardní množství  
+    HEAVY: 40,      // Silný podzimní vítr
+    BLIZZARD: 80    // Hustý pád listí
+} as const;
+
+// Přednastavené barevné kombinace
+export const LEAF_COLOR_THEMES = {
+    ALL: LEAF_VARIANTS,                                          // Všechny barvy
+    AUTUMN: ['leaf-orange.svg', 'leaf-red.svg', 'leaf-yellow.svg', 'leaf-brown.svg'] as const, // Podzimní barvy
+    WARM: ['leaf-orange.svg', 'leaf-red.svg', 'leaf-brown.svg'] as const,           // Teplé barvy
+    CLASSIC: ['leaf.svg', 'leaf-brown.svg'] as const,                               // Klasické hnědé odstíny
+    BRIGHT: ['leaf-yellow.svg', 'leaf-orange.svg'] as const,                        // Světlé barvy
+} as const;
+
+export default FallingLeaves;

client/src/Login.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 import { Button } from 'react-bootstrap';
 import { useAuth } from './context/auth';
-import { login } from './api/Api';
+import { login } from '../../types';
 import './Login.css';
 
 /**
@@ -14,9 +14,10 @@ export default function Login() {
   useEffect(() => {
     if (auth && !auth.login) {
       // Vyzkoušíme přihlášení "naprázdno", pokud projde, přihlásili nás trusted headers
-      login().then(token => {
+      login().then(response => {
+        const token = response.data;
         if (token) {
-          auth?.setToken(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
@@ -25,17 +26,16 @@ export default function Login() {
   }, [auth]);
 
   const doLogin = useCallback(async () => {
-    const length = loginRef?.current?.value && loginRef?.current?.value.length && loginRef.current.value.replace(/\s/g, '').length
+    const length = loginRef?.current?.value.length && loginRef.current.value.replace(/\s/g, '').length
     if (length) {
-      // TODO odchytávat cokoliv mimo 200
-      const token = await login(loginRef.current.value);
-      if (token) {
-        auth?.setToken(token);
+      const response = await login({ body: { login: loginRef.current?.value } });
+      if (response.data) {
+        auth?.setToken(response.data as unknown as string); // TODO vyřešit
       }
     }
   }, [auth]);
 
-  if (!auth || !auth.login) {
+  if (!auth?.login) {
     return <div className='login'>
       <h1>Luncher</h1>
       <h4 style={{ marginBottom: "50px" }}>Aplikace pro profesionální management obědů</h4>

client/src/Utils.tsx

@@ -1,14 +1,4 @@
-/**
- * Vrátí kořenovou URL serveru na základě aktuálního prostředí (vývojovou či produkční).
- * 
- * @returns kořenová URL serveru
- */
-export const getBaseUrl = (): string => {
-    if (process.env.PUBLIC_URL) {
-        return process.env.PUBLIC_URL;
-    }
-    return 'http://127.0.0.1:3001';
-}
+import { DepartureTime } from "../../types";
 
 const TOKEN_KEY = "token";
 
@@ -26,8 +16,8 @@ export const storeToken = (token: string) => {
  * 
  * @returns token nebo null
  */
-export const getToken = (): string | null => {
-    return localStorage.getItem(TOKEN_KEY);
+export const getToken = (): string | undefined => {
+    return localStorage.getItem(TOKEN_KEY) ?? undefined;
 }
 
 /**
@@ -55,3 +45,68 @@ export function getHumanDateTime(datetime: Date) {
         return `${day}.${month}.${year} ${hours}:${minutes}`;
     }
 }
+
+/**
+ * Vrátí true, pokud je předaný čas větší než aktuální čas.
+ */
+export function isInTheFuture(time: DepartureTime) {
+    const now = new Date();
+    const currentHours = now.getHours();
+    const currentMinutes = now.getMinutes();
+    const currentDate = now.toDateString();
+    const [hours, minutes] = time.split(':').map(Number);
+
+    if (currentDate === now.toDateString()) {
+        return hours > currentHours || (hours === currentHours && minutes > currentMinutes);
+    }
+    return true;
+}
+
+/**
+ * Vrátí index dne v týdnu, kde pondělí=0, neděle=6
+ * 
+ * @param date datum
+ * @returns index dne v týdnu
+ */
+export const getDayOfWeekIndex = (date: Date) => {
+    // https://stackoverflow.com/a/4467559
+    return (((date.getDay() - 1) % 7) + 7) % 7;
+}
+
+/** Vrátí true, pokud je předané datum o víkendu. */
+export function getIsWeekend(date: Date) {
+    const index = getDayOfWeekIndex(date);
+    return index == 5 || index == 6;
+}
+
+/** Vrátí první pracovní den v týdnu předaného data. */
+export function getFirstWorkDayOfWeek(date: Date) {
+    const firstDay = new Date(date.getTime());
+    firstDay.setDate(date.getDate() - getDayOfWeekIndex(date));
+    return firstDay;
+}
+
+/** Vrátí poslední pracovní den v týdnu předaného data. */
+export function getLastWorkDayOfWeek(date: Date) {
+    const lastDay = new Date(date.getTime());
+    lastDay.setDate(date.getDate() + (4 - getDayOfWeekIndex(date)));
+    return lastDay;
+}
+
+/** Vrátí datum v ISO formátu. */
+export function formatDate(date: Date, format?: string) {
+    let day = String(date.getDate()).padStart(2, '0');
+    let month = String(date.getMonth() + 1).padStart(2, "0");
+    let year = String(date.getFullYear());
+
+    const f = format ?? 'YYYY-MM-DD';
+    return f.replace('DD', day).replace('MM', month).replace('YYYY', year);
+}
+
+/** Vrátí human-readable reprezentaci předaného data pro zobrazení. */
+export function getHumanDate(date: Date) {
+    let currentDay = String(date.getDate()).padStart(2, '0');
+    let currentMonth = String(date.getMonth() + 1).padStart(2, "0");
+    let currentYear = date.getFullYear();
+    return `${currentDay}.${currentMonth}.${currentYear}`;
+}

client/src/api/Api.ts

@@ -1,57 +0,0 @@
-import { toast } from "react-toastify";
-import { getBaseUrl, getToken } from "../Utils";
-
-/**
- * Wrapper pro volání API, u kterých chceme automaticky zobrazit toaster s chybou ze serveru.
- * 
- * @param apiFunction volaná API funkce
- */
-export function errorHandler<T>(apiFunction: () => Promise<T>): Promise<T> {
-    return new Promise<T>((resolve, reject) => {
-        apiFunction().then((result) => {
-            resolve(result);
-        }).catch(e => {
-            toast.error(e.message, { theme: "colored" });
-        });
-    });
-}
-
-async function request<TResponse>(
-    url: string,
-    config: RequestInit = {}
-): Promise<TResponse> {
-    config.headers = config?.headers ? new Headers(config.headers) : new Headers();
-    config.headers.set("Authorization", `Bearer ${getToken()}`);
-    try {
-        const response = await fetch(getBaseUrl() + url, config);
-        if (!response.ok) {
-            const json = await response.json();
-            // Vyhodíme samotnou hlášku z odpovědi, odchytí si jí errorHandler
-            throw new Error(json.error);
-        }
-        return response.json() as TResponse;
-    } catch (e) {
-        return Promise.reject(e);
-    }
-}
-
-export const api = {
-    get: <TResponse>(url: string) => request<TResponse>(url),
-    post: <TBody extends BodyInit, TResponse>(url: string, body: TBody) => request<TResponse>(url, { method: 'POST', body, headers: { 'Content-Type': 'application/json' } }),
-}
-
-export const getQrUrl = (login: string) => {
-    return `${getBaseUrl()}/api/qr?login=${login}`;
-}
-
-export const getData = async (dayIndex?: number) => {
-    let url = '/api/data';
-    if (dayIndex != null) {
-        url += '?dayIndex=' + dayIndex;
-    }
-    return await api.get<any>(url);
-}
-
-export const login = async (login?: string) => {
-    return await api.post<any, any>('/api/login', JSON.stringify({ login }));
-}

client/src/api/FoodApi.ts

@@ -1,23 +0,0 @@
-import { api } from "./Api";
-
-const FOOD_API_PREFIX = '/api/food';
-
-export const addChoice = async (locationIndex: number, foodIndex?: number, dayIndex?: number) => {
-    return await api.post<any, any>(`${FOOD_API_PREFIX}/addChoice`, JSON.stringify({ locationIndex, foodIndex, dayIndex }));
-}
-
-export const removeChoices = async (locationIndex: number, dayIndex?: number) => {
-    return await api.post<any, any>(`${FOOD_API_PREFIX}/removeChoices`, JSON.stringify({ locationIndex, dayIndex }));
-}
-
-export const removeChoice = async (locationIndex: number, foodIndex: number, dayIndex?: number) => {
-    return await api.post<any, any>(`${FOOD_API_PREFIX}/removeChoice`, JSON.stringify({ locationIndex, foodIndex, dayIndex }));
-}
-
-export const changeDepartureTime = async (time: string, dayIndex?: number) => {
-    return await api.post<any, any>(`${FOOD_API_PREFIX}/changeDepartureTime`, JSON.stringify({ time, dayIndex }));
-}
-
-export const jdemeObed = async () => {
-    return await api.post<any, any>(`${FOOD_API_PREFIX}/jdemeObed`, JSON.stringify({}));
-}

client/src/api/PizzaDayApi.ts

@@ -1,44 +0,0 @@
-import { PizzaOrder } from "../types";
-import { api } from "./Api";
-
-const PIZZADAY_API_PREFIX = '/api/pizzaDay';
-
-export const createPizzaDay = async () => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/create`, undefined);
-}
-
-export const deletePizzaDay = async () => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/delete`, undefined);
-}
-
-export const lockPizzaDay = async () => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/lock`, undefined);
-}
-
-export const unlockPizzaDay = async () => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/unlock`, undefined);
-}
-
-export const finishOrder = async () => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/finishOrder`, undefined);
-}
-
-export const finishDelivery = async (bankAccount?: string, bankAccountHolder?: string) => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/finishDelivery`, JSON.stringify({ bankAccount, bankAccountHolder }));
-}
-
-export const addPizza = async (pizzaIndex: number, pizzaSizeIndex: number) => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/add`, JSON.stringify({ pizzaIndex, pizzaSizeIndex }));
-}
-
-export const removePizza = async (pizzaOrder: PizzaOrder) => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/remove`, JSON.stringify({ pizzaOrder }));
-}
-
-export const updatePizzaDayNote = async (note?: string) => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/updatePizzaDayNote`, JSON.stringify({ note }));
-}
-
-export const updatePizzaFee = async (login: string, text?: string, price?: number) => {
-    return await api.post<any, any>(`${PIZZADAY_API_PREFIX}/updatePizzaFee`, JSON.stringify({ login, text, price }));
-}

client/src/api/VotingApi.ts

@@ -1,12 +0,0 @@
-import { FeatureRequest } from "../types";
-import { api } from "./Api";
-
-const VOTING_API_PREFIX = '/api/voting';
-
-export const getFeatureVotes = async () => {
-    return await api.get<any>(`${VOTING_API_PREFIX}/getVotes`);
-}
-
-export const updateFeatureVote = async (option: FeatureRequest, active: boolean) => {
-    return await api.post<any, any>(`${VOTING_API_PREFIX}/updateVote`, JSON.stringify({ option, active }));
-}

client/src/components/Footer.tsx

@@ -1,7 +1,12 @@
 import { Navbar } from "react-bootstrap";
 
 export default function Footer() {
-    return <Navbar className="text-light" variant='dark' expand="lg" style={{ display: "flex", justifyContent: "center" }}>
-        <span>🄯 Kancelář 51, Marbes s.r.o. Žádná práva nevyhrazena. TODO a zdrojové kódy dostupné <a href="https://gitea.melancholik.eu/mates/Luncher">zde</a>.</span>
+    return <Navbar className="text-light" variant='dark' expand="lg" style={{
+        display: "flex",
+        justifyContent: "center",
+        marginTop: "auto", // Pushne footer na spodek
+        flexShrink: 0 // Zabrání zmenšování při malém obsahu
+    }}>
+        <span>🄯 Žádná práva nevyhrazena. TODO a zdrojové kódy dostupné <a href="https://gitea.melancholik.eu/mates/Luncher">zde</a>.</span>
     </Navbar >
 }

client/src/components/Header.tsx

@@ -1,37 +1,49 @@
 import { useEffect, useState } from "react";
 import { Navbar, Nav, NavDropdown } from "react-bootstrap";
 import { useAuth } from "../context/auth";
-import BankAccountModal from "./modals/BankAccountModal";
-import { useBank } from "../context/bank";
+import SettingsModal from "./modals/SettingsModal";
+import { useSettings } from "../context/settings";
 import FeaturesVotingModal from "./modals/FeaturesVotingModal";
-import { FeatureRequest } from "../types";
-import { errorHandler } from "../api/Api";
-import { getFeatureVotes, updateFeatureVote } from "../api/VotingApi";
-
+import PizzaCalculatorModal from "./modals/PizzaCalculatorModal";
+import RefreshMenuModal from "./modals/RefreshMenuModal";
+import { useNavigate } from "react-router";
+import { STATS_URL } from "../AppRoutes";
+import { FeatureRequest, getVotes, updateVote } from "../../../types";
 
 export default function Header() {
     const auth = useAuth();
-    const bank = useBank();
-    const [bankModalOpen, setBankModalOpen] = useState<boolean>(false);
+    const settings = useSettings();
+    const navigate = useNavigate();
+    const [settingsModalOpen, setSettingsModalOpen] = useState<boolean>(false);
     const [votingModalOpen, setVotingModalOpen] = useState<boolean>(false);
-    const [featureVotes, setFeatureVotes] = useState<FeatureRequest[]>([]);
+    const [pizzaModalOpen, setPizzaModalOpen] = useState<boolean>(false);
+    const [refreshMenuModalOpen, setRefreshMenuModalOpen] = useState<boolean>(false);
+    const [featureVotes, setFeatureVotes] = useState<FeatureRequest[] | undefined>([]);
 
     useEffect(() => {
         if (auth?.login) {
-            getFeatureVotes().then(votes => {
-                setFeatureVotes(votes);
+            getVotes().then(response => {
+                setFeatureVotes(response.data);
             })
         }
     }, [auth?.login]);
 
-    const closeBankModal = () => {
-        setBankModalOpen(false);
+    const closeSettingsModal = () => {
+        setSettingsModalOpen(false);
     }
 
     const closeVotingModal = () => {
         setVotingModalOpen(false);
     }
 
+    const closePizzaModal = () => {
+        setPizzaModalOpen(false);
+    }
+
+    const closeRefreshMenuModal = () => {
+        setRefreshMenuModalOpen(false);
+    }
+
     const isValidInteger = (str: string) => {
         str = str.trim();
         if (!str) {
@@ -42,7 +54,7 @@ export default function Header() {
         return n !== Infinity && String(n) === str && n >= 0;
     }
 
-    const saveBankAccount = (bankAccountNumber?: string, bankAccountHolderName?: string) => {
+    const saveSettings = (bankAccountNumber?: string, bankAccountHolderName?: string, hideSoupsOption?: boolean) => {
         if (bankAccountNumber) {
             try {
                 // Validace kódu banky
@@ -70,7 +82,7 @@ export default function Header() {
                     cislo = cislo.padStart(16, '0');
                 }
                 let sum = 0;
-                for (var i = 0; i < cislo.length; i++) {
+                for (let i = 0; i < cislo.length; i++) {
                     const char = cislo.charAt(i);
                     const order = (cislo.length - 1) - i;
                     const weight = (2 ** order) % 11;
@@ -84,14 +96,15 @@ export default function Header() {
                 return
             }
         }
-        bank?.setBankAccountNumber(bankAccountNumber);
-        bank?.setBankAccountHolderName(bankAccountHolderName);
-        closeBankModal();
+        settings?.setBankAccountNumber(bankAccountNumber);
+        settings?.setBankAccountHolderName(bankAccountHolderName);
+        settings?.setHideSoupsOption(hideSoupsOption);
+        closeSettingsModal();
     }
 
     const saveFeatureVote = async (option: FeatureRequest, active: boolean) => {
-        await errorHandler(() => updateFeatureVote(option, active));
-        const votes = [...featureVotes];
+        await updateVote({ body: { option, active } });
+        const votes = [...featureVotes || []];
         if (active) {
             votes.push(option);
         } else {
@@ -101,18 +114,24 @@ export default function Header() {
     }
 
     return <Navbar variant='dark' expand="lg">
-        <Navbar.Brand>Luncher</Navbar.Brand>
+        <Navbar.Brand href="/">Luncher</Navbar.Brand>
         <Navbar.Toggle aria-controls="basic-navbar-nav" />
         <Navbar.Collapse id="basic-navbar-nav">
             <Nav className="nav">
                 <NavDropdown align="end" title={auth?.login} id="basic-nav-dropdown">
-                    <NavDropdown.Item onClick={() => setBankModalOpen(true)}>Nastavit číslo účtu</NavDropdown.Item>
+                    <NavDropdown.Item onClick={() => setSettingsModalOpen(true)}>Nastavení</NavDropdown.Item>
+                    <NavDropdown.Item onClick={() => setRefreshMenuModalOpen(true)}>Přenačtení menu</NavDropdown.Item>
                     <NavDropdown.Item onClick={() => setVotingModalOpen(true)}>Hlasovat o nových funkcích</NavDropdown.Item>
+                    <NavDropdown.Item onClick={() => setPizzaModalOpen(true)}>Pizza kalkulačka</NavDropdown.Item>
+                    <NavDropdown.Item onClick={() => navigate(STATS_URL)}>Statistiky</NavDropdown.Item>
+                    <NavDropdown.Divider />
                     <NavDropdown.Item onClick={auth?.logout}>Odhlásit se</NavDropdown.Item>
                 </NavDropdown>
             </Nav>
         </Navbar.Collapse>
-        <BankAccountModal isOpen={bankModalOpen} onClose={closeBankModal} onSave={saveBankAccount} />
+        <SettingsModal isOpen={settingsModalOpen} onClose={closeSettingsModal} onSave={saveSettings} />
+        <RefreshMenuModal isOpen={refreshMenuModalOpen} onClose={closeRefreshMenuModal} />
         <FeaturesVotingModal isOpen={votingModalOpen} onClose={closeVotingModal} onChange={saveFeatureVote} initialValues={featureVotes} />
+        <PizzaCalculatorModal isOpen={pizzaModalOpen} onClose={closePizzaModal} />
     </Navbar>
 }

client/src/components/Loader.tsx

@@ -2,15 +2,15 @@ import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 type Props = {
-  title?: String,
+  title?: string,
   icon: IconDefinition,
-  description: String,
-  animation?: String,
+  description: string,
+  animation?: string,
 }
 
-function Loader(props: Props) {
+function Loader(props: Readonly<Props>) {
   return <div className='loader'>
-    <h1>{props.title || 'Prosím čekejte...'}</h1>
+    <h1>{props.title ?? 'Prosím čekejte...'}</h1>
     <FontAwesomeIcon icon={props.icon} className={`loader-icon mb-3 ` + (props.animation ?? '')} />
     <p>{props.description}</p>
   </div>

client/src/components/PizzaOrderList.tsx

@@ -1,18 +1,17 @@
 import { Table } from "react-bootstrap";
-import { Order, PizzaDayState, PizzaOrder } from "../types";
 import PizzaOrderRow from "./PizzaOrderRow";
-import { updatePizzaFee } from "../api/PizzaDayApi";
+import { PizzaDayState, PizzaOrder, PizzaVariant, updatePizzaFee } from "../../../types";
 
 type Props = {
     state: PizzaDayState,
-    orders: Order[],
-    onDelete: (pizzaOrder: PizzaOrder) => void,
+    orders: PizzaOrder[],
+    onDelete: (pizzaOrder: PizzaVariant) => void,
     creator: string,
 }
 
-export default function PizzaOrderList({ state, orders, onDelete, creator }: Props) {
+export default function PizzaOrderList({ state, orders, onDelete, creator }: Readonly<Props>) {
     const saveFees = async (customer: string, text?: string, price?: number) => {
-        await updatePizzaFee(customer, text, price);
+        await updatePizzaFee({ body: { login: customer, text, price } });
     }
 
     if (!orders?.length) {
@@ -21,26 +20,24 @@ export default function PizzaOrderList({ state, orders, onDelete, creator }: Pro
 
     const total = orders.reduce((total, order) => total + order.totalPrice, 0);
 
-    return <>
-        <Table className="mt-3" striped bordered hover>
-            <thead>
-                <tr>
-                    <th>Jméno</th>
-                    <th>Objednávka</th>
-                    <th>Poznámka</th>
-                    <th>Příplatek</th>
-                    <th>Cena</th>
-                </tr>
-            </thead>
-            <tbody>
-                {orders.map(order => <tr key={order.customer}>
-                    <PizzaOrderRow creator={creator} state={state} order={order} onDelete={onDelete} onFeeModalSave={saveFees} />
-                </tr>)}
-                <tr style={{ fontWeight: 'bold' }}>
-                    <td colSpan={4}>Celkem</td>
-                    <td>{`${total} Kč`}</td>
-                </tr>
-            </tbody>
-        </Table>
-    </>
+    return <Table className="mt-3" striped bordered hover>
+        <thead>
+            <tr>
+                <th>Jméno</th>
+                <th>Objednávka</th>
+                <th>Poznámka</th>
+                <th>Příplatek</th>
+                <th>Cena</th>
+            </tr>
+        </thead>
+        <tbody>
+            {orders.map(order => <tr key={order.customer}>
+                <PizzaOrderRow creator={creator} state={state} order={order} onDelete={onDelete} onFeeModalSave={saveFees} />
+            </tr>)}
+            <tr style={{ fontWeight: 'bold' }}>
+                <td colSpan={4}>Celkem</td>
+                <td>{`${total} Kč`}</td>
+            </tr>
+        </tbody>
+    </Table>
 }

client/src/components/PizzaOrderRow.tsx

@@ -2,44 +2,46 @@ import React, { useState } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faMoneyBill1, faTrashCan } from "@fortawesome/free-regular-svg-icons";
 import { useAuth } from "../context/auth";
-import { Order, PizzaDayState, PizzaOrder } from "../types";
 import PizzaAdditionalFeeModal from "./modals/PizzaAdditionalFeeModal";
+import { PizzaDayState, PizzaOrder, PizzaVariant } from "../../../types";
 
 type Props = {
     creator: string,
-    order: Order,
+    order: PizzaOrder,
     state: PizzaDayState,
-    onDelete: (order: PizzaOrder) => void,
+    onDelete: (order: PizzaVariant) => void,
     onFeeModalSave: (customer: string, name?: string, price?: number) => void,
 }
 
-export default function PizzaOrderRow({ creator, order, state, onDelete, onFeeModalSave }: Props) {
+export default function PizzaOrderRow({ creator, order, state, onDelete, onFeeModalSave }: Readonly<Props>) {
     const auth = useAuth();
-    const [isFeeModalOpen, setFeeModalOpen] = useState<boolean>(false);
+    const [isFeeModalOpen, setIsFeeModalOpen] = useState<boolean>(false);
 
     const saveFees = (customer: string, text?: string, price?: number) => {
         onFeeModalSave(customer, text, price);
-        setFeeModalOpen(false);
+        setIsFeeModalOpen(false);
     }
 
     return <>
         <td>{order.customer}</td>
-        <td>{order.pizzaList.map<React.ReactNode>((pizzaOrder, index) =>
-            <span key={index}>
+        <td>{order.pizzaList!.map<React.ReactNode>(pizzaOrder =>
+            <span key={pizzaOrder.name}>
                 {`${pizzaOrder.name}, ${pizzaOrder.size} (${pizzaOrder.price} Kč)`}
                 {auth?.login === order.customer && state === PizzaDayState.CREATED &&
-                    <FontAwesomeIcon onClick={() => {
-                        onDelete(pizzaOrder);
-                    }} title='Odstranit' className='action-icon' icon={faTrashCan} />
+                    <span title='Odstranit'>
+                        <FontAwesomeIcon onClick={() => {
+                            onDelete(pizzaOrder);
+                        }} className='action-icon' icon={faTrashCan} />
+                    </span>
                 }
             </span>)
             .reduce((prev, curr, index) => [prev, <br key={`br-${index}`} />, curr])}
         </td>
-        <td style={{ maxWidth: "200px" }}>{order.note || '-'}</td>
+        <td style={{ maxWidth: "200px" }}>{order.note ?? '-'}</td>
         <td style={{ maxWidth: "200px" }}>{order.fee?.price ? `${order.fee.price} Kč${order.fee.text ? ` (${order.fee.text})` : ''}` : '-'}</td>
         <td>
-            {order.totalPrice} Kč{auth?.login === creator && state === PizzaDayState.CREATED && <FontAwesomeIcon onClick={() => { setFeeModalOpen(true) }} title='Nastavit příplatek' className='action-icon' icon={faMoneyBill1} />}
+            {order.totalPrice} Kč{auth?.login === creator && state === PizzaDayState.CREATED && <span title='Nastavit příplatek'><FontAwesomeIcon onClick={() => { setIsFeeModalOpen(true) }} className='action-icon' icon={faMoneyBill1} /></span>}
         </td>
-        <PizzaAdditionalFeeModal customerName={order.customer} isOpen={isFeeModalOpen} onClose={() => setFeeModalOpen(false)} onSave={saveFees} initialValues={{ text: order.fee?.text, price: order.fee?.price?.toString() }} />
+        <PizzaAdditionalFeeModal customerName={order.customer} isOpen={isFeeModalOpen} onClose={() => setIsFeeModalOpen(false)} onSave={saveFees} initialValues={{ text: order.fee?.text, price: order.fee?.price?.toString() }} />
     </>
 }

client/src/components/modals/FeaturesVotingModal.tsx

@@ -1,5 +1,5 @@
 import { Modal, Button, Form } from "react-bootstrap"
-import { FeatureRequest } from "../../types";
+import { FeatureRequest } from "../../../../types";
 
 type Props = {
     isOpen: boolean,
@@ -9,7 +9,7 @@ type Props = {
 }
 
 /** Modální dialog pro hlasování o nových funkcích. */
-export default function FeaturesVotingModal({ isOpen, onClose, onChange, initialValues }: Props) {
+export default function FeaturesVotingModal({ isOpen, onClose, onChange, initialValues }: Readonly<Props>) {
 
     const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
         onChange(e.currentTarget.value as FeatureRequest, e.currentTarget.checked);
@@ -19,7 +19,7 @@ export default function FeaturesVotingModal({ isOpen, onClose, onChange, initial
         <Modal.Header closeButton>
             <Modal.Title>
                 Hlasujte pro nové funkce
-                <p style={{ fontSize: '12px' }}>Je možno vybrat maximálně 3 možnosti</p>
+                <p style={{ fontSize: '12px' }}>Je možno vybrat maximálně 4 možnosti</p>
             </Modal.Title>
         </Modal.Header>
         <Modal.Body>
@@ -31,7 +31,7 @@ export default function FeaturesVotingModal({ isOpen, onClose, onChange, initial
                     label={FeatureRequest[key]}
                     onChange={handleChange}
                     value={key}
-                    defaultChecked={initialValues && initialValues.includes(key as FeatureRequest)}
+                    defaultChecked={initialValues?.includes(key as FeatureRequest)}
                 />
             })}
             <p className="mt-3" style={{ fontSize: '12px' }}>Něco jiného? Dejte vědět.</p>

client/src/components/modals/NoteModal.tsx

@@ -0,0 +1,36 @@
+import { useRef } from "react";
+import { Modal, Button, Form } from "react-bootstrap"
+
+type Props = {
+    isOpen: boolean,
+    onClose: () => void,
+    onSave: (note?: string) => void,
+}
+
+/** Modální dialog pro úpravu obecné poznámky. */
+export default function NoteModal({ isOpen, onClose, onSave }: Readonly<Props>) {
+    const note = useRef<HTMLInputElement>(null);
+
+    const save = () => {
+        onSave(note?.current?.value);
+    }
+
+    return <Modal show={isOpen} onHide={onClose}>
+        <Modal.Header closeButton>
+            <Modal.Title>Úprava poznámky</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+            <Form.Control ref={note} autoFocus={true} type="text" id="note" onKeyDown={event => {
+                if (event.key === 'Enter') {
+                    save();
+                }
+                event.stopPropagation();
+            }} />
+        </Modal.Body>
+        <Modal.Footer>
+            <Button variant="primary" onClick={save}>
+                Uložit
+            </Button>
+        </Modal.Footer>
+    </Modal>
+}

client/src/components/modals/PizzaAdditionalFeeModal.tsx

@@ -10,17 +10,17 @@ type Props = {
 }
 
 /** Modální dialog pro nastavení příplatků za pizzu. */
-export default function PizzaAdditionalFeeModal({ customerName, isOpen, onClose, onSave, initialValues }: Props) {
+export default function PizzaAdditionalFeeModal({ customerName, isOpen, onClose, onSave, initialValues }: Readonly<Props>) {
     const textRef = useRef<HTMLInputElement>(null);
     const priceRef = useRef<HTMLInputElement>(null);
 
     const doSubmit = () => {
-        onSave(customerName, textRef.current?.value, parseInt(priceRef.current?.value || "0"));
+        onSave(customerName, textRef.current?.value, parseInt(priceRef.current?.value ?? "0"));
     }
 
     const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
         if (e.key === 'Enter') {
-            onSave(customerName, textRef.current?.value, parseInt(priceRef.current?.value || "0"));
+            onSave(customerName, textRef.current?.value, parseInt(priceRef.current?.value ?? "0"));
         }
     }
 

client/src/components/modals/PizzaCalculatorModal.tsx

@@ -0,0 +1,137 @@
+import { useRef, useState } from "react";
+import { Modal, Button, Row, Col } from "react-bootstrap"
+
+type Props = {
+    isOpen: boolean,
+    onClose: () => void,
+}
+
+type Result = {
+    pizza1?: {
+        diameter?: number,
+        area?: number,
+        pricePerM?: number,
+    },
+    pizza2?: {
+        diameter?: number,
+        area?: number,
+        pricePerM?: number,
+    }
+    choice?: number,
+    ratio?: number,
+    diameterDiff?: number,
+}
+
+/** Modální dialog pro výpočet výhodnosti pizzy. */
+export default function PizzaCalculatorModal({ isOpen, onClose }: Readonly<Props>) {
+    const diameter1Ref = useRef<HTMLInputElement>(null);
+    const price1Ref = useRef<HTMLInputElement>(null);
+    const diameter2Ref = useRef<HTMLInputElement>(null);
+    const price2Ref = useRef<HTMLInputElement>(null);
+
+    const [result, setResult] = useState<Result | null>(null);
+
+    const recalculate = () => {
+        const r: Result = { ...result }
+
+        // 1. pizza
+        if (diameter1Ref.current?.value) {
+            const diameter1 = parseInt(diameter1Ref.current?.value);
+            r.pizza1 ??= {};
+            if (diameter1 && diameter1 > 0) {
+                r.pizza1.diameter = diameter1;
+                r.pizza1.area = Math.PI * Math.pow(diameter1 / 2, 2);
+                if (price1Ref.current?.value) {
+                    const price1 = parseInt(price1Ref.current?.value);
+                    if (price1) {
+                        r.pizza1.pricePerM = price1 / r.pizza1.area;
+                    } else {
+                        r.pizza1.pricePerM = undefined;
+                    }
+                }
+            } else {
+                r.pizza1.area = undefined;
+            }
+        }
+
+        // 2. pizza
+        if (diameter2Ref.current?.value) {
+            const diameter2 = parseInt(diameter2Ref.current?.value);
+            r.pizza2 ??= {};
+            if (diameter2 && diameter2 > 0) {
+                r.pizza2.diameter = diameter2;
+                r.pizza2.area = Math.PI * Math.pow(diameter2 / 2, 2);
+                if (price2Ref.current?.value) {
+                    const price2 = parseInt(price2Ref.current?.value);
+                    if (price2) {
+                        r.pizza2.pricePerM = price2 / r.pizza2.area;
+                    } else {
+                        r.pizza2.pricePerM = undefined;
+                    }
+                }
+            } else {
+                r.pizza2.area = undefined;
+            }
+        }
+
+        // Srovnání
+        if (r.pizza1?.pricePerM && r.pizza2?.pricePerM && r.pizza1.diameter && r.pizza2.diameter) {
+            r.choice = r.pizza1.pricePerM < r.pizza2.pricePerM ? 1 : 2;
+            const bigger = r.pizza1.pricePerM > r.pizza2.pricePerM ? r.pizza1.pricePerM : r.pizza2.pricePerM;
+            const smaller = r.pizza1.pricePerM < r.pizza2.pricePerM ? r.pizza1.pricePerM : r.pizza2.pricePerM;
+            r.ratio = (bigger / smaller) - 1;
+            r.diameterDiff = Math.abs(r.pizza1.diameter - r.pizza2.diameter);
+        } else {
+            r.choice = undefined;
+            r.ratio = undefined;
+            r.diameterDiff = undefined;
+        }
+        setResult(r);
+    }
+
+    const close = () => {
+        setResult(null);
+        onClose();
+    }
+
+    return <Modal show={isOpen} onHide={onClose}>
+        <Modal.Header closeButton>
+            <Modal.Title>Pizza kalkulačka</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+            <p>Zadejte parametry pizzy pro jejich srovnání.</p>
+            <Row>
+                <Col size="6">
+                    <input className="mb-3" ref={diameter1Ref} type="number" step="1" min="1" placeholder="Průměr 1. pizzy (cm)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
+                </Col>
+                <Col size="6">
+                    <input className="mb-3" ref={diameter2Ref} type="number" step="1" min="1" placeholder="Průměr 2. pizzy (cm)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
+                </Col>
+            </Row>
+            <Row>
+                <Col size="6">
+                    <input className="mb-3" ref={price1Ref} type="number" min="1" placeholder="Cena 1. pizzy (Kč)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
+                </Col>
+                <Col size="6">
+                    <input className="mb-3" ref={price2Ref} type="number" min="1" placeholder="Cena 2. pizzy (Kč)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
+                </Col>
+            </Row>
+            <Row>
+                <Col size="6">
+                    {result?.pizza1?.area && <p>Plocha: <b>{Math.round(result.pizza1.area * 10) / 10}</b> cm²</p>}
+                    {result?.pizza1?.pricePerM && <p>Cena za m²: <b>{Math.round(result.pizza1.pricePerM * 1000000) / 100}</b> Kč</p>}
+                </Col>
+                <Col size="6">
+                    {result?.pizza2?.area && <p>Plocha: <b>{Math.round(result.pizza2.area * 10) / 10}</b> cm²</p>}
+                    {result?.pizza2?.pricePerM && <p>Cena za m²: <b>{Math.round(result.pizza2.pricePerM * 1000000) / 100}</b> Kč</p>}
+                </Col>
+            </Row>
+            {(result?.choice && result?.ratio && result?.ratio > 0 && result?.diameterDiff != null && <p><b>{result.choice}. pizza</b> je zhruba o <b>{Math.round(result.ratio * 1000) / 10}%</b> výhodnější než {result.choice === 1 ? "2" : "1"}. pizza.</p>) || ''}
+        </Modal.Body>
+        <Modal.Footer>
+            <Button variant="primary" onClick={close}>
+                Zavřít
+            </Button>
+        </Modal.Footer>
+    </Modal>
+}

client/src/components/modals/RefreshMenuModal.tsx

@@ -0,0 +1,105 @@
+import { useRef, useState } from "react";
+import { Modal, Button, Alert } from "react-bootstrap";
+
+type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+};
+
+/** Modální dialog pro přenačtení menu z restaurací. */
+export default function RefreshMenuModal({ isOpen, onClose }: Readonly<Props>) {
+    const refreshPassRef = useRef<HTMLInputElement>(null);
+    const refreshTypeRef = useRef<HTMLSelectElement>(null);
+    const [refreshLoading, setRefreshLoading] = useState(false);
+    const [refreshMessage, setRefreshMessage] = useState<{ type: 'success' | 'error', text: string } | null>(null);
+
+    const handleRefresh = async () => {
+        const password = refreshPassRef.current?.value;
+        const type = refreshTypeRef.current?.value;
+        if (!password || !type) {
+            setRefreshMessage({ type: 'error', text: 'Zadejte heslo a typ refresh.' });
+            return;
+        }
+
+        setRefreshLoading(true);
+        setRefreshMessage(null);
+
+        try {
+            const res = await fetch(`/api/food/refresh?type=${type}&heslo=${encodeURIComponent(password)}`);
+            const data = await res.json();
+            if (res.ok) {
+                setRefreshMessage({ type: 'success', text: 'Uspesny fetch' });
+                if (refreshPassRef.current) {
+                    // Clean hesla xd
+                    refreshPassRef.current.value = '';
+                }
+            } else {
+                setRefreshMessage({ type: 'error', text: data.error || 'Chyba při obnovování jídelníčku.' });
+            }
+        } catch (error) {
+            console.error('Error refreshing menu:', error);
+            setRefreshMessage({ type: 'error', text: 'Chyba při obnovování jídelníčku.' });
+        } finally {
+            setRefreshLoading(false);
+        }
+    };
+
+    const handleClose = () => {
+        setRefreshMessage(null);
+        onClose();
+    };
+
+    return (
+        <Modal show={isOpen} onHide={handleClose} size="lg">
+            <Modal.Header closeButton>
+                <Modal.Title><h2>Přenačtení menu</h2></Modal.Title>
+            </Modal.Header>
+            <Modal.Body>
+                <p>Ruční refresh dat z restaurací.</p>
+
+                {refreshMessage && (
+                    <Alert variant={refreshMessage.type === 'success' ? 'success' : 'danger'}>
+                        {refreshMessage.text}
+                    </Alert>
+                )}
+
+                <div className="mb-3">
+                    Heslo: <input
+                        ref={refreshPassRef}
+                        type="password"
+                        placeholder="Zadejte heslo"
+                        className="form-control d-inline-block"
+                        style={{ width: 'auto', marginLeft: '10px' }}
+                        onKeyDown={e => e.stopPropagation()}
+                    />
+                </div>
+
+                <div className="mb-3">
+                    Typ refreshe: <select
+                        ref={refreshTypeRef}
+                        className="form-select d-inline-block"
+                        style={{ width: 'auto', marginLeft: '10px' }}
+                        defaultValue="week"
+                    >
+                        <option value="week">Týden</option>
+                        <option value="day">Den</option>
+                    </select>
+                </div>
+
+                <Button
+                    variant="info"
+                    onClick={handleRefresh}
+                    disabled={refreshLoading}
+                    className="mb-3"
+                >
+                    {refreshLoading ? 'Refreshing...' : 'Refresh'}
+                </Button>
+            </Modal.Body>
+            <Modal.Footer>
+                <Button variant="secondary" onClick={handleClose}>
+                    Zavřít
+                </Button>
+            </Modal.Footer>
+        </Modal>
+    );
+}

client/src/components/modals/SettingsModal.tsx

@@ -1,33 +1,40 @@
 import { useRef } from "react";
 import { Modal, Button } from "react-bootstrap"
-import { useBank } from "../../context/bank";
+import { useSettings } from "../../context/settings";
 
 type Props = {
     isOpen: boolean,
     onClose: () => void,
-    onSave: (bankAccountNumber?: string, bankAccountHolderName?: string) => void,
+    onSave: (bankAccountNumber?: string, bankAccountHolderName?: string, hideSoupsOption?: boolean) => void,
 }
 
-/** Modální dialog pro nastavení čísla účtu a jména majitele. */
-export default function BankAccountModal({ isOpen, onClose, onSave }: Props) {
-    const bank = useBank();
+/** Modální dialog pro uživatelská nastavení. */
+export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Props>) {
+    const settings = useSettings();
     const bankAccountRef = useRef<HTMLInputElement>(null);
     const nameRef = useRef<HTMLInputElement>(null);
+    const hideSoupsRef = useRef<HTMLInputElement>(null);
 
     return <Modal show={isOpen} onHide={onClose} size="lg">
         <Modal.Header closeButton>
-            <Modal.Title>Bankovní účet</Modal.Title>
+            <Modal.Title><h2>Nastavení</h2></Modal.Title>
         </Modal.Header>
         <Modal.Body>
+            <h4>Obecné</h4>
+            <span title="V nabídkách nebudou zobrazovány polévky. Tato funkce je experimentální, a zejména u TechTower bývá často problém polévky spolehlivě rozeznat. V případě využití této funkce průběžně nahlašujte stále se zobrazující polévky." style={{ "cursor": "help" }}>
+                <input ref={hideSoupsRef} type="checkbox" defaultChecked={settings?.hideSoups} /> Skrýt polévky
+            </span>
+            <hr />
+            <h4>Bankovní účet</h4>
             <p>Nastavením čísla účtu umožníte automatické generování QR kódů pro úhradu za vámi provedené objednávky v rámci Pizza day.<br />Pokud vaše číslo účtu neobsahuje předčíslí, je možné ho zcela vynechat.<br /><br />Číslo účtu není ukládáno na serveru, posílá se na něj pouze za účelem vygenerování QR kódů.</p>
-            Číslo účtu: <input className="mb-3" ref={bankAccountRef} type="text" placeholder="123456-1234567890/1234" defaultValue={bank?.bankAccount} /> <br />
-            Název příjemce (jméno majitele účtu): <input ref={nameRef} type="text" placeholder="Jan Novák" defaultValue={bank?.holderName} />
+            Číslo účtu: <input className="mb-3" ref={bankAccountRef} type="text" placeholder="123456-1234567890/1234" defaultValue={settings?.bankAccount} onKeyDown={e => e.stopPropagation()} /> <br />
+            Název příjemce (jméno majitele účtu): <input ref={nameRef} type="text" placeholder="Jan Novák" defaultValue={settings?.holderName} onKeyDown={e => e.stopPropagation()} />
         </Modal.Body>
         <Modal.Footer>
             <Button variant="secondary" onClick={onClose}>
                 Storno
             </Button>
-            <Button variant="primary" onClick={() => onSave(bankAccountRef.current?.value, nameRef.current?.value)}>
+            <Button variant="primary" onClick={() => onSave(bankAccountRef.current?.value, nameRef.current?.value, hideSoupsRef.current?.checked)}>
                 Uložit
             </Button>
         </Modal.Footer>

client/src/context/auth.tsx

@@ -1,10 +1,10 @@
-import React, { ReactNode, useContext, useState } from "react"
-import { useEffect } from "react"
+import React, { ReactNode, useContext, useEffect, useState } from "react"
 import { useJwt } from "react-jwt";
 import { deleteToken, getToken, storeToken } from "../Utils";
 
 export type AuthContextProps = {
   login?: string,
+  trusted?: boolean,
   setToken: (name: string) => void,
   logout: () => void,
 }
@@ -15,7 +15,7 @@ type ContextProps = {
 
 const authContext = React.createContext<AuthContextProps | null>(null);
 
-export function ProvideAuth(props: ContextProps) {
+export function ProvideAuth(props: Readonly<ContextProps>) {
   const auth = useProvideAuth();
   return <authContext.Provider value={auth}>{props.children}</authContext.Provider>
 }
@@ -26,8 +26,9 @@ export const useAuth = () => {
 
 function useProvideAuth(): AuthContextProps {
   const [loginName, setLoginName] = useState<string | undefined>();
-  const [token, setToken] = useState<string | null>(getToken());
-  const { decodedToken } = useJwt(token || '');
+  const [trusted, setTrusted] = useState<boolean | undefined>();
+  const [token, setToken] = useState<string | undefined>(getToken());
+  const { decodedToken } = useJwt(token ?? '');
 
   useEffect(() => {
     if (token && token.length > 0) {
@@ -40,16 +41,19 @@ function useProvideAuth(): AuthContextProps {
   useEffect(() => {
     if (decodedToken) {
       setLoginName((decodedToken as any).login);
+      setTrusted((decodedToken as any).trusted);
     } else {
       setLoginName(undefined);
+      setTrusted(undefined);
     }
   }, [decodedToken]);
 
   function logout() {
     const trusted = (decodedToken as any).trusted;
     const logoutUrl = (decodedToken as any).logoutUrl;
-    setToken(null);
+    setToken(undefined);
     setLoginName(undefined);
+    setTrusted(undefined);
     if (trusted && logoutUrl?.length) {
       window.location.replace(logoutUrl);
     }
@@ -57,6 +61,7 @@ function useProvideAuth(): AuthContextProps {
 
   return {
     login: loginName,
+    trusted,
     setToken,
     logout,
   }

client/src/context/eggs.tsx

@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+import { AuthContextProps } from "./auth";
+import { EasterEgg, getEasterEgg } from "../../../types";
+
+export const useEasterEgg = (auth?: AuthContextProps | null): [EasterEgg | undefined, boolean] => {
+  const [result, setResult] = useState<EasterEgg | undefined>();
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    async function fetchEasterEgg() {
+      if (auth?.login) {
+        setLoading(true);
+        const egg = (await getEasterEgg())?.data;
+        setResult(egg);
+        setLoading(false);
+      }
+    }
+    fetchEasterEgg();
+
+  }, [auth?.login]);
+
+  return [result, loading];
+}

client/src/context/settings.tsx

@@ -1,34 +1,37 @@
-import React, { ReactNode, useContext, useState } from "react"
-import { useEffect } from "react"
+import React, { ReactNode, useContext, useEffect, useState } from "react"
 
 const BANK_ACCOUNT_NUMBER_KEY = 'bank_account_number';
 const BANK_ACCOUNT_HOLDER_KEY = 'bank_account_holder_name';
+const HIDE_SOUPS_KEY = 'hide_soups';
 
-export type BankContextProps = {
+export type SettingsContextProps = {
   bankAccount?: string,
   holderName?: string,
+  hideSoups?: boolean,
   setBankAccountNumber: (accountNumber?: string) => void,
   setBankAccountHolderName: (holderName?: string) => void,
+  setHideSoupsOption: (hideSoups?: boolean) => void,
 }
 
 type ContextProps = {
   children: ReactNode
 }
 
-const bankContext = React.createContext<BankContextProps | null>(null);
+const settingsContext = React.createContext<SettingsContextProps | null>(null);
 
-export function ProvideBank(props: ContextProps) {
-  const bank = useProvideBank();
-  return <bankContext.Provider value={bank}>{props.children}</bankContext.Provider>
+export function ProvideSettings(props: Readonly<ContextProps>) {
+  const settings = useProvideSettings();
+  return <settingsContext.Provider value={settings}>{props.children}</settingsContext.Provider>
 }
 
-export const useBank = () => {
-  return useContext(bankContext);
+export const useSettings = () => {
+  return useContext(settingsContext);
 }
 
-function useProvideBank(): BankContextProps {
+function useProvideSettings(): SettingsContextProps {
   const [bankAccount, setBankAccount] = useState<string | undefined>();
   const [holderName, setHolderName] = useState<string | undefined>();
+  const [hideSoups, setHideSoups] = useState<boolean | undefined>();
 
   useEffect(() => {
     const accountNumber = localStorage.getItem(BANK_ACCOUNT_NUMBER_KEY);
@@ -39,6 +42,10 @@ function useProvideBank(): BankContextProps {
     if (holderName) {
       setHolderName(holderName);
     }
+    const hideSoups = localStorage.getItem(HIDE_SOUPS_KEY);
+    if (hideSoups !== null) {
+      setHideSoups(hideSoups === 'true');
+    }
   }, [])
 
   useEffect(() => {
@@ -57,6 +64,14 @@ function useProvideBank(): BankContextProps {
     }
   }, [holderName]);
 
+  useEffect(() => {
+    if (hideSoups) {
+      localStorage.setItem(HIDE_SOUPS_KEY, hideSoups ? 'true' : 'false');
+    } else {
+      localStorage.removeItem(HIDE_SOUPS_KEY);
+    }
+  }, [hideSoups]);
+
   function setBankAccountNumber(bankAccount?: string) {
     setBankAccount(bankAccount);
   }
@@ -65,10 +80,16 @@ function useProvideBank(): BankContextProps {
     setHolderName(holderName);
   }
 
+  function setHideSoupsOption(hideSoups?: boolean) {
+    setHideSoups(hideSoups);
+  }
+
   return {
     bankAccount,
     holderName,
+    hideSoups,
     setBankAccountNumber,
     setBankAccountHolderName,
+    setHideSoupsOption,
   }
 }

client/src/context/socket.js

@@ -18,8 +18,3 @@ export const SocketContext = React.createContext();
 export const EVENT_CONNECT = 'connect';
 export const EVENT_DISCONNECT = 'disconnect';
 export const EVENT_MESSAGE = 'message';
-// export const EVENT_CONFIG = 'config';
-// export const EVENT_TOASTER = 'toaster';
-// export const EVENT_VOTING = 'voting';
-// export const EVENT_VOTE_CONFIG = 'voteSettings';
-// export const EVENT_ADMIN = 'admin';

client/src/enums.ts

@@ -0,0 +1,41 @@
+import { LunchChoice, Restaurant } from "../../types";
+
+export function getRestaurantName(restaurant: Restaurant) {
+    switch (restaurant) {
+        case Restaurant.SLADOVNICKA:
+            return "Sladovnická";
+        case Restaurant.TECHTOWER:
+            return "TechTower";
+        case Restaurant.ZASTAVKAUMICHALA:
+            return "Zastávka u Michala";
+        case Restaurant.SENKSERIKOVA:
+            return "Šenk Šeříková";
+        default:
+            return restaurant;
+    }
+}
+
+export function getLunchChoiceName(location: LunchChoice) {
+    switch (location) {
+        case Restaurant.SLADOVNICKA:
+            return "Sladovnická";
+        case Restaurant.TECHTOWER:
+            return "TechTower";
+        case Restaurant.ZASTAVKAUMICHALA:
+            return "Zastávka u Michala";
+        case Restaurant.SENKSERIKOVA:
+            return "Šenk Šeříková";
+        case LunchChoice.SPSE:
+            return "SPŠE";
+        case LunchChoice.PIZZA:
+            return "Pizza day";
+        case LunchChoice.OBJEDNAVAM:
+            return "Budu objednávat";
+        case LunchChoice.NEOBEDVAM:
+            return "Mám vlastní/neobědvám";
+        case LunchChoice.ROZHODUJI:
+            return "Rozhoduji se";
+        default:
+            return location;
+    }
+}

client/src/index.tsx

@@ -1,25 +1,38 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import App from './App';
-import { SocketContext, socket } from './context/socket';
 import { ProvideAuth } from './context/auth';
-import { ToastContainer } from 'react-toastify';
-import { ProvideBank } from './context/bank';
 import 'react-toastify/dist/ReactToastify.css';
 import './index.css';
+import AppRoutes from './AppRoutes';
+import { BrowserRouter } from 'react-router';
+import { client } from '../../types/gen/client.gen';
+import { getToken } from './Utils';
+import { toast } from 'react-toastify';
+
+client.setConfig({
+  auth: () => getToken(),
+  baseUrl: '/api', // openapi-ts si to z nějakého důvodu neumí převzít z api.yml
+});
+
+// Interceptor na vyhození toasteru při chybě
+client.interceptors.response.use(async response => {
+  // TODO opravit - login je zatím výjimka, voláme ho "naprázdno" abychom zjistili, zda nás nepřihlásily trusted headers
+  if (!response.ok && response.url.indexOf("/login") == -1) {
+    const json = await response.json();
+    toast.error(json.error, { theme: "colored" });
+  }
+  return response;
+});
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
 );
 root.render(
   <React.StrictMode>
-    <ProvideAuth>
-      <ProvideBank>
-        <SocketContext.Provider value={socket}>
-          <App />
-          <ToastContainer />
-        </SocketContext.Provider>
-      </ProvideBank>
-    </ProvideAuth>
+    <BrowserRouter>
+      <ProvideAuth>
+        <AppRoutes />
+      </ProvideAuth>
+    </BrowserRouter>
   </React.StrictMode>
 );

client/src/pages/StatsPage.scss

@@ -0,0 +1,16 @@
+.stats-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px;
+
+  .week-navigator {
+    display: flex;
+    align-items: center;
+    font-size: xx-large;
+
+    .date-range {
+      margin: 5px 20px;
+    }
+  }
+}

client/src/pages/StatsPage.tsx

@@ -0,0 +1,129 @@
+import { useCallback, useEffect, useState } from "react";
+import Footer from "../components/Footer";
+import Header from "../components/Header";
+import { useAuth } from "../context/auth";
+import Login from "../Login";
+import { formatDate, getFirstWorkDayOfWeek, getHumanDate, getLastWorkDayOfWeek } from "../Utils";
+import { WeeklyStats, LunchChoice, getStats } from "../../../types";
+import Loader from "../components/Loader";
+import { faChevronLeft, faChevronRight, faGear } from "@fortawesome/free-solid-svg-icons";
+import { Legend, Line, LineChart, Tooltip, XAxis, YAxis } from "recharts";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { getLunchChoiceName } from "../enums";
+import './StatsPage.scss';
+
+const CHART_WIDTH = 1400;
+const CHART_HEIGHT = 700;
+const STROKE_WIDTH = 2.5;
+
+const COLORS = [
+  // Komentáře jsou kvůli vizualizaci barev ve VS Code
+  '#ff1493', // #ff1493
+  '#1e90ff', // #1e90ff
+  '#c5a700', // #c5a700
+  '#006400', // #006400
+  '#b300ff', // #b300ff
+  '#ff4500', // #ff4500
+  '#bc8f8f', // #bc8f8f
+  '#00ff00', // #00ff00
+  '#7c7c7c', // #7c7c7c
+]
+
+export default function StatsPage() {
+  const auth = useAuth();
+  const [dateRange, setDateRange] = useState<Date[]>();
+  const [data, setData] = useState<WeeklyStats>();
+
+  // Prvotní nastavení aktuálního týdne
+  useEffect(() => {
+    const today = new Date();
+    setDateRange([getFirstWorkDayOfWeek(today), getLastWorkDayOfWeek(today)]);
+  }, []);
+
+  // Přenačtení pro zvolený týden
+  useEffect(() => {
+    if (dateRange) {
+      getStats({ query: { startDate: formatDate(dateRange[0]), endDate: formatDate(dateRange[1]) } }).then(response => {
+        setData(response.data);
+      });
+    }
+  }, [dateRange]);
+
+  const renderLine = (location: LunchChoice) => {
+    const index = Object.values(LunchChoice).indexOf(location);
+    return <Line key={location} name={getLunchChoiceName(location)} type="monotone" dataKey={data => data.locations[location] ?? 0} stroke={COLORS[index]} strokeWidth={STROKE_WIDTH} />
+  }
+
+  const handlePreviousWeek = () => {
+    if (dateRange) {
+      const previousStartDate = new Date(dateRange[0]);
+      previousStartDate.setDate(previousStartDate.getDate() - 7);
+      const previousEndDate = new Date(previousStartDate);
+      previousEndDate.setDate(previousEndDate.getDate() + 4);
+      setDateRange([previousStartDate, previousEndDate]);
+    }
+  }
+
+  const handleNextWeek = () => {
+    if (dateRange) {
+      const nextStartDate = new Date(dateRange[0]);
+      nextStartDate.setDate(nextStartDate.getDate() + 7);
+      const nextEndDate = new Date(nextStartDate);
+      nextEndDate.setDate(nextEndDate.getDate() + 4);
+      setDateRange([nextStartDate, nextEndDate]);
+    }
+  }
+
+  const handleKeyDown = useCallback((e: any) => {
+    if (e.keyCode === 37) {
+      handlePreviousWeek();
+    } else if (e.keyCode === 39) {
+      handleNextWeek()
+    }
+  }, [dateRange]);
+
+  useEffect(() => {
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    }
+  }, [handleKeyDown]);
+
+  if (!auth?.login) {
+    return <Login />;
+  }
+
+  if (!dateRange) {
+    return <Loader
+      icon={faGear}
+      description={'Načítám data...'}
+      animation={'fa-bounce'}
+    />
+  }
+
+  return (
+    <>
+      <Header />
+      <div className="stats-page">
+        <h1>Statistiky</h1>
+        <div className="week-navigator">
+          <span title="Předchozí týden">
+            <FontAwesomeIcon icon={faChevronLeft} style={{ cursor: "pointer" }} onClick={handlePreviousWeek} />
+          </span>
+          <h2 className="date-range">{getHumanDate(dateRange[0])} - {getHumanDate(dateRange[1])}</h2>
+          <span title="Následující týden">
+            <FontAwesomeIcon icon={faChevronRight} style={{ cursor: "pointer" }} onClick={handleNextWeek} />
+          </span>
+        </div>
+        <LineChart width={CHART_WIDTH} height={CHART_HEIGHT} data={data}>
+          {Object.values(LunchChoice).map(location => renderLine(location))}
+          <XAxis dataKey="date" />
+          <YAxis />
+          <Tooltip />
+          <Legend />
+        </LineChart>
+      </div>
+      <Footer />
+    </>
+  );
+}

client/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

client/tsconfig.json

@@ -1,11 +1,13 @@
 {
   "compilerOptions": {
-    "target": "es5",
     "lib": [
       "dom",
       "dom.iterable",
       "esnext"
     ],
+    "types": [
+      "vite/client"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -13,10 +15,12 @@
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
+    "module": "ESNext",
+    "target": "ESNext",
     "resolveJsonModule": true,
     "isolatedModules": true,
+    "allowImportingTsExtensions": true,
     "noEmit": true,
     "jsx": "react-jsx"
   }

client/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

client/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import viteTsconfigPaths from 'vite-tsconfig-paths'
+
+export default defineConfig({
+    // depending on your application, base can also be "/"
+    base: '',
+    plugins: [react(), viteTsconfigPaths()],
+    server: {
+        open: true,
+        port: 3000,
+        proxy: {
+            '/api': 'http://localhost:3001',
+        }
+    },
+})

compose.yml

@@ -1,5 +1,3 @@
-version: '3.8'
-
 services:
   redis:
     image: redis/redis-stack-server:7.2.0-RC3

package.json

@@ -1,7 +0,0 @@
-{
-    "private": true,
-    "workspaces": [
-        "client",
-        "server"
-    ]
-}

run_dev.sh

@@ -1,5 +1,18 @@
-export NODE_ENV=development
-yarn install
-cd server && yarn start &
-cd client && yarn start &
-wait
+#!/bin/bash
+# Spustí server a klienta v samostatných panelech uvnitř stejného tmux okna.
+# Pokud už daná tmux session existuje, pouze se k ní připojí.
+
+SCRIPT_DIR=$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )
+
+SESSION="luncher"
+
+if ! tmux has-session -t $SESSION 2>/dev/null; then
+    cd types && yarn openapi-ts && cd ..
+    tmux new-session -d -s $SESSION
+    tmux send-keys -t $SESSION:0 "cd $SCRIPT_DIR" Enter
+    tmux split-window -v
+    tmux send-keys -t $SESSION:0.0 "cd server && export NODE_ENV=development && yarn startReload" Enter
+    tmux send-keys -t $SESSION:0.1 "cd client && yarn start" Enter
+fi
+
+tmux attach-session -t $SESSION

server/.env.template

@@ -28,3 +28,13 @@
 #NTFY_HOST = "http://192.168.0.113:80"
 #NTFY_USERNAME="username"
 #NTFY_PASSWD="password"
+
+# Zapne přihlašování pomocí důvěryhodných hlaviček (trusted headers). Výchozí hodnota je false.
+# V případě zapnutí je nutno vyplnit také HTTP_REMOTE_TRUSTED_IPS.
+# HTTP_REMOTE_USER_ENABLED=true
+
+# Seznam IP adres nebo rozsahů oddělených čárkou, ze kterých budou akceptovány důvěryhodné hlavičky.
+# HTTP_REMOTE_TRUSTED_IPS=127.0.0.1,192.168.1.0/24
+
+# Název důvěryhodné hlavičky obsahující login uživatele. Výchozí hodnota je 'remote-user'.
+# HTTP_REMOTE_USER_HEADER_NAME=remote-user

server/.gitignore

@@ -1,5 +1,7 @@
-/node_modules
+/data
 /dist
-data.json
+/resources/easterEggs
+/src/gen
 .env.production
-.env.development
+.env.development
+.easter-eggs.json

server/package.json

@@ -6,32 +6,33 @@
   "private": true,
   "scripts": {
     "start": "ts-node src/index.ts",
-    "startReload": "nodemon src/index.ts",
+    "startReload": "nodemon --watch src src/index.ts",
     "build": "tsc -p .",
     "test": "jest"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.0",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-typescript": "^7.23.0",
-    "@types/express": "^4.17.17",
-    "@types/jsonwebtoken": "^9.0.2",
-    "@types/node": "^20.2.5",
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@types/express": "^5.0.5",
+    "@types/jest": "^30.0.0",
+    "@types/jsonwebtoken": "^9.0.10",
+    "@types/node": "^24.10.0",
     "@types/request-promise": "^4.1.48",
-    "babel-jest": "^29.7.0",
-    "jest": "^29.7.0",
-    "nodemon": "^2.0.22",
+    "babel-jest": "^30.2.0",
+    "jest": "^30.2.0",
+    "nodemon": "^3.1.10",
     "ts-node": "^10.9.1",
-    "typescript": "^5.0.2"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
-    "axios": "^1.4.0",
-    "cheerio": "^1.0.0-rc.12",
+    "axios": "^1.13.2",
+    "cheerio": "^1.1.2",
     "cors": "^2.8.5",
-    "dotenv": "^16.1.3",
-    "express": "^4.18.2",
+    "dotenv": "^17.2.3",
+    "express": "^5.1.0",
     "jsonwebtoken": "^9.0.0",
-    "redis": "^4.6.7",
+    "redis": "^5.9.0",
     "simple-json-db": "^2.0.0",
     "socket.io": "^4.6.1"
   }

server/src/chefie.ts

@@ -49,16 +49,16 @@ export async function downloadPizzy(mock: boolean): Promise<Pizza[]> {
     const $ = load(html);
     const links = $('.vypisproduktu > div > h4 > a');
     const urls = [];
-    for (let i = 0; i < links.length; i++) {
-        if (links[i].name === 'a' && links[i].attribs?.href) {
-            const pizzaUrl = links[i].attribs?.href;
+    for (const element of links) {
+        if (element.name === 'a' && element.attribs?.href) {
+            const pizzaUrl = element.attribs?.href;
             urls.push(buildPizzaUrl(pizzaUrl));
         }
     }
     // Scrapneme jednotlivé pizzy
     const result: Pizza[] = [];
-    for (let i = 0; i < urls.length; i++) {
-        const pizzaUrl = urls[i];
+    for (const element of urls) {
+        const pizzaUrl = element;
         const pizzaHtml = await axios.get(pizzaUrl).then(res => res.data);
         // Název
         const name = $('.produkt > h2', pizzaHtml).first().text()

server/src/index.ts

@@ -9,11 +9,13 @@ import { generateToken, verify } from "./auth";
 import { InsufficientPermissions } from "./utils";
 import { initWebsocket } from "./websocket";
 import pizzaDayRoutes from "./routes/pizzaDayRoutes";
-import foodRoutes from "./routes/foodRoutes";
+import foodRoutes, { refreshMetoda } from "./routes/foodRoutes";
 import votingRoutes from "./routes/votingRoutes";
+import easterEggRoutes from "./routes/easterEggRoutes";
+import statsRoutes from "./routes/statsRoutes";
 
-const ENVIRONMENT = process.env.NODE_ENV || 'production';
-dotenv.config({ path: path.resolve(__dirname, `./.env.${ENVIRONMENT}`) });
+const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
+dotenv.config({ path: path.resolve(__dirname, `../.env.${ENVIRONMENT}`) });
 
 // Validace nastavení JWT tokenu - nemá bez něj smysl vůbec povolit server spustit
 if (!process.env.JWT_SECRET) {
@@ -31,31 +33,56 @@ app.use(cors({
     origin: '*'
 }));
 
+// Zapínatelný login přes hlavičky - pokud je zapnutý nepovolí "basicauth"
+const HTTP_REMOTE_USER_ENABLED = process.env.HTTP_REMOTE_USER_ENABLED === 'true' || false;
+const HTTP_REMOTE_USER_HEADER_NAME = process.env.HTTP_REMOTE_USER_HEADER_NAME ?? 'remote-user';
+if (HTTP_REMOTE_USER_ENABLED) {
+    if (!process.env.HTTP_REMOTE_TRUSTED_IPS) {
+        throw new Error('Je zapnutý login z hlaviček, ale není nastaven rozsah adres ze kterých hlavička může přijít.');
+    }
+    const HTTP_REMOTE_TRUSTED_IPS = process.env.HTTP_REMOTE_TRUSTED_IPS.split(',').map(ip => ip.trim());
+    //TODO: nevim jak udelat console.log pouze pro "debug"
+    //console.log("Budu věřit hlavičkám z: " + HTTP_REMOTE_TRUSTED_IPS);
+    app.set('trust proxy', HTTP_REMOTE_TRUSTED_IPS);
+    console.log('Zapnutý login přes hlavičky z proxy.');
+}
+
+
 // ----------- Metody nevyžadující token --------------
 
 app.get("/api/whoami", (req, res) => {
-    res.send(req.header('remote-user'));
+    if (!HTTP_REMOTE_USER_ENABLED) {
+        res.status(403).json({ error: 'Není zapnuté přihlášení z hlaviček' });
+    }
+    if(process.env.ENABLE_HEADERS_LOGGING === 'yes'){
+        delete req.headers["cookie"]
+        console.log(req.headers)
+    }
+    res.send(req.header(HTTP_REMOTE_USER_HEADER_NAME));
 })
 
 app.post("/api/login", (req, res) => {
-    // Autentizace pomocí trusted headers
-    const remoteUser = req.header('remote-user');
-    const remoteName = req.header('remote-name');
-    if (remoteUser && remoteUser.length > 0 && remoteName && remoteName.length > 0) {
-        res.status(200).json(generateToken(Buffer.from(remoteName, 'latin1').toString(), true));
-        return;
+    if (HTTP_REMOTE_USER_ENABLED) { // je rovno app.enabled('trust proxy')
+        // Autentizace pomocí trusted headers
+        const remoteUser = req.header(HTTP_REMOTE_USER_HEADER_NAME);
+        //const remoteName = req.header('remote-name');
+        if (remoteUser && remoteUser.length > 0 ) {
+            res.status(200).json(generateToken(Buffer.from(remoteUser, 'latin1').toString(), true));
+        } else {
+            throw Error("Je zapnuto přihlášení přes hlavičky, ale nepřišla hlavička nebo ??");
+        }
+    } else {
+        // Klasická autentizace loginem
+        if (!req.body?.login || req.body.login.trim().length === 0) {
+            throw Error("Nebyl předán login");
+        }
+        // TODO zavést podmínky pro délku loginu (min i max)
+        res.status(200).json(generateToken(req.body.login, false));
     }
-    // Klasická autentizace loginem
-    if (!req.body?.login || req.body.login.trim().length === 0) {
-        throw Error("Nebyl předán login");
-    }
-    // TODO zavést podmínky pro délku loginu (min i max)
-    res.status(200).json(generateToken(req.body.login, false));
 });
 
 // TODO dočasné řešení - QR se zobrazuje přes <img>, nemáme sem jak dostat token
 app.get("/api/qr", (req, res) => {
-    // const login = getLogin(parseToken(req));
     if (!req.query?.login) {
         throw Error("Nebyl předán login");
     }
@@ -69,14 +96,24 @@ app.get("/api/qr", (req, res) => {
 
 // ----------------------------------------------------
 
+// Přeskočení auth pro refresh dat xd
+app.use("/api/food/refresh", refreshMetoda);
+
 /** Middleware ověřující JWT token */
 app.use("/api/", (req, res, next) => {
-    const userHeader = req.header('remote-user');
-    const nameHeader = req.header('remote-name');
-    const emailHeader = req.header('remote-email');
-    if (userHeader !== undefined && nameHeader !== undefined) {
-        const remoteName = Buffer.from(nameHeader, 'latin1').toString();
-        console.log("Tvuj username, name a email: %s, %s, %s.", userHeader, remoteName, emailHeader);
+    if (HTTP_REMOTE_USER_ENABLED) {
+        // Autentizace pomocí trusted headers
+        const remoteUser = req.header(HTTP_REMOTE_USER_HEADER_NAME);
+        if(process.env.ENABLE_HEADERS_LOGGING === 'yes'){
+            delete req.headers["cookie"]
+            console.log(req.headers)
+        }
+        if (remoteUser && remoteUser.length > 0) {
+            const remoteName = Buffer.from(remoteUser, 'latin1').toString();
+            if (ENVIRONMENT !== "production") {
+                console.log("Tvuj username: %s.", remoteName);
+            }
+        }
     }
     if (!req.headers.authorization) {
         return res.status(401).json({ error: 'Nebyl předán autentizační token' });
@@ -104,7 +141,11 @@ app.get("/api/data", async (req, res) => {
 app.use("/api/pizzaDay", pizzaDayRoutes);
 app.use("/api/food", foodRoutes);
 app.use("/api/voting", votingRoutes);
-app.use(express.static('public'))
+app.use("/api/easterEggs", easterEggRoutes);
+app.use("/api/stats", statsRoutes);
+
+app.use('/stats', express.static('public'));
+app.use(express.static('public'));
 
 // Middleware pro zpracování chyb
 app.use((err: any, req: any, res: any, next: any) => {
@@ -116,8 +157,8 @@ app.use((err: any, req: any, res: any, next: any) => {
     next();
 });
 
-const PORT = process.env.PORT || 3001;
-const HOST = process.env.HOST || '0.0.0.0';
+const PORT = process.env.PORT ?? 3001;
+const HOST = process.env.HOST ?? '0.0.0.0';
 
 server.listen(PORT, () => {
     console.log(`Server listening on ${HOST}, port ${PORT}`);

server/src/mock.ts

@@ -1,4 +1,4 @@
-import { getDayOfWeekIndex } from "./utils";
+import { WeeklyStats, LunchChoice } from "../../types/gen/types.gen";
 
 // Mockovací data pro podporované podniky, na jeden týden
 const MOCK_DATA = {
@@ -6,79 +6,31 @@ const MOCK_DATA = {
         [
             {
                 amount: "0,25l",
-                name: "Kulajda",
+                name: "Česnečka s uzeným masem a krutony",
                 price: "35\xA0Kč",
                 isSoup: true,
+                allergens: [1, 3, 7, 9]
             },
             {
                 amount: "250g",
-                name: "Kuřecí křidélka s vařeným bramborem",
+                name: "Přírodní roštěná s jasmínovou rýží",
                 price: "135\xA0Kč",
                 isSoup: false,
+                allergens: [1, 9, 10]
             },
             {
                 amount: "150g",
-                name: "Hovězí hamburger s BBQ omáčkou a hranolky",
+                name: "Noky s kuřecím masem a sýrovou omáčkou",
                 price: "145\xA0Kč",
                 isSoup: false,
+                allergens: [1, 3, 7]
             },
             {
                 amount: "150g",
-                name: "Frankfurtská hovězí pečeně s jasmínovou rýží",
-                price: "135\xA0Kč",
-                isSoup: false,
-            }
-        ],
-        [
-            {
-                amount: "0,25l",
-                name: "Hovězí vývar s kapáním",
-                price: "35\xA0Kč",
-                isSoup: true,
-            },
-            {
-                amount: "200g",
-                name: "Smažený karbanátek s bramborovou kaší",
-                price: "135\xA0Kč",
-                isSoup: false,
-            },
-            {
-                amount: "150g",
-                name: "Vepřová plec na smetaně s kynutým knedlíkem",
-                price: "135\xA0Kč",
-                isSoup: false,
-            },
-            {
-                amount: "150g",
-                name: "Trhané kachní maso se zeleninovým kuskusem",
-                price: "135\xA0Kč",
-                isSoup: false,
-            }
-        ],
-        [
-            {
-                amount: "0,25l",
-                name: "Zelná polévka s klobásou",
-                price: "35\xA0Kč",
-                isSoup: true,
-            },
-            {
-                amount: "150g",
-                name: "Hovězí na česneku s bramborovým knedlíkem",
-                price: "135\xA0Kč",
-                isSoup: false,
-            },
-            {
-                amount: "250g",
-                name: "Přírodní holandský řízek s bramborovou kaší, rajčatový salát",
-                price: "135\xA0Kč",
-                isSoup: false,
-            },
-            {
-                amount: "350g",
-                name: "Bagel s vinnou klobásou, cibulový konfit, kysané zelí, slanina a hořčicová mayo, hranolky, curry omáčka",
+                name: "Kuřecí stehno pečené na Moravance s feferony, bramborový knedlík",
                 price: "135\xA0Kč",
                 isSoup: false,
+                allergens: [1, 3, 7, 9]
             }
         ],
         [
@@ -87,50 +39,118 @@ const MOCK_DATA = {
                 name: "Kuřecí vývar s nudlemi",
                 price: "35\xA0Kč",
                 isSoup: true,
+                allergens: [1, 3, 7, 9]
             },
             {
-                amount: "150g",
-                name: "Kovbojské fazole s klobásou a chlebem",
-                price: "125\xA0Kč",
-                isSoup: false,
-            },
-            {
-                amount: "150g",
-                name: "Kuřecí rarášci s vařeným bramborem",
+                amount: "200g",
+                name: "Hovězí maso v rajské omáčce s kynutým knedlíkem",
                 price: "135\xA0Kč",
                 isSoup: false,
+                allergens: [1, 3, 7]
             },
             {
                 amount: "150g",
-                name: "Hovězí pečeně na slanině s jasmínovou rýží",
+                name: "Krůtí roláda se sušenými rajčaty , mozzarellou a bramborovou kaší",
                 price: "135\xA0Kč",
                 isSoup: false,
+                allergens: [1, 7]
+            },
+            {
+                amount: "150g",
+                name: "Telecí játra na grilu, restované brambory, tatarská omáčka , polníčkový salát",
+                price: "135\xA0Kč",
+                isSoup: false,
+                allergens: [3, 7]
             }
         ],
         [
             {
                 amount: "0,25l",
-                name: "Dršťková polévka",
+                name: "Zeleninová polévka",
                 price: "35\xA0Kč",
                 isSoup: true,
+                allergens: [3, 9]
             },
             {
                 amount: "150g",
-                name: "Tortilla s kuřecím masem, čedarem, zeleninou a papričkami jalapeňos",
+                name: "Smažené rybí filé s vařeným bramborem, tatarka",
                 price: "135\xA0Kč",
                 isSoup: false,
+                allergens: [3, 7]
             },
             {
-                amount: "150g",
-                name: "Segedínský guláš s kynutým knedlíkem",
+                amount: "250g",
+                name: "Vepřové výpečky se špenátem, bramborový knedlík 1,3,7",
                 price: "135\xA0Kč",
                 isSoup: false,
+                allergens: [1, 3, 7]
+            },
+            {
+                amount: "350g",
+                name: "Kuřecí řízek \" Ondráš \" , kysané zelí",
+                price: "135\xA0Kč",
+                isSoup: false,
+                allergens: [3, 7]
+            }
+        ],
+        [
+            {
+                amount: "0,25l",
+                name: "Hovězí vývar s játrovými knedlíčky",
+                price: "35\xA0Kč",
+                isSoup: true,
+                allergens: [1, 3]
             },
             {
                 amount: "150g",
-                name: "Filet z krůtích prsou, omáčka z modrého sýra, pečené brambory",
+                name: "Merguez klobáska, bílé fazole na kyselo, sázené vejce a vídeňská cibulka",
+                price: "125\xA0Kč",
+                isSoup: false,
+                allergens: [1, 3]
+            },
+            {
+                amount: "150g",
+                name: "Kuřecí steak s liškovou omáčkou a opečený brambor",
+                price: "135\xA0Kč",
+                isSoup: false,
+                allergens: [1, 7]
+            },
+            {
+                amount: "150g",
+                name: "Kaťák – vepřové kostky s feferonou, cibulí, kečupem ,česnekem, smažené krokety",
+                price: "135\xA0Kč",
+                isSoup: false,
+                allergens: [3, 7]
+            }
+        ],
+        [
+            {
+                amount: "0,25l",
+                name: "Čočková polévka",
+                price: "35\xA0Kč",
+                isSoup: true,
+                allergens: [9, 12]
+            },
+            {
+                amount: "150g",
+                name: "Ovocné knedlíky s tvarohem",
+                price: "135\xA0Kč",
+                isSoup: false,
+                allergens: [1, 3, 7]
+            },
+            {
+                amount: "150g",
+                name: "Smažený vepřový řízek s bramborovým salátem",
+                price: "135\xA0Kč",
+                isSoup: false,
+                allergens: [1, 3, 7, 9, 10]
+            },
+            {
+                amount: "150g",
+                name: "Znojemský hovězí guláš s jasmínovou rýží",
                 price: "145\xA0Kč",
                 isSoup: false,
+                allergens: [1, 9]
             }
         ]
     ],
@@ -270,104 +290,362 @@ const MOCK_DATA = {
         [
             {
                 amount: "-",
-                name: "Uzený vývar s kapustou",
+                name: "Batátový krém s chilli a kokosovým mlékem",
                 price: "40\xA0Kč",
                 isSoup: true,
+                allergens: [1, 7]
             },
             {
                 amount: "-",
-                name: "Čočka na kyselo, opečená klobása, okurka, chléb",
-                price: "120\xA0Kč",
+                name: "Kuřecí stehno na paprice, knedlík",
+                price: "130\xA0Kč",
                 isSoup: false,
+                allergens: [1, 3, 7]
             },
             {
                 amount: "-",
-                name: "Kuřecí medailonky se sýrovou omáčkou, hranolky",
-                price: "170\xA0Kč",
+                name: "Těstoviny se sušenými rajčaty a cuketou, parmezán",
+                price: "na\xA0váhu",
                 isSoup: false,
+                allergens: [1, 7]
+            },
+            {
+                amount: "-",
+                name: "Quesadilla s trhaným vepřovým masem, salát coleslaw, hranolky",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [1, 7]
+            },
+            {
+                amount: "-",
+                name: "Smažený kuřecí řízek v sezamové strouhance, vařené brambory, wasabi majonéza",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [1, 3, 7]
             }
         ],
         [
             {
                 amount: "-",
-                name: "Slepičí s nudlemi",
+                name: "Ovarová",
                 price: "40\xA0Kč",
                 isSoup: true,
+                allergens: [1]
             },
             {
                 amount: "-",
-                name: "Zvěřinový guláš, knedlík",
-                price: "120\xA0Kč",
+                name: "Zapečené těstoviny s uzeným masem, okurka",
+                price: "130\xA0Kč",
                 isSoup: false,
+                allergens: [1, 3, 7]
             },
             {
                 amount: "-",
-                name: "Smažený hermelín, brambory, tatarská omáčka",
-                price: "170\xA0Kč",
+                name: "Cheddarové kuličky s jalapeños, máslové brambory, tatarská omáčka",
+                price: "na\xA0váhu",
                 isSoup: false,
+                allergens: [1, 3, 7]
+            },
+            {
+                amount: "-",
+                name: "Steak z krkovice s miso omáčkou, jasmínová rýže",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [1, 6, 11]
+            },
+            {
+                amount: "-",
+                name: "Kuřecí supreme s bramborovo-mrkvovým pyré, restovaná cuketa",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [7]
             }
         ],
         [
             {
                 amount: "-",
-                name: "Dýňový krém se smetanou",
+                name: "Hovězí s hráškem a rýží",
                 price: "40\xA0Kč",
                 isSoup: true,
+                allergens: [9]
             },
             {
                 amount: "-",
-                name: "Kuřecí směs se zeleninou, rýže",
-                price: "120\xA0Kč",
+                name: "Rizoto s kuřecím masem a zeleninou, okurka, sýr",
+                price: "130\xA0Kč",
+                isSoup: false,
+                allergens: [7, 9]
+            },
+            {
+                amount: "-",
+                name: "Smažené rýžové nudle Pad thai s arašídy, zeleninou a vejcem",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [1, 3, 6, 8, 11]
+            },
+            {
+                amount: "-",
+                name: "Vykoštěné vepřové koleno s křenem a hořčicí, chléb",
+                price: "na\xA0váhu",
                 isSoup: false,
             },
             {
                 amount: "-",
-                name: "Hambuger Black Angus s čedarem a slaninou, cibulové kroužky",
-                price: "220\xA0Kč",
+                name: "Gordon bleu, hranolky, pikantní dip",
+                price: "na\xA0váhu",
                 isSoup: false,
+                allergens: [1, 3, 7]
             }
         ],
         [
             {
                 amount: "-",
-                name: "Zeleninová s jáhly",
+                name: "Dýňová",
                 price: "40\xA0Kč",
                 isSoup: true,
+                allergens: [1, 7]
             },
             {
                 amount: "-",
-                name: "Rizoto s vepřovým masem, okurka",
-                price: "120\xA0Kč",
+                name: "Uzená plec, křenová omáčka, knedlík",
+                price: "130\xA0Kč",
                 isSoup: false,
+                allergens: [1, 3, 7]
             },
             {
                 amount: "-",
-                name: "Steak z lososa, grilovaná zelenina",
-                price: "220\xA0Kč",
+                name: "Palačinky s marmeládou přelité čokoládou, sypané cukrem",
+                price: "na\xA0váhu",
                 isSoup: false,
+                allergens: [1, 3, 7]
+            },
+            {
+                amount: "-",
+                name: "Smažený holandský řízek s bramborovou kaší a nakládanou zeleninou",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [1, 3, 7]
+            },
+            {
+                amount: "-",
+                name: "Kuřecí jatýrka na smetaně s čerstvou majoránkou, jasmínová rýže",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [7]
             }
         ],
         [
             {
                 amount: "-",
-                name: "Fazolová s uzeninou",
+                name: "Hovězí vývar s játrovými knedlíčky",
                 price: "40\xA0Kč",
                 isSoup: true,
+                allergens: [1, 3, 7, 9]
             },
             {
                 amount: "-",
-                name: "Krůtí perkelt, těstoviny",
-                price: "120\xA0Kč",
+                name: "Kuřecí Kung-pao, jasmínová rýže",
+                price: "130\xA0Kč",
                 isSoup: false,
+                allergens: [1, 3, 5, 6]
             },
             {
                 amount: "-",
-                name: "Grilovaná vepřová panenka, parmazánové pyré",
-                price: "170\xA0Kč",
+                name: "Sýrové tortelliny s pažitkovou omáčkou",
+                price: "na\xA0váhu",
                 isSoup: false,
+                allergens: [1, 3, 7]
+            },
+            {
+                amount: "-",
+                name: "Teriyaki losos burger s frisée salátem a citrusovou majonézou, bramborové lupínky",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [1, 3, 6, 7, 11]
+            },
+            {
+                amount: "-",
+                name: "Vepřové výpečky s červeným zelím, bramborové knedlíky se smaženou cibulkou",
+                price: "na\xA0váhu",
+                isSoup: false,
+                allergens: [1, 3, 7]
             }
         ]
-    ]
+    ],
+    'zastavkaUmichala': [
+        [
+            {
+                amount: "-",
+                name: "Fazolačka s klobásou & zakysačkou",
+                price: "39\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Zeleninová musaka – lilek, cuketa, tomatové sugo & sýrový bešamel",
+                price: "135\xA0Kč",
+                isSoup: false,
+            },
+            {
+                amount: "-",
+                name: "Slovácké strapačky s uzenou slaninou, zelím, mletým pepřem & sekanou petrželkou",
+                price: "140\xA0Kč",
+                isSoup: false,
+            },
+            {
+                amount: "-",
+                name: "Hovězí guláš s vejcem, zeleninovou garniturkou & žemlovými knedlíky",
+                price: "145\xA0Kč",
+                isSoup: false,
+            },
+            {
+                amount: "-",
+                name: "Kuřecí roláda s kaštanovou nádivkou, demi-glace & smetanovou bramborovou kaší",
+                price: "150\xA0Kč",
+                isSoup: false,
+            }
+        ],
+        [
+            {
+                amount: "-",
+                name: "Hovězí vývar se zeleninou a játrovou rýží",
+                price: "39\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Pečené vepřové koleno, křen, hořčice, chléb",
+                price: "320\xA0Kč",
+                isSoup: false,
+            }
+        ],
+        [
+            {
+                amount: "-",
+                name: "Zeleninová polévka s kuskusem",
+                price: "39\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Poutine (trhané vepřové, hranolky, sýr, čalamáda, pikantní omáčka)",
+                price: "190\xA0Kč",
+                isSoup: false,
+            }
+        ],
+        [
+            {
+                amount: "-",
+                name: "Hrachová polévka s uzeninou",
+                price: "39\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Vepřový řízek z kotlety, domácí bramborový salát",
+                price: "170\xA0Kč",
+                isSoup: false,
+            }
+        ],
+        [
+            {
+                amount: "-",
+                name: "Cibulačka se sýrem",
+                price: "39\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Burger z Chuck rollu, hranolky, tatarská omáčka",
+                price: "200\xA0Kč",
+                isSoup: false,
+            }
+        ],
+    ],
+    'senkSerikova': [
+        [
+            {
+                amount: "-",
+                name: "Drůbeží vývar s masem a nudlemi",
+                price: "45\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Vepřová pečeně se zelím a houskovým knedlíkem",
+                price: "155\xA0Kč",
+                isSoup: false,
+            },
+            {
+                amount: "-",
+                name: "Špagety s kuřecím masem, špenátem a smetanou",
+                price: "145\xA0Kč",
+                isSoup: false,
+            },
+            {
+                amount: "-",
+                name: "Medailonky z vepřové panenky s fazolkami se slaninou, šťouchané brambory",
+                price: "185\xA0Kč",
+                isSoup: false,
+            }
+        ],
+        [
+            {
+                amount: "-",
+                name: "Mrkvová polévka se zázvorem a kokosovým mlékem",
+                price: "45\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Hovězí po Burgundsku, bramborová kaše",
+                price: "155\xA0Kč",
+                isSoup: false,
+            }
+        ],
+        [
+            {
+                amount: "-",
+                name: "Hovězí vývar s játrovými knedlíčky",
+                price: "45\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Kuřecí plátky na sušených rajčatech, bylinkách a česneku, bramborová kaše",
+                price: "155\xA0Kč",
+                isSoup: false,
+            }
+        ],
+        [
+            {
+                amount: "-",
+                name: "Kuřecí vývar s rýží",
+                price: "45\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Rajská s plněnou paprikou, knedlík",
+                price: "170\xA0Kč",
+                isSoup: false,
+            }
+        ],
+        [
+            {
+                amount: "-",
+                name: "Mexická fazolová polévka",
+                price: "45\xA0Kč",
+                isSoup: true,
+            },
+            {
+                amount: "-",
+                name: "Ragú z trhané kachny, onsen vejce, soté ze špenátu a ředkvičky, bramborové pyré, lanýžová sůl, zelený olej",
+                price: "189\xA0Kč",
+                isSoup: false,
+            }
+        ],
+    ],
 }
 
 // Mockovací data pro Pizza day
@@ -1120,8 +1398,11 @@ const MOCK_PIZZA_LIST = [
     }
 ]
 
-export const getTodayMock = () => {
-    return '2023-05-31'; // středa
+/**
+ * Funkce vrací mock datu ve formátu YYYY-MM-DD
+ */
+export const getTodayMock = (): Date => {
+    return new Date('2025-01-10'); // pátek
 }
 
 export const getMenuSladovnickaMock = () => {
@@ -1136,6 +1417,39 @@ export const getMenuTechTowerMock = () => {
     return MOCK_DATA['techTower'];
 }
 
+export const getMenuZastavkaUmichalaMock = () => {
+    return MOCK_DATA['zastavkaUmichala'];
+}
+
+export const getMenuSenkSerikovaMock = () => {
+    return MOCK_DATA['senkSerikova'];
+}
+
 export const getPizzaListMock = () => {
     return MOCK_PIZZA_LIST;
+}
+
+export const getStatsMock = (): WeeklyStats => {
+    return [
+        {
+            date: '24.02.',
+            locations: { ...Object.keys(LunchChoice).reduce((prev, cur) => ({ ...prev, [cur]: Math.floor(Math.random() * 10) }), {}) }
+        },
+        {
+            date: '25.02.',
+            locations: { ...Object.keys(LunchChoice).reduce((prev, cur) => ({ ...prev, [cur]: Math.floor(Math.random() * 10) }), {}) }
+        },
+        {
+            date: '26.02.',
+            locations: { ...Object.keys(LunchChoice).reduce((prev, cur) => ({ ...prev, [cur]: Math.floor(Math.random() * 10) }), {}) }
+        },
+        {
+            date: '27.02.',
+            locations: { ...Object.keys(LunchChoice).reduce((prev, cur) => ({ ...prev, [cur]: Math.floor(Math.random() * 10) }), {}) }
+        },
+        {
+            date: '28.02.',
+            locations: { ...Object.keys(LunchChoice).reduce((prev, cur) => ({ ...prev, [cur]: Math.floor(Math.random() * 10) }), {}) }
+        }
+    ];
 }

server/src/notifikace.ts

@@ -1,60 +1,14 @@
-/** Notifikace pro gotify*/
-import { ClientData, GotifyServer, NotififaceInput, NotifikaceData } from '../../types';
-import axios, { AxiosError } from 'axios';
+import axios from 'axios';
 import dotenv from 'dotenv';
 import path from 'path';
-import { getToday } from "./service";
-import { formatDate, getUsersByLocation } from "./utils";
-import getStorage from "./storage";
+import { getClientData, getToday } from "./service";
+import { getUsersByLocation, getHumanTime } from "./utils";
+import { NotifikaceData, NotifikaceInput } from '../../types';
 
-const storage = getStorage();
-const ENVIRONMENT = process.env.NODE_ENV || 'production'
+const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
 dotenv.config({ path: path.resolve(__dirname, `../.env.${ENVIRONMENT}`) });
 
-const gotifyDataRaw = process.env.GOTIFY_SERVERS_AND_KEYS || "{}";
-const gotifyData: GotifyServer[] = JSON.parse(gotifyDataRaw);
-export const gotifyCall = async (data: NotififaceInput, gotifyServers?: GotifyServer[]): Promise<any[]> => {
-    if (!Array.isArray(gotifyServers)) {
-        return []
-    }
-    const urls = gotifyServers.flatMap(gotifyServer =>
-        gotifyServer.api_keys.map(apiKey => `${gotifyServer.server}/message?token=${apiKey}`));
-
-    const dataPayload = {
-        title: "Luncher",
-        message: `${data.udalost} - spustil:${data.user}`,
-        priority: 7,
-    };
-
-    const headers = { "Content-Type": "application/json" };
-
-    const promises = urls.map(url =>
-        axios.post(url, dataPayload, { headers }).then(response => {
-            response.data = {
-                success: true,
-                message: "Notifikace doručena",
-            };
-            return response;
-        }).catch(error => {
-            if (axios.isAxiosError(error)) {
-                const axiosError = error as AxiosError;
-                if (axiosError.response) {
-                    axiosError.response.data = {
-                        success: false,
-                        message: "fail",
-                    };
-                    console.log(error)
-                    return axiosError.response;
-                }
-            }
-            // Handle unknown error without a response
-            console.log(error, "unknown error");
-        })
-    );
-    return promises;
-};
-
-export const ntfyCall = async (data: NotififaceInput) => {
+export const ntfyCall = async (data: NotifikaceInput) => {
     const url = process.env.NTFY_HOST
     const username = process.env.NTFY_USERNAME;
     const password = process.env.NTFY_PASSWD;
@@ -70,8 +24,7 @@ export const ntfyCall = async (data: NotififaceInput) => {
         console.log("NTFY_PASSWD není definován v env")
         return
     }
-    const today = formatDate(getToday());
-    let clientData: ClientData = await storage.getData(today);
+    let clientData = await getClientData(getToday());
     const userByCLocation = getUsersByLocation(clientData.choices, data.user)
 
     const token = Buffer.from(`${username}:${password}`, 'utf8').toString('base64');
@@ -97,27 +50,64 @@ export const ntfyCall = async (data: NotififaceInput) => {
     return promises;
 
 }
+
+export const teamsCall = async (data: NotifikaceInput) => {
+    const url = process.env.TEAMS_WEBHOOK_URL;
+    const title = data.udalost;
+    let time = new Date();
+    time.setTime(time.getTime() + 1000 * 60);
+    const message = 'Odcházíme v ' + getHumanTime(time) + ', ' + data.user;
+    const card = {
+        '@type': 'MessageCard',
+        '@context': 'http://schema.org/extensions',
+        'themeColor': "0072C6", // light blue
+        summary: 'Summary description',
+        sections: [
+            {
+                activityTitle: title,
+                text: message,
+            },
+        ],
+    };
+
+    if (!url) {
+        console.log("TEAMS_WEBHOOK_URL není definován v env")
+        return
+    }
+
+    try {
+        const response = await axios.post(url, card, {
+            headers: {
+                'content-type': 'application/vnd.microsoft.teams.card.o365connector'
+            },
+        });
+        return `${response.status} - ${response.statusText}`;
+    } catch (err) {
+        return err;
+    }
+}
+
 /** Zavolá notifikace na všechny konfigurované způsoby notifikace, přetížení proměných na false pro jednotlivé způsoby je vypne*/
 export const callNotifikace = async ({ input, teams = true, gotify = false, ntfy = true }: NotifikaceData) => {
     const notifications = [];
+
     if (ntfy) {
         const ntfyPromises = await ntfyCall(input);
         if (ntfyPromises) {
             notifications.push(...ntfyPromises);
         }
     }
-    /* Zatím není
     if (teams) {
-         notifications.push(teamsCall(input));
-     }*/
-
-    // Add more notifications as necessary
-
-    //gotify bych řekl, že už je deprecated
-    if (gotify) {
-        const gotifyPromises = await gotifyCall(input, gotifyData);
-        notifications.push(...gotifyPromises);
+        const teamsPromises = await teamsCall(input);
+        if (teamsPromises) {
+            notifications.push(teamsPromises);
+        }
     }
+    // gotify bych řekl, že už je deprecated
+    // if (gotify) {
+    //     const gotifyPromises = await gotifyCall(input, gotifyData);
+    //     notifications.push(...gotifyPromises);
+    // }
 
     try {
         const results = await Promise.all(notifications);

server/src/pizza.ts

@@ -1,10 +1,10 @@
 import { formatDate } from "./utils";
 import { callNotifikace } from "./notifikace";
 import { generateQr } from "./qr";
-import { ClientData, PizzaDayState, UdalostEnum, Pizza, PizzaSize, Order, PizzaOrder, DayData } from "../../types";
 import getStorage from "./storage";
 import { downloadPizzy } from "./chefie";
-import { getToday, initIfNeeded } from "./service";
+import { getClientData, getToday, initIfNeeded } from "./service";
+import { Pizza, ClientData, PizzaDayState, PizzaSize, PizzaOrder, PizzaVariant, UdalostEnum } from "../../types/gen/types.gen";
 
 const storage = getStorage();
 
@@ -14,8 +14,7 @@ const storage = getStorage();
  */
 export async function getPizzaList(): Promise<Pizza[] | undefined> {
     await initIfNeeded();
-    const today = formatDate(getToday());
-    let clientData: DayData = await storage.getData(today);
+    let clientData = await getClientData(getToday());
     if (!clientData.pizzaList) {
         const mock = process.env.MOCK_DATA === 'true';
         clientData = await savePizzaList(await downloadPizzy(mock));
@@ -31,9 +30,9 @@ export async function getPizzaList(): Promise<Pizza[] | undefined> {
 export async function savePizzaList(pizzaList: Pizza[]): Promise<ClientData> {
     await initIfNeeded();
     const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     clientData.pizzaList = pizzaList;
-    clientData.pizzaListLastUpdate = new Date();
+    clientData.pizzaListLastUpdate = formatDate(new Date());
     await storage.setData(today, clientData);
     return clientData;
 }
@@ -43,14 +42,14 @@ export async function savePizzaList(pizzaList: Pizza[]): Promise<ClientData> {
  */
 export async function createPizzaDay(creator: string): Promise<ClientData> {
     await initIfNeeded();
-    const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     if (clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den již existuje");
     }
     // TODO berka rychlooprava, vyřešit lépe - stahovat jednou, na jediném místě!
     const pizzaList = await getPizzaList();
     const data: ClientData = { pizzaDay: { state: PizzaDayState.CREATED, creator, orders: [] }, pizzaList, ...clientData };
+    const today = formatDate(getToday());
     await storage.setData(today, data);
     callNotifikace({ input: { udalost: UdalostEnum.ZAHAJENA_PIZZA, user: creator } })
     return data;
@@ -60,8 +59,7 @@ export async function createPizzaDay(creator: string): Promise<ClientData> {
  * Smaže pizza day pro aktuální den.
  */
 export async function deletePizzaDay(login: string): Promise<ClientData> {
-    const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
@@ -69,6 +67,7 @@ export async function deletePizzaDay(login: string): Promise<ClientData> {
         throw Error("Login uživatele se neshoduje se zakladatelem Pizza Day");
     }
     delete clientData.pizzaDay;
+    const today = formatDate(getToday());
     await storage.setData(today, clientData);
     return clientData;
 }
@@ -82,28 +81,31 @@ export async function deletePizzaDay(login: string): Promise<ClientData> {
  */
 export async function addPizzaOrder(login: string, pizza: Pizza, size: PizzaSize) {
     const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
     if (clientData.pizzaDay.state !== PizzaDayState.CREATED) {
         throw Error("Pizza day není ve stavu " + PizzaDayState.CREATED);
     }
-    let order: Order | undefined = clientData.pizzaDay.orders.find(o => o.customer === login);
+    let order: PizzaOrder | undefined = clientData.pizzaDay?.orders?.find(o => o.customer === login);
     if (!order) {
         order = {
             customer: login,
             pizzaList: [],
             totalPrice: 0,
+            hasQr: false,
         }
+        clientData.pizzaDay.orders ??= [];
         clientData.pizzaDay.orders.push(order);
     }
-    const pizzaOrder: PizzaOrder = {
+    const pizzaOrder: PizzaVariant = {
         varId: size.varId,
         name: pizza.name,
         size: size.size,
         price: size.price,
     }
+    order.pizzaList ??= [];
     order.pizzaList.push(pizzaOrder);
     order.totalPrice += pizzaOrder.price;
     await storage.setData(today, clientData);
@@ -116,26 +118,26 @@ export async function addPizzaOrder(login: string, pizza: Pizza, size: PizzaSize
  * @param login login uživatele
  * @param pizzaOrder objednávka pizzy
  */
-export async function removePizzaOrder(login: string, pizzaOrder: PizzaOrder) {
+export async function removePizzaOrder(login: string, pizzaOrder: PizzaVariant) {
     const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
-    const orderIndex = clientData.pizzaDay.orders.findIndex(o => o.customer === login);
+    const orderIndex = clientData.pizzaDay.orders!.findIndex(o => o.customer === login);
     if (orderIndex < 0) {
         throw Error("Nebyly nalezeny žádné objednávky pro uživatele " + login);
     }
-    const order = clientData.pizzaDay.orders[orderIndex];
-    const index = order.pizzaList.findIndex(o => o.name === pizzaOrder.name && o.size === pizzaOrder.size);
+    const order = clientData.pizzaDay.orders![orderIndex];
+    const index = order.pizzaList!.findIndex(o => o.name === pizzaOrder.name && o.size === pizzaOrder.size);
     if (index < 0) {
         throw Error("Objednávka s danými parametry nebyla nalezena");
     }
-    const price = order.pizzaList[index].price;
-    order.pizzaList.splice(index, 1);
+    const price = order.pizzaList![index].price;
+    order.pizzaList!.splice(index, 1);
     order.totalPrice -= price;
-    if (order.pizzaList.length == 0) {
-        clientData.pizzaDay.orders.splice(orderIndex, 1);
+    if (order.pizzaList!.length == 0) {
+        clientData.pizzaDay.orders!.splice(orderIndex, 1);
     }
     await storage.setData(today, clientData);
     return clientData;
@@ -149,7 +151,7 @@ export async function removePizzaOrder(login: string, pizzaOrder: PizzaOrder) {
  */
 export async function lockPizzaDay(login: string) {
     const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
@@ -172,7 +174,7 @@ export async function lockPizzaDay(login: string) {
  */
 export async function unlockPizzaDay(login: string) {
     const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
@@ -195,7 +197,7 @@ export async function unlockPizzaDay(login: string) {
  */
 export async function finishPizzaOrder(login: string) {
     const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
@@ -220,7 +222,7 @@ export async function finishPizzaOrder(login: string) {
  */
 export async function finishPizzaDelivery(login: string, bankAccount?: string, bankAccountHolder?: string) {
     const today = formatDate(getToday());
-    const clientData: DayData = await storage.getData(today);
+    const clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
@@ -234,9 +236,9 @@ export async function finishPizzaDelivery(login: string, bankAccount?: string, b
 
     // Vygenerujeme QR kód, pokud k tomu máme data
     if (bankAccount?.length && bankAccountHolder?.length) {
-        for (const order of clientData.pizzaDay.orders) {
+        for (const order of clientData.pizzaDay.orders!) {
             if (order.customer !== login) { // zatím platí creator = objednávající, a pro toho nemá QR kód smysl
-                let message = order.pizzaList.map(pizza => `Pizza ${pizza.name} (${pizza.size})`).join(', ');
+                let message = order.pizzaList!.map(pizza => `Pizza ${pizza.name} (${pizza.size})`).join(', ');
                 await generateQr(order.customer, bankAccount, bankAccountHolder, order.totalPrice, message);
                 order.hasQr = true;
             }
@@ -255,15 +257,15 @@ export async function finishPizzaDelivery(login: string, bankAccount?: string, b
  */
 export async function updatePizzaDayNote(login: string, note?: string) {
     const today = formatDate(getToday());
-    let clientData: DayData = await storage.getData(today);
+    let clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
     if (clientData.pizzaDay.state !== PizzaDayState.CREATED) {
         throw Error("Pizza day není ve stavu " + PizzaDayState.CREATED);
     }
-    const myOrder = clientData.pizzaDay.orders.find(o => o.customer === login);
-    if (!myOrder || !myOrder.pizzaList.length) {
+    const myOrder = clientData.pizzaDay.orders!.find(o => o.customer === login);
+    if (!myOrder?.pizzaList?.length) {
         throw Error("Pizza day neobsahuje žádné objednávky uživatele " + login);
     }
     myOrder.note = note;
@@ -282,7 +284,7 @@ export async function updatePizzaDayNote(login: string, note?: string) {
  */
 export async function updatePizzaFee(login: string, targetLogin: string, text?: string, price?: number) {
     const today = formatDate(getToday());
-    let clientData: DayData = await storage.getData(today);
+    let clientData = await getClientData(getToday());
     if (!clientData.pizzaDay) {
         throw Error("Pizza day pro dnešní den neexistuje");
     }
@@ -292,8 +294,8 @@ export async function updatePizzaFee(login: string, targetLogin: string, text?:
     if (clientData.pizzaDay.creator !== login) {
         throw Error("Příplatky může měnit pouze zakladatel Pizza day");
     }
-    const targetOrder = clientData.pizzaDay.orders.find(o => o.customer === targetLogin);
-    if (!targetOrder || !targetOrder.pizzaList.length) {
+    const targetOrder = clientData.pizzaDay.orders!.find(o => o.customer === targetLogin);
+    if (!targetOrder?.pizzaList?.length) {
         throw Error(`Pizza day neobsahuje žádné objednávky uživatele ${targetLogin}`);
     }
     if (!price) {
@@ -302,7 +304,7 @@ export async function updatePizzaFee(login: string, targetLogin: string, text?:
         targetOrder.fee = { text, price };
     }
     // Přepočet ceny
-    targetOrder.totalPrice = targetOrder.pizzaList.reduce((price, pizzaOrder) => price + pizzaOrder.price, 0) + (targetOrder.fee?.price || 0);
+    targetOrder.totalPrice = targetOrder.pizzaList.reduce((price, pizzaOrder) => price + pizzaOrder.price, 0) + (targetOrder.fee?.price ?? 0);
     await storage.setData(today, clientData);
     return clientData;
 }

server/src/restaurants.ts

@@ -1,16 +1,33 @@
 import axios from "axios";
 import { load } from 'cheerio';
-import { Food } from "../../types";
-import { getMenuSladovnickaMock, getMenuTechTowerMock, getMenuUMotlikuMock } from "./mock";
+import { getMenuSladovnickaMock, getMenuTechTowerMock, getMenuUMotlikuMock, getMenuZastavkaUmichalaMock, getMenuSenkSerikovaMock } from "./mock";
+import { formatDate } from "./utils";
+import { Food } from "../../types/gen/types.gen";
 
 // Fráze v názvech jídel, které naznačují že se jedná o polévku
-const SOUP_NAMES = ['polévka', 'česnečka', 'česnekový krém', 'cibulačka', 'vývar']
+const SOUP_NAMES = [
+    'polévka',
+    'česnečka',
+    'česnekový krém',
+    'cibulačka',
+    'vývar',
+    'fazolová',
+    'cuketový krém',
+    'boršč',
+    'slepičí s ',
+    'zeleninová s ',
+    'hovězí s ',
+    'kachní kaldoun',
+    'dršťková'
+];
 const DAYS_IN_WEEK = ['pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek', 'sobota', 'neděle'];
 
 // URL na týdenní menu jednotlivých restaurací
-const SLADOVNICKA_URL = 'https://sladovnicka.unasplzenchutna.cz/cz/denni-nabidka';
+const SLADOVNICKA_URL = 'https://sladovnicka.unasplzenchutna.cz/cz/#denni-nabidka';
 const U_MOTLIKU_URL = 'https://www.umotliku.cz/menu';
 const TECHTOWER_URL = 'https://www.equifarm.cz/restaurace-techtower';
+const ZASTAVKAUMICHALA_URL = 'https://www.zastavkaumichala.cz';
+const SENKSERIKOVA_URL = 'https://www.menicka.cz/6561-pivovarsky-senk-serikova.html';
 
 /**
  * Vrátí true, pokud předaný text obsahuje některé ze slov, které naznačuje, že se jedná o polévku.
@@ -36,6 +53,28 @@ const sanitizeText = (text: string): string => {
     return text.replace('\t', '').replace(' , ', ', ').trim();
 }
 
+/**
+ * Parsuje čísla alergenů z názvu jídla a vrací vyčištěný název spolu s polem alergenů.
+ * Alergeny jsou očekávány na konci názvu ve formátu číslic oddělených čárkami.
+ * 
+ * @param name původní název jídla
+ * @returns objekt obsahující vyčištěný název a pole alergenů
+ */
+const parseAllergens = (name: string): { cleanName: string, allergens: number[] } => {
+    // Regex pro nalezení čísel na konci řetězce oddělených čárkami a případnými mezerami
+    const regex = /\s+(\d+(?:\s*,\s*\d+)*)\s*$/;
+    const match = regex.exec(name);
+    
+    if (match) {
+        const allergenString = match[1];
+        const allergens = allergenString.split(',').map(num => Number.parseInt(num.trim(), 10)).filter(num => !Number.isNaN(num));
+        const cleanName = name.replace(regex, '').trim();
+        return { cleanName, allergens };
+    }
+    
+    return { cleanName: name, allergens: [] };
+}
+
 /**
  * Stáhne a vrátí aktuální HTML z dané URL.
  * 
@@ -61,84 +100,97 @@ export const getMenuSladovnicka = async (firstDayOfWeek: Date, mock: boolean = f
     const html = await getHtml(SLADOVNICKA_URL);
     const $ = load(html);
 
-    const list = $('ul.tab-links').children();
+    // Nejdříve zjistíme, které dny jsou k dispozici z tab elementů
+    const tabElements = $('#daily-menu-tab-list').children('button[id^="daily-menu-tab-"]');
+    const availableDays: { [dayIndex: number]: number } = {}; // mapování dayIndex -> contentIndex
+    
+    tabElements.each((contentIndex, tabElement) => {
+        const dayText = $(tabElement).find('.daily-menu-tab__day').text().toLowerCase();
+        const dayIndex = DAYS_IN_WEEK.indexOf(dayText);
+        if (dayIndex !== -1 && dayIndex < 5) { // pouze pracovní dny (0-4)
+            availableDays[dayIndex] = contentIndex;
+        }
+    });
+
+    const menuContentElements = $('#daily-menu-content-list').children('[id^="daily-menu-content-"]');
+    
     const result: Food[][] = [];
+    
+    // Inicializujeme všechny pracovní dny (0-4) prázdnými poli
     for (let dayIndex = 0; dayIndex < 5; dayIndex++) {
-        const currentDate = new Date(firstDayOfWeek);
-        currentDate.setDate(firstDayOfWeek.getDate() + dayIndex);
-        const searchedDayText = `${currentDate.getDate()}.${currentDate.getMonth() + 1}.${capitalize(DAYS_IN_WEEK[dayIndex])}`;
-        // Najdeme index pro vstupní datum (např. při svátcích bude posunutý)
-        // TODO validovat, že vstupní datum je v aktuálním týdnu
-        // TODO tenhle způsob je zbytečně komplikovaný - stačilo by hledat rovnou v div.tab-content, protože každý den tam má datum taky (akorát je print-only)
-        let index = undefined;
-        list.each((i, dayRow) => {
-            const rowText = $(dayRow).first().text().trim();
-            if (rowText === searchedDayText) {
-                index = i;
-                return;
-            }
-        })
-        if (index === undefined) {
-            // Pravděpodobně svátek, nebo je zavřeno
-            result[dayIndex] = [{
-                amount: undefined,
-                name: "Pro daný den nebyla nalezena denní nabídka",
-                price: "",
-                isSoup: false,
-            }];
+        result[dayIndex] = [];
+    }
+    
+    // Projdeme pouze dostupné dny
+    for (const [dayIndex, contentIndex] of Object.entries(availableDays)) {
+        const dayIndexNum = Number.parseInt(dayIndex);
+        const contentIndexNum = contentIndex;
+        
+        if (contentIndexNum >= menuContentElements.length) {
+            continue; // Přeskočíme, pokud content element neexistuje
+        }
+        
+        const dayChildren = $(menuContentElements[contentIndexNum]).children();
+        
+        // Ověříme, že má element očekávanou strukturu
+        if (dayChildren.length < 2) {
+            console.warn(`Neočekávaný počet children v menu Sladovnické pro den ${dayIndexNum}: ${dayChildren.length}, očekávány alespoň 2 (polévka a hlavní jídlo)`);
             continue;
         }
 
-        // Dle dohledaného indexu najdeme správný tabpanel
-        const rows = $('div.tab-content').children();
-        if (index >= rows.length) {
-            throw Error("V HTML nebyl nalezen řádek menu pro index " + index);
-        }
-        const tabPanel = $(rows.get(index));
-
-        // Opětovná validace, že daný tabpanel je pro vstupní datum
-        const headers = tabPanel.find('h2');
-        if (headers.length !== 3) {
-            throw Error("Neočekávaný počet elementů h2 v menu pro datum " + searchedDayText + ", očekávány 3, ale nalezeno bylo " + headers.length);
-        }
-        const dayText = $(headers.get(0)).text().trim();
-        if (dayText !== searchedDayText) {
-            throw Error("Neočekávaný datum na řádce nalezeného dne: '" + dayText + "', ale očekáváno bylo '" + searchedDayText + "'");
-        }
-
-        // V tabpanelu očekáváme dvě tabulky - pro polévku a pro hlavní jídlo 
-        const tables = tabPanel.find('table');
-        if (tables.length !== 2) {
-            throw Error("Neočekávaný počet tabulek na řádce nalezeného dne: " + tables.length + ", ale očekávány byly 2");
-        }
-        const currentDayFood: Food[] = [];
-        // Polévka - div -> table -> tbody -> tr -> 3x td
-        const soupCells = $(tables.get(0)).children().first().children().first().children();
+        // Parsování polévky
+        const soupElement = dayChildren.get(0);
+        const soupTable = $(soupElement).find('table tbody tr');
+        const soupCells = soupTable.children('td');
         if (soupCells.length !== 3) {
-            throw Error("Neočekávaný počet buněk v tabulce polévky: " + soupCells.length + ", ale očekávány byly 3");
+            console.warn(`Neočekávaný počet buněk v tabulce polévky pro den ${dayIndexNum}: ${soupCells.length}, ale očekávány byly 3`);
+            continue;
         }
+        
+        const soupAmount = sanitizeText($(soupCells.get(0)).text());
+        const soupNameRaw = sanitizeText($(soupCells.get(1)).text());
+        const soupPrice = sanitizeText($(soupCells.get(2)).text().replace(' ', '\xA0'));
+        const soupParsed = parseAllergens(soupNameRaw);
+        
+        // Parsování hlavních jídel
+        const mainCourseElement = dayChildren.get(1);
+        const mainCourseTable = $(mainCourseElement).find('table tbody');
+        const mainCourseRows = mainCourseTable.children('tr');
+        
+        const currentDayFood: Food[] = [];
+        
+        // Přidáme polévku do seznamu jídel
         currentDayFood.push({
-            amount: sanitizeText($(soupCells.get(0)).text()),
-            name: sanitizeText($(soupCells.get(1)).text()),
-            price: sanitizeText($(soupCells.get(2)).text().replace(' ', '\xA0')),
+            amount: soupAmount,
+            name: soupParsed.cleanName,
+            price: soupPrice,
             isSoup: true,
+            allergens: soupParsed.allergens.length > 0 ? soupParsed.allergens : undefined,
         });
-        // Hlavní jídla - div -> table -> tbody -> 3x tr
-        const mainCourseRows = $(tables.get(1)).children().first().children();
-        mainCourseRows.each((i, foodRow) => {
-            const foodCells = $(foodRow).children();
-            if (foodCells.length !== 3) {
-                throw Error("Neočekávaný počet buněk v řádku jídla: " + foodCells.length + ", ale očekávány byly 3");
+        
+        // Projdeme všechny řádky hlavních jídel
+        mainCourseRows.each((i, row) => {
+            const cells = $(row).children('td');
+            const amount = sanitizeText($(cells.get(0)).text());
+            const nameRaw = sanitizeText($(cells.get(1)).text());
+            const price = sanitizeText($(cells.get(2)).text().replace(' ', '\xA0'));
+            const parsed = parseAllergens(nameRaw);
+            
+            // Přeskočíme prázdné řádky (první řádek může být prázdný)
+            if (parsed.cleanName.trim().length > 0) {
+                currentDayFood.push({
+                    amount,
+                    name: parsed.cleanName,
+                    price,
+                    isSoup: false,
+                    allergens: parsed.allergens.length > 0 ? parsed.allergens : undefined,
+                });
             }
-            currentDayFood.push({
-                amount: sanitizeText($(foodCells.get(0)).text()),
-                name: sanitizeText($(foodCells.get(1)).text()),
-                price: sanitizeText($(foodCells.get(2)).text().replace(' ', '\xA0')),
-                isSoup: false,
-            });
-        })
-        result[index] = currentDayFood;
+        });
+
+        result[dayIndexNum] = currentDayFood;
     }
+    
     return result;
 }
 
@@ -157,23 +209,30 @@ export const getMenuUMotliku = async (firstDayOfWeek: Date, mock: boolean = fals
     const html = await getHtml(U_MOTLIKU_URL);
     const $ = load(html);
 
-    // Najdeme první tabulku, nad kterou je v H3 datum začínající prvním dnem aktuálního týdne
-    // To může selhat mnoha způsoby, ale ty nemá cenu řešit dokud nenastanou
+    // Najdeme první tabulku, nad kterou je v H3 datum začínající co nejdřívějším dnem v aktuálním týdnu
     const tables = $('table.table.table-hover.Xtable-striped');
     let usedTable;
-    const firstDayOfWeekString = `${firstDayOfWeek.getDate()}.${firstDayOfWeek.getMonth() + 1}.`;
-    for (const tableNode of tables) {
-        const table = $(tableNode);
-        const h3 = table.parent().prev();
-        const s1 = h3.text().split("-")[0].split(".");
-        const foundFirstDayString = `${s1[0]}.${s1[1]}.`;
-        if (foundFirstDayString === firstDayOfWeekString) {
-            usedTable = table;
+    let usedDate = new Date(firstDayOfWeek);
+    for (let i = 0; i < 4; i++) {
+        const dayOfWeekString = `${usedDate.getDate()}.${usedDate.getMonth() + 1}.`;
+        for (const tableNode of tables) {
+            const table = $(tableNode);
+            const h3 = table.parent().prev();
+            const s1 = h3.text().split("-")[0].split(".");
+            const foundFirstDayString = `${s1[0]}.${s1[1]}.`;
+            if (foundFirstDayString === dayOfWeekString) {
+                usedTable = table;
+            }
         }
+        if (usedTable != null) {
+            break;
+        }
+        usedDate.setDate(usedDate.getDate() + 1);
     }
 
     if (usedTable == null) {
-        throw Error(`Nepodařilo se najít tabulku pro datum ${firstDayOfWeekString}`);
+        const firstDayOfWeekString = `${firstDayOfWeek.getDate()}.${firstDayOfWeek.getMonth() + 1}.`;
+        throw new Error(`Nepodařilo se najít tabulku pro týden začínající ${firstDayOfWeekString}`);
     }
 
     const body = usedTable.children().first();
@@ -206,11 +265,11 @@ export const getMenuUMotliku = async (firstDayOfWeek: Date, mock: boolean = fals
                     } else if (foodType === 'Hlavní jídlo') {
                         isSoup = false;
                     } else {
-                        throw Error("Neočekáváný typ jídla: " + foodType);
+                        throw new Error("Neočekáváný typ jídla: " + foodType);
                     }
                 } else {
                     if (children.length !== 3) {
-                        throw Error("Neočekávaný počet child elementů pro jídlo: " + children.length + ", očekávány 3");
+                        throw new Error("Neočekávaný počet child elementů pro jídlo: " + children.length + ", očekávány 3");
                     }
                     const amount = sanitizeText($(children.get(0)).text());
                     const name = sanitizeText($(children.get(1)).text());
@@ -243,57 +302,177 @@ export const getMenuTechTower = async (firstDayOfWeek: Date, mock: boolean = fal
     const html = await getHtml(TECHTOWER_URL);
     const $ = load(html);
 
-    const fonts = $('font.wsw-41');
+    let secondTry = false;
+    // První pokus - varianta "Obědy"
+    let fonts = $('font.wsw-41');
     let font = undefined;
     fonts.each((i, f) => {
         if ($(f).text().trim().startsWith('Obědy')) {
             font = f;
         }
     })
+    // Druhý pokus - varianta "Jídelní lístek"
     if (!font) {
-        throw Error('Chyba: nenalezen <font> pro obědy v HTML Techtower.');
+        fonts = $('font.wnd-font-size-90');
+        fonts.each((i, f) => {
+            if ($(f).text().trim().startsWith('Jídelní lístek')) {
+                font = f;
+                secondTry = true;
+            }
+        })
+    }
+    if (!font) {
+        throw new Error('Chyba: nenalezen <font> pro obědy v HTML Techtower.');
     }
 
     const result: Food[][] = [];
     // TODO validovat, že v textu nalezeného <font> je rozsah, do kterého spadá vstupní datum
-    const siblings = $(font).parent().parent().siblings();
+    const siblings = secondTry ? $(font).parent().parent().parent().siblings('p') : $(font).parent().parent().siblings();
     let parsing = false;
     let currentDayIndex = 0;
     for (let i = 0; i < siblings.length; i++) {
         const text = $(siblings.get(i)).text().trim().replace('\t', '').replace('\n', ' ');
-        if (DAYS_IN_WEEK.includes(text)) {
-            if (text === DAYS_IN_WEEK[currentDayIndex]) {
-                // Našli jsme dnešní den, odtud začínáme parsovat jídla
+        if (DAYS_IN_WEEK.includes(text.toLocaleLowerCase())) {
+            // Zjistíme aktuální index
+            currentDayIndex = DAYS_IN_WEEK.indexOf(text.toLocaleLowerCase());
+            if (!parsing) {
+                // Našli jsme libovolný den v týdnu a ještě neparsujeme, tak začneme
                 parsing = true;
-                continue
-            } else if (parsing) {
-                // Už parsujeme jídla, ale narazili jsme na následující den - posouváme index
-                currentDayIndex += 1;
-                continue;
             }
         } else if (parsing) {
             if (text.length == 0) {
-                // Prázdná řádka - končíme (je za pátečním menu TechTower)
-                break;
+                // Prázdná řádka - bývá na zcela náhodných místech ¯\_(ツ)_/¯
+                continue;
             }
-            let price = '? Kč';
-            let name = text;
+            let price = 'na\xA0váhu';
+            let nameRaw = text.replace('•', '');
             if (text.toLowerCase().endsWith('kč')) {
                 const tmp = text.replace('\xA0', ' ').split(' ');
                 const split = [tmp.slice(0, -2).join(' ')].concat(tmp.slice(-2));
                 price = `${split.slice(1)[0]}\xA0Kč`
-                name = split[0]
+                nameRaw = split[0].replace('•', '');
             }
-            if (result[currentDayIndex] == null) {
-                result[currentDayIndex] = [];
+            if (nameRaw.endsWith('–')) {
+                nameRaw = nameRaw.slice(0, -1).trim();
             }
+
+            const parsed = parseAllergens(nameRaw);
+            result[currentDayIndex] ??= [];
             result[currentDayIndex].push({
                 amount: '-',
-                name,
+                name: parsed.cleanName,
                 price,
-                isSoup: isTextSoupName(name),
+                isSoup: isTextSoupName(parsed.cleanName),
+                allergens: parsed.allergens.length > 0 ? parsed.allergens : undefined,
             })
         }
     }
     return result;
-}
+}
+
+/**
+ * Získá obědovou nabídku ZastavkaUmichala pro jeden týden.
+ *
+ * @param firstDayOfWeek první den v týdnu, pro který získat menu
+ * @param mock zda vrátit mock data
+ * @returns seznam jídel pro dané datum
+ */
+export const getMenuZastavkaUmichala = async (firstDayOfWeek: Date, mock: boolean = false): Promise<Food[][]> => {
+    if (mock) {
+        return getMenuZastavkaUmichalaMock();
+    }
+
+    const today = new Date();
+    today.setHours(0,0,0,0);
+    const headers = {
+        "Cookie": "_nss=1; PHPSESSID=9e37de17e0326b0942613d6e67a30e69",
+        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36",
+    };
+    const result: Food[][] = [];
+    for (let dayIndex = 0; dayIndex < 5; dayIndex++) {
+        const currentDate = new Date(firstDayOfWeek);
+        currentDate.setDate(firstDayOfWeek.getDate() + dayIndex);
+        currentDate.setHours(0,0,0,0);
+        if (currentDate < today || (currentDate.getTime() === today.getTime() && new Date().getHours() >= 14)) {
+            result[dayIndex] = [{
+                amount: undefined,
+                name: "Pro tento den není uveřejněna nabídka jídel",
+                price: "",
+                isSoup: false,
+            }];
+        } else {
+            const url = (currentDate.getTime() === today.getTime())
+                ? ZASTAVKAUMICHALA_URL
+                : ZASTAVKAUMICHALA_URL + '/?do=dailyMenu-changeDate&dailyMenu-dateString=' + formatDate(currentDate, 'DD.MM.YYYY');
+            const html = await axios.get(url, {
+                headers,
+            }).then(res => res.data).then(content => content);
+            const $ = load(html);
+
+            const currentDayFood: Food[] = [];
+            $('.foodsList li').each((index, element) => {
+                currentDayFood.push({
+                    amount: '-',
+                    name: sanitizeText($(element).contents().not('span').text()),
+                    price: sanitizeText($(element).find('span').text()),
+                    isSoup: (index === 0),
+                });
+            });
+            result[dayIndex] = currentDayFood;
+        }
+    }
+    return result;
+}
+
+/**
+ * Získá obědovou nabídku SenkSerikova pro jeden týden.
+ *
+ * @param firstDayOfWeek první den v týdnu, pro který získat menu
+ * @param mock zda vrátit mock data
+ * @returns seznam jídel pro dané datum
+ */
+export const getMenuSenkSerikova = async (firstDayOfWeek: Date, mock: boolean = false): Promise<Food[][]> => {
+    if (mock) {
+        return getMenuSenkSerikovaMock();
+    }
+
+    const decoder = new TextDecoder('windows-1250');
+    const html = await axios.get(SENKSERIKOVA_URL, {
+        responseType: 'arraybuffer',
+        responseEncoding: 'binary'
+    }).then(res => decoder.decode(new Uint8Array(res.data))).then(content => content);
+    const $ = load(html);
+
+    const today = new Date();
+    today.setHours(0,0,0,0);
+    const currentDate = new Date(firstDayOfWeek);
+    const result: Food[][] = [];
+    let dayIndex = 0;
+    currentDate.setHours(0,0,0,0);
+    while (currentDate < today) {
+        result[dayIndex] = [{
+            amount: undefined,
+            name: "Pro tento den není uveřejněna nabídka jídel",
+            price: "",
+            isSoup: false,
+        }];
+        dayIndex = dayIndex + 1;
+        currentDate.setDate(firstDayOfWeek.getDate() + dayIndex);
+    }
+
+    $('.menicka').each((i, element) => {
+        const currentDayFood: Food[] = [];
+        $(element).find('.popup-gallery li').each((j, element) => {
+            const rawName = $(element).children('div.polozka').text();
+            const nameWithoutNumber = rawName.replace(/^\d+\.\s*/, '');
+            currentDayFood.push({
+                amount: '-',
+                name: nameWithoutNumber,
+                price: $(element).children('div.cena').text().replaceAll(' ', '\xA0'),
+                isSoup: $(element).hasClass('polevka'),
+            });
+        });
+        result[dayIndex++] = currentDayFood;
+    });
+    return result;
+}

server/src/routes/easterEggRoutes.ts

@@ -0,0 +1,146 @@
+import express, { NextFunction } from "express";
+import { getLogin } from "../auth";
+import { parseToken } from "../utils";
+import path from "path";
+import fs from "fs";
+import { EasterEgg } from "../../../types/gen/types.gen";
+
+const EASTER_EGGS_JSON_PATH = path.join(__dirname, "../../resources/.easter-eggs.json");
+const IMAGES_PATH = '../../resources/easterEggs';
+
+type EasterEggsJson = {
+    [key: string]: EasterEgg[]
+}
+
+function generateUrl() {
+    let result = '';
+    const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
+    const charactersLength = characters.length;
+    let counter = 0;
+    while (counter < 32) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+        counter += 1;
+    }
+    return result;
+}
+
+/**
+ * Vrátí náhodně jeden z definovaných easter egg obrázků pro přihlášeného uživatele.
+ * 
+ * @param req request
+ * @param res response
+ * @param next next
+ * @returns náhodný easter egg obrázek, nebo 404 pokud žádný není definován
+ */
+function getEasterEggImage(req: any, res: any, next: NextFunction) {
+    const login = getLogin(parseToken(req));
+    try {
+        if (login in easterEggs) {
+            const imagePath = easterEggs[login][Math.floor(Math.random() * easterEggs[login].length)].path;
+            res.sendFile(path.join(__dirname, IMAGES_PATH, imagePath));
+            return;
+        }
+        res.sendStatus(404);
+    } catch (e: any) { next(e) }
+}
+
+function getRandomPosition(startOffset: number, endOffset: number) {
+    const choice = Math.floor(Math.random() * 4);
+
+    if (choice === 0) {
+        // Vlevo nahoře
+        return {
+            left: `${startOffset}px`,
+            startLeft: `${startOffset}px`,
+            "--start-left": `${startOffset}px`,
+            top: `${startOffset}px`,
+            startTop: `${startOffset}px`,
+            "--start-top": `${startOffset}px`,
+            endLeft: `${endOffset}px`,
+            "--end-left": `${endOffset}px`,
+            endTop: `${endOffset}px`,
+            "--end-top": `${endOffset}px`,
+            rotate: '135deg',
+        }
+    } else if (choice === 1) {
+        // Vpravo nahoře
+        return {
+            right: `${startOffset}px`,
+            startRight: `${startOffset}px`,
+            "--start-right": `${startOffset}px`,
+            top: `${startOffset}px`,
+            startTop: `${startOffset}px`,
+            "--start-top": `${startOffset}px`,
+            endRight: `${endOffset}px`,
+            "--end-right": `${endOffset}px`,
+            endTop: `${endOffset}px`,
+            "--end-top": `${endOffset}px`,
+            rotate: '-135deg',
+        }
+    } else if (choice === 2) {
+        // Vpravo dole
+        return {
+            right: `${startOffset}px`,
+            startRight: `${startOffset}px`,
+            "--start-right": `${startOffset}px`,
+            bottom: `${startOffset}px`,
+            startBottom: `${startOffset}px`,
+            "--start-bottom": `${startOffset}px`,
+            endRight: `${endOffset}px`,
+            "--end-right": `${endOffset}px`,
+            endBottom: `${endOffset}px`,
+            "--end-bottom": `${endOffset}px`,
+            rotate: '-45deg',
+        }
+    } else if (choice === 3) {
+        // Vlevo dole
+        return {
+            left: `${startOffset}px`,
+            startLeft: `${startOffset}px`,
+            "--start-left": `${startOffset}px`,
+            bottom: `${startOffset}px`,
+            startBottom: `${startOffset}px`,
+            "--start-bottom": `${startOffset}px`,
+            endLeft: `${endOffset}px`,
+            "--end-left": `${endOffset}px`,
+            endBottom: `${endOffset}px`,
+            "--end-bottom": `${endOffset}px`,
+            rotate: '45deg',
+        }
+    }
+}
+
+const router = express.Router();
+
+let easterEggs: EasterEggsJson;
+
+// Registrace náhodných URL pro všechny existující easter eggy
+
+if (fs.existsSync(EASTER_EGGS_JSON_PATH)) {
+    const content = fs.readFileSync(EASTER_EGGS_JSON_PATH, 'utf-8');
+    easterEggs = JSON.parse(content);
+    for (const [_, eggs] of Object.entries(easterEggs)) {
+        for (const easterEgg of eggs) {
+            const url = generateUrl();
+            easterEgg.url = url;
+            router.get(`/${url}`, async (req, res, next) => {
+                return getEasterEggImage(req, res, next);
+            });
+        }
+    }
+}
+
+// Získání náhodného easter eggu pro přihlášeného uživatele
+router.get("/", async (req, res, next) => {
+    const login = getLogin(parseToken(req));
+    try {
+        if (easterEggs && login in easterEggs) {
+            const randomEasterEgg = easterEggs[login][Math.floor(Math.random() * easterEggs[login].length)];
+            const { path, startOffset, endOffset, ...strippedEasterEgg } = randomEasterEgg; // Path klient k ničemu nepotřebuje a nemá ho znát
+            return res.status(200).json({ ...strippedEasterEgg, ...getRandomPosition(startOffset, endOffset) });
+        }
+        return res.status(200).send();
+    } catch (e: any) { next(e) }
+});
+
+export default router;

server/src/routes/foodRoutes.ts

@@ -1,10 +1,51 @@
-import express from "express";
+import express, { Request, Response } from "express";
 import { getLogin, getTrusted } from "../auth";
-import { addChoice, addVolatileData, getDateForWeekIndex, getToday, removeChoice, removeChoices, updateDepartureTime } from "../service";
-import { getDayOfWeekIndex, parseToken } from "../utils";
+import { addChoice, getDateForWeekIndex, getToday, removeChoice, removeChoices, updateDepartureTime, updateNote, fetchRestaurantWeekMenuData, saveRestaurantWeekMenu } from "../service";
+import { getDayOfWeekIndex, parseToken, getFirstWorkDayOfWeek } from "../utils";
 import { getWebsocket } from "../websocket";
 import { callNotifikace } from "../notifikace";
-import { UdalostEnum } from "../../../types";
+import { AddChoiceData, ChangeDepartureTimeData, RemoveChoiceData, RemoveChoicesData, UdalostEnum, UpdateNoteData } from "../../../types/gen/types.gen";
+
+
+// RateLimit na refresh endpoint
+interface RateLimitEntry {
+    count: number;
+    resetTime: number;
+}
+const rateLimits: Record<string, RateLimitEntry> = {};
+const RATE_LIMIT = 1; // maximální počet požadavků za minutu
+const RATE_LIMIT_WINDOW = 30 * 60 * 1000; // je to v ms (x * 1min)
+
+// Kontrola ratelimitu
+function checkRateLimit(key: string, limit: number = RATE_LIMIT): boolean {
+    const now = Date.now();
+
+    // Vyčištění starých záznamů
+    Object.keys(rateLimits).forEach(k => {
+        if (rateLimits[k].resetTime < now) {
+            delete rateLimits[k];
+        }
+    });
+
+    // Kontrola, že záznam existuje a platí
+    if (rateLimits[key] && rateLimits[key].resetTime > now) {
+        // Záznam platí a kontroluje se limit
+        if (rateLimits[key].count >= limit) {
+            return false; // Překročen limit
+        }
+
+        // ++ xd
+        rateLimits[key].count++;
+        return true;
+    } else {
+        // + klic
+        rateLimits[key] = {
+            count: 1,
+            resetTime: now + RATE_LIMIT_WINDOW
+        };
+        return true;
+    }
+}
 
 /**
  * Ověří a vrátí index dne v týdnu z požadavku, za předpokladu, že byl předán, a je zároveň
@@ -13,12 +54,12 @@ import { UdalostEnum } from "../../../types";
  * @param req request
  * @returns index dne v týdnu
  */
-const parseValidateFutureDayIndex = (req: any) => {
+const parseValidateFutureDayIndex = (req: Request<{}, any, AddChoiceData["body"] | UpdateNoteData["body"]>) => {
     if (req.body.dayIndex == null) {
         throw Error(`Nebyl předán index dne v týdnu.`);
     }
     const todayDayIndex = getDayOfWeekIndex(getToday());
-    const dayIndex = parseInt(req.body.dayIndex);
+    const dayIndex = req.body.dayIndex;
     if (isNaN(dayIndex)) {
         throw Error(`Neplatný index dne v týdnu: ${req.body.dayIndex}`);
     }
@@ -30,10 +71,74 @@ const parseValidateFutureDayIndex = (req: any) => {
 
 const router = express.Router();
 
-router.post("/addChoice", async (req, res, next) => {
+router.post("/addChoice", async (req: Request<{}, any, AddChoiceData["body"]>, res, next) => {
     const login = getLogin(parseToken(req));
     const trusted = getTrusted(parseToken(req));
-    if (req.body.locationIndex > -1) {
+    let date = undefined;
+    if (req.body.dayIndex != null) {
+        let dayIndex;
+        try {
+            dayIndex = parseValidateFutureDayIndex(req);
+        } catch (e: any) {
+            return res.status(400).json({ error: e.message });
+        }
+        date = getDateForWeekIndex(dayIndex);
+    }
+    try {
+        const data = await addChoice(login, trusted, req.body.locationKey, req.body.foodIndex, date);
+        getWebsocket().emit("message", data);
+        return res.status(200).json(data);
+    } catch (e: any) { next(e) }
+});
+
+router.post("/removeChoices", async (req: Request<{}, any, RemoveChoicesData["body"]>, res, next) => {
+    const login = getLogin(parseToken(req));
+    const trusted = getTrusted(parseToken(req));
+    let date = undefined;
+    if (req.body.dayIndex != null) {
+        let dayIndex;
+        try {
+            dayIndex = parseValidateFutureDayIndex(req);
+        } catch (e: any) {
+            return res.status(400).json({ error: e.message });
+        }
+        date = getDateForWeekIndex(dayIndex);
+    }
+    try {
+        const data = await removeChoices(login, trusted, req.body.locationKey, date);
+        getWebsocket().emit("message", data);
+        res.status(200).json(data);
+    } catch (e: any) { next(e) }
+});
+
+router.post("/removeChoice", async (req: Request<{}, any, RemoveChoiceData["body"]>, res, next) => {
+    const login = getLogin(parseToken(req));
+    const trusted = getTrusted(parseToken(req));
+    let date = undefined;
+    if (req.body.dayIndex != null) {
+        let dayIndex;
+        try {
+            dayIndex = parseValidateFutureDayIndex(req);
+        } catch (e: any) {
+            return res.status(400).json({ error: e.message });
+        }
+        date = getDateForWeekIndex(dayIndex);
+    }
+    try {
+        const data = await removeChoice(login, trusted, req.body.locationKey, req.body.foodIndex, date);
+        getWebsocket().emit("message", data);
+        res.status(200).json(data);
+    } catch (e: any) { next(e) }
+});
+
+router.post("/updateNote", async (req: Request<{}, any, UpdateNoteData["body"]>, res, next) => {
+    const login = getLogin(parseToken(req));
+    const trusted = getTrusted(parseToken(req));
+    const note = req.body.note;
+    try {
+        if (note && note.length > 70) {
+            throw Error("Poznámka může mít maximálně 70 znaků");
+        }
         let date = undefined;
         if (req.body.dayIndex != null) {
             let dayIndex;
@@ -44,56 +149,13 @@ router.post("/addChoice", async (req, res, next) => {
             }
             date = getDateForWeekIndex(dayIndex);
         }
-        try {
-            const data = await addChoice(login, trusted, req.body.locationIndex, req.body.foodIndex, date);
-            getWebsocket().emit("message", await addVolatileData(data));
-            return res.status(200).json(data);
-        } catch (e: any) { next(e) }
-    }
-    return res.status(400); // TODO přidat popis chyby
-});
-
-router.post("/removeChoices", async (req, res, next) => {
-    const login = getLogin(parseToken(req));
-    const trusted = getTrusted(parseToken(req));
-    let date = undefined;
-    if (req.body.dayIndex != null) {
-        let dayIndex;
-        try {
-            dayIndex = parseValidateFutureDayIndex(req);
-        } catch (e: any) {
-            return res.status(400).json({ error: e.message });
-        }
-        date = getDateForWeekIndex(dayIndex);
-    }
-    try {
-        const data = await removeChoices(login, trusted, req.body.locationIndex, date);
-        getWebsocket().emit("message", await addVolatileData(data));
+        const data = await updateNote(login, trusted, note, date);
+        getWebsocket().emit("message", data);
         res.status(200).json(data);
     } catch (e: any) { next(e) }
 });
 
-router.post("/removeChoice", async (req, res, next) => {
-    const login = getLogin(parseToken(req));
-    const trusted = getTrusted(parseToken(req));
-    let date = undefined;
-    if (req.body.dayIndex != null) {
-        let dayIndex;
-        try {
-            dayIndex = parseValidateFutureDayIndex(req);
-        } catch (e: any) {
-            return res.status(400).json({ error: e.message });
-        }
-        date = getDateForWeekIndex(dayIndex);
-    }
-    try {
-        const data = await removeChoice(login, trusted, req.body.locationIndex, req.body.foodIndex, date);
-        getWebsocket().emit("message", await addVolatileData(data));
-        res.status(200).json(data);
-    } catch (e: any) { next(e) }
-});
-
-router.post("/changeDepartureTime", async (req, res, next) => {
+router.post("/changeDepartureTime", async (req: Request<{}, any, ChangeDepartureTimeData["body"]>, res, next) => {
     const login = getLogin(parseToken(req));
     let date = undefined;
     if (req.body.dayIndex != null) {
@@ -107,7 +169,7 @@ router.post("/changeDepartureTime", async (req, res, next) => {
     }
     try {
         const data = await updateDepartureTime(login, req.body?.time, date);
-        getWebsocket().emit("message", await addVolatileData(data));
+        getWebsocket().emit("message", data);
         res.status(200).json(data);
     } catch (e: any) { next(e) }
 });
@@ -115,9 +177,90 @@ router.post("/changeDepartureTime", async (req, res, next) => {
 router.post("/jdemeObed", async (req, res, next) => {
     const login = getLogin(parseToken(req));
     try {
-        await callNotifikace({ input: { user: login, udalost: UdalostEnum.JDEME_OBED }, gotify: false })
+        await callNotifikace({ input: { user: login, udalost: UdalostEnum.JDEME_NA_OBED }, gotify: false })
         res.status(200).json({});
     } catch (e: any) { next(e) }
 });
 
+// /api/food/refresh?type=week&heslo=docasnyheslo
+export const refreshMetoda = async (req: Request, res: Response) => {
+    const { type, heslo } = req.query as { type?: string; heslo?: string };
+    if (heslo !== "docasnyheslo" && heslo !== "tohleheslopavelnesmizjistit123") {
+        return res.status(403).json({ error: "Neplatné heslo" });
+    }
+    if (!checkRateLimit("refresh") && heslo !== "tohleheslopavelnesmizjistit123") {
+        return res.status(429).json({ error: "Refresh už se zavolal, chvíli počkej :))" });
+    }
+    if (type !== "week" && type !== "day") {
+        return res.status(400).json({ error: "Neznámý typ refresh" });
+    }
+    if (type === "day") {
+        return res.status(400).json({ error: "ještě neumim TODO..." });
+    }
+    try {
+        // Pro všechny restaurace refreshni menu na aktuální týden
+        const restaurants = ["SLADOVNICKA", "TECHTOWER", "ZASTAVKAUMICHALA", "SENKSERIKOVA"] as const;
+        const firstDay = getFirstWorkDayOfWeek(getToday());
+        const results: Record<string, any> = {};
+        const successfulRestaurants: string[] = [];
+        const failedRestaurants: string[] = [];
+
+        // Nejdříve načíst všechna data bez ukládání
+        for (const rest of restaurants) {
+            try {
+                const weekData = await fetchRestaurantWeekMenuData(rest, firstDay);
+                results[rest] = weekData;
+
+                // Kontrola validity dat
+                if (weekData && weekData.length > 0 &&
+                    weekData.some(dayMenu => dayMenu && dayMenu.length > 0)) {
+                    successfulRestaurants.push(rest);
+                } else {
+                    failedRestaurants.push(rest);
+                    results[rest] = { error: "Žádná validní data" };
+                }
+            } catch (error) {
+                failedRestaurants.push(rest);
+                results[rest] = { error: `Chyba při načítání: ${error}` };
+            }
+        }
+
+        // Pokud se nepodařilo načíst žádnou restauraci
+        if (successfulRestaurants.length === 0) {
+            return res.status(400).json({
+                error: "Nepodařilo se získat validní data z žádné restaurace",
+                failed: failedRestaurants,
+                results: results
+            });
+        }
+
+        // Uložit pouze validní data
+        for (const rest of successfulRestaurants) {
+            try {
+                await saveRestaurantWeekMenu(rest as any, firstDay, results[rest]);
+            } catch (error) {
+                console.error(`Chyba při ukládání dat pro ${rest}:`, error);
+            }
+        }
+
+        // Připravit odpověď
+        const response: any = {
+            ok: true,
+            refreshed: results,
+            successful: successfulRestaurants
+        };
+
+        if (failedRestaurants.length > 0) {
+            response.warning = `Nepodařilo se načíst: ${failedRestaurants.join(', ')}`;
+            response.failed = failedRestaurants;
+        }
+
+        res.status(200).json(response);
+    } catch (e: any) {
+        res.status(500).json({ error: e?.message || "Chyba při refreshi" });
+    }
+}
+router.get("/refresh", refreshMetoda);
+
+
 export default router;

server/src/routes/pizzaDayRoutes.ts

@@ -1,28 +1,28 @@
-import express from "express";
+import express, { Request } from "express";
 import { getLogin } from "../auth";
 import { createPizzaDay, deletePizzaDay, getPizzaList, addPizzaOrder, removePizzaOrder, lockPizzaDay, unlockPizzaDay, finishPizzaOrder, finishPizzaDelivery, updatePizzaDayNote, updatePizzaFee } from "../pizza";
 import { parseToken } from "../utils";
 import { getWebsocket } from "../websocket";
-import { addVolatileData } from "../service";
+import { AddPizzaData, FinishDeliveryData, RemovePizzaData, UpdatePizzaDayNoteData, UpdatePizzaFeeData } from "../../../types";
 
 const router = express.Router();
 
 /** Založí pizza day pro aktuální den, za předpokladu že dosud neexistuje. */
-router.post("/create", async (req, res) => {
+router.post("/create", async (req: Request<{}, any, undefined>, res) => {
     const login = getLogin(parseToken(req));
     const data = await createPizzaDay(login);
     res.status(200).json(data);
-    getWebsocket().emit("message", await addVolatileData(data));
+    getWebsocket().emit("message", data);
 });
 
 /** Smaže pizza day pro aktuální den, za předpokladu že existuje. */
-router.post("/delete", async (req, res) => {
+router.post("/delete", async (req: Request<{}, any, undefined>, res) => {
     const login = getLogin(parseToken(req));
     const data = await deletePizzaDay(login);
-    getWebsocket().emit("message", await addVolatileData(data));
+    getWebsocket().emit("message", data);
 });
 
-router.post("/add", async (req, res) => {
+router.post("/add", async (req: Request<{}, any, AddPizzaData["body"]>, res) => {
     const login = getLogin(parseToken(req));
     if (isNaN(req.body?.pizzaIndex)) {
         throw Error("Nebyl předán index pizzy");
@@ -43,66 +43,68 @@ router.post("/add", async (req, res) => {
         throw Error("Neplatný index velikosti pizzy: " + pizzaSizeIndex);
     }
     const data = await addPizzaOrder(login, pizzy[pizzaIndex], pizzy[pizzaIndex].sizes[pizzaSizeIndex]);
-    getWebsocket().emit("message", await addVolatileData(data));
+    getWebsocket().emit("message", data);
     res.status(200).json({});
 });
 
-router.post("/remove", async (req, res) => {
+router.post("/remove", async (req: Request<{}, any, RemovePizzaData["body"]>, res) => {
     const login = getLogin(parseToken(req));
     if (!req.body?.pizzaOrder) {
         throw Error("Nebyla předána objednávka");
     }
     const data = await removePizzaOrder(login, req.body?.pizzaOrder);
-    getWebsocket().emit("message", await addVolatileData(data));
+    getWebsocket().emit("message", data);
     res.status(200).json({});
 });
 
-router.post("/lock", async (req, res) => {
+router.post("/lock", async (req: Request<{}, any, undefined>, res) => {
     const login = getLogin(parseToken(req));
     const data = await lockPizzaDay(login);
-    getWebsocket().emit("message", await addVolatileData(data));
+    getWebsocket().emit("message", data);
     res.status(200).json({});
 });
 
-router.post("/unlock", async (req, res) => {
+router.post("/unlock", async (req: Request<{}, any, undefined>, res) => {
     const login = getLogin(parseToken(req));
     const data = await unlockPizzaDay(login);
-    getWebsocket().emit("message", await addVolatileData(data));
+    getWebsocket().emit("message", data);
     res.status(200).json({});
 });
 
-router.post("/finishOrder", async (req, res) => {
+router.post("/finishOrder", async (req: Request<{}, any, undefined>, res) => {
     const login = getLogin(parseToken(req));
     const data = await finishPizzaOrder(login);
-    getWebsocket().emit("message", await addVolatileData(data));
+    getWebsocket().emit("message", data);
     res.status(200).json({});
 });
 
-router.post("/finishDelivery", async (req, res) => {
+router.post("/finishDelivery", async (req: Request<{}, any, FinishDeliveryData["body"]>, res) => {
     const login = getLogin(parseToken(req));
     const data = await finishPizzaDelivery(login, req.body.bankAccount, req.body.bankAccountHolder);
-    getWebsocket().emit("message", await addVolatileData(data));
+    getWebsocket().emit("message", data);
     res.status(200).json({});
 });
 
-router.post("/updatePizzaDayNote", async (req, res) => {
+router.post("/updatePizzaDayNote", async (req: Request<{}, any, UpdatePizzaDayNoteData["body"]>, res, next) => {
     const login = getLogin(parseToken(req));
-    if (req.body.note && req.body.note.length > 100) {
-        throw Error("Poznámka může mít maximálně 100 znaků");
-    }
-    const data = await updatePizzaDayNote(login, req.body.note);
-    getWebsocket().emit("message", await addVolatileData(data));
-    res.status(200).json(data);
+    try {
+        if (req.body.note && req.body.note.length > 70) {
+            throw Error("Poznámka může mít maximálně 70 znaků");
+        }
+        const data = await updatePizzaDayNote(login, req.body.note);
+        getWebsocket().emit("message", data);
+        res.status(200).json(data);
+    } catch (e: any) { next(e) }
 });
 
-router.post("/updatePizzaFee", async (req, res, next) => {
+router.post("/updatePizzaFee", async (req: Request<{}, any, UpdatePizzaFeeData["body"]>, res, next) => {
     const login = getLogin(parseToken(req));
     if (!req.body.login) {
         return res.status(400).json({ error: "Nebyl předán login cílového uživatele" });
     }
     try {
         const data = await updatePizzaFee(login, req.body.login, req.body.text, req.body.price);
-        getWebsocket().emit("message", await addVolatileData(data));
+        getWebsocket().emit("message", data);
         res.status(200).json(data);
     } catch (e: any) { next(e) }
 });

server/src/routes/statsRoutes.ts

@@ -0,0 +1,22 @@
+import express, { Request, Response } from "express";
+import { getLogin } from "../auth";
+import { parseToken } from "../utils";
+import { getStats } from "../stats";
+import { WeeklyStats } from "../../../types/gen/types.gen";
+
+const router = express.Router();
+
+router.get("/", async (req: Request<{}, any, undefined>, res: Response<WeeklyStats>) => {
+    getLogin(parseToken(req));
+    if (typeof req.query.startDate === 'string' && typeof req.query.endDate === 'string') {
+        try {
+            const data = await getStats(req.query.startDate, req.query.endDate);
+            return res.status(200).json(data);
+        } catch (e) {
+            // necháme to zatím spadnout na 400
+        }
+    }
+    res.sendStatus(400);
+});
+
+export default router;

server/src/routes/votingRoutes.ts

@@ -1,17 +1,18 @@
-import express from "express";
+import express, { Request } from "express";
 import { getLogin } from "../auth";
 import { parseToken } from "../utils";
 import { getUserVotes, updateFeatureVote } from "../voting";
+import { GetVotesData, UpdateVoteData } from "../../../types";
 
 const router = express.Router();
 
-router.get("/getVotes", async (req, res) => {
+router.get("/getVotes", async (req: Request<{}, any, GetVotesData["body"]>, res) => {
     const login = getLogin(parseToken(req));
     const data = await getUserVotes(login);
     res.status(200).json(data);
 });
 
-router.post("/updateVote", async (req, res, next) => {
+router.post("/updateVote", async (req: Request<{}, any, UpdateVoteData["body"]>, res, next) => {
     const login = getLogin(parseToken(req));
     if (req.body?.option == null || req.body?.active == null) {
         res.status(400).json({ error: "Chybné parametry volání" });

server/src/service.ts

@@ -1,8 +1,8 @@
-import { InsufficientPermissions, formatDate, getDayOfWeekIndex, getFirstWorkDayOfWeek, getHumanDate, getHumanTime, getIsWeekend, getLastWorkDayOfWeek, getWeekNumber } from "./utils";
-import { ClientData, Locations, Restaurants, DayMenu, DepartureTime, DayData, WeekMenu } from "../../types";
+import { InsufficientPermissions, formatDate, getDayOfWeekIndex, getFirstWorkDayOfWeek, getIsWeekend, getWeekNumber } from "./utils";
 import getStorage from "./storage";
-import { getMenuSladovnicka, getMenuTechTower, getMenuUMotliku } from "./restaurants";
+import { getMenuSladovnicka, getMenuTechTower, getMenuZastavkaUmichala, getMenuSenkSerikova } from "./restaurants";
 import { getTodayMock } from "./mock";
+import { ClientData, DepartureTime, LunchChoice, Restaurant, RestaurantDayMenu, WeekMenu } from "../../types/gen/types.gen";
 
 const storage = getStorage();
 const MENU_PREFIX = 'menu';
@@ -10,7 +10,7 @@ const MENU_PREFIX = 'menu';
 /** Vrátí dnešní datum, případně fiktivní datum pro účely vývoje a testování. */
 export function getToday(): Date {
     if (process.env.MOCK_DATA === 'true') {
-        return new Date(getTodayMock());
+        return getTodayMock();
     }
     return new Date();
 }
@@ -31,43 +31,28 @@ export const getDateForWeekIndex = (index: number) => {
 function getEmptyData(date?: Date): ClientData {
     const usedDate = date || getToday();
     return {
-        date: getHumanDate(usedDate),
-        isWeekend: getIsWeekend(usedDate),
-        weekIndex: getDayOfWeekIndex(usedDate),
+        date: usedDate.toISOString().split('T')[0],
         choices: {},
     };
 }
 
-/**
- * Přidá k datům "dopočítaná" data, která nejsou přímo uložena v databázi.
- * 
- * @param data data z databáze
- * @returns obohacená data
- */
-export async function addVolatileData(data: ClientData): Promise<ClientData> {
-    data.todayWeekIndex = getDayOfWeekIndex(getToday());
-    return data;
-}
-
 /**
  * Vrátí veškerá klientská data pro předaný den, nebo aktuální den, pokud není předán.
  */
 export async function getData(date?: Date): Promise<ClientData> {
-    const targetDate = date ?? getToday();
-    const dateString = formatDate(targetDate);
-    const data: DayData = await storage.getData(dateString) || getEmptyData(date);
-    let clientData: ClientData = { ...data };
+    const clientData = await getClientData(date);
     clientData.menus = {
-        [Restaurants.SLADOVNICKA]: await getRestaurantMenu(Restaurants.SLADOVNICKA, date),
-        [Restaurants.UMOTLIKU]: await getRestaurantMenu(Restaurants.UMOTLIKU, date),
-        [Restaurants.TECHTOWER]: await getRestaurantMenu(Restaurants.TECHTOWER, date),
+        SLADOVNICKA: await getRestaurantMenu('SLADOVNICKA', date),
+        // UMOTLIKU: await getRestaurantMenu('UMOTLIKU', date),
+        TECHTOWER: await getRestaurantMenu('TECHTOWER', date),
+        ZASTAVKAUMICHALA: await getRestaurantMenu('ZASTAVKAUMICHALA', date),
+        SENKSERIKOVA: await getRestaurantMenu('SENKSERIKOVA', date),
     }
-    clientData = await addVolatileData(clientData);
     return clientData;
 }
 
 /**
- * Vrátí klíč, pod kterým je uloženo menu pro předané datum.
+ * Vrátí klíč, pod kterým je uloženo menu pro týden příslušící předanému datu.
  *
  * @param date datum
  * @returns databázový klíč
@@ -78,25 +63,117 @@ function getMenuKey(date: Date) {
 }
 
 /**
- * Vrátí menu restaurací pro předané datum, pokud již existují.
+ * Vrátí menu všech podniků pro celý týden do kterého spadá předané datum, pokud již existují.
  * 
  * @param date datum
- * @returns menu restaurací pro předané datum
+ * @returns menu restaurací pro týden příslušící předanému datu
  */
 async function getMenu(date: Date): Promise<WeekMenu | undefined> {
-    return await storage.getData(getMenuKey(date));
+    return await storage.getData<WeekMenu | undefined>(getMenuKey(date));
 }
 
 // TODO přesun do restaurants.ts
+/**
+ * Načte menu dané restaurace pro celý týden bez ukládání do storage.
+ * Používá se pro validaci dat před uložením.
+ * 
+ * @param restaurant restaurace
+ * @param firstDay první pracovní den týdne
+ * @returns pole menu pro jednotlivé dny týdne
+ */
+export async function fetchRestaurantWeekMenuData(restaurant: Restaurant, firstDay: Date): Promise<any[]> {
+    return await fetchRestaurantWeekMenu(restaurant, firstDay);
+}
+
+/**
+ * Uloží týdenní menu restaurace do storage.
+ * 
+ * @param restaurant restaurace
+ * @param date datum z týdne, pro který ukládat menu
+ * @param weekData data týdenního menu
+ */
+export async function saveRestaurantWeekMenu(restaurant: Restaurant, date: Date, weekData: any[]): Promise<void> {
+    const now = new Date().getTime();
+    let weekMenu = await getMenu(date);
+    weekMenu ??= [{}, {}, {}, {}, {}];
+    
+    // Inicializace struktury pro restauraci
+    for (let i = 0; i < 5; i++) {
+        weekMenu[i] ??= {};
+        weekMenu[i][restaurant] ??= {
+            lastUpdate: now,
+            closed: false,
+            food: [],
+        };
+    }
+    
+    // Uložení dat pro všechny dny
+    for (let i = 0; i < weekData.length && i < weekMenu.length; i++) {
+        weekMenu[i][restaurant]!.food = weekData[i];
+        weekMenu[i][restaurant]!.lastUpdate = now;
+        
+        // Detekce uzavření pro každou restauraci
+        switch (restaurant) {
+            case 'SLADOVNICKA':
+                if (weekData[i].length === 1 && weekData[i][0].name.toLowerCase() === 'pro daný den nebyla nalezena denní nabídka') {
+                    weekMenu[i][restaurant]!.closed = true;
+                }
+                break;
+            case 'TECHTOWER':
+                if (weekData[i]?.length === 1 && weekData[i][0].name.toLowerCase() === 'svátek') {
+                    weekMenu[i][restaurant]!.closed = true;
+                }
+                break;
+            case 'ZASTAVKAUMICHALA':
+                if (weekData[i]?.length === 1 && weekData[i][0].name === 'Pro tento den není uveřejněna nabídka jídel.') {
+                    weekMenu[i][restaurant]!.closed = true;
+                }
+                break;
+            case 'SENKSERIKOVA':
+                if (weekData[i]?.length === 1 && weekData[i][0].name === 'Pro tento den nebylo zadáno menu.') {
+                    weekMenu[i][restaurant]!.closed = true;
+                }
+                break;
+        }
+    }
+    
+    // Uložení do storage
+    await storage.setData(getMenuKey(date), weekMenu);
+}
+
+/**
+ * Načte menu dané restaurace pro celý týden bez ukládání do storage.
+ * 
+ * @param restaurant restaurace
+ * @param firstDay první pracovní den týdne
+ * @returns pole menu pro jednotlivé dny týdne
+ */
+async function fetchRestaurantWeekMenu(restaurant: Restaurant, firstDay: Date): Promise<any[]> {
+    const mock = process.env.MOCK_DATA === 'true';
+    
+    switch (restaurant) {
+        case 'SLADOVNICKA':
+            return await getMenuSladovnicka(firstDay, mock);
+        case 'TECHTOWER':
+            return await getMenuTechTower(firstDay, mock);
+        case 'ZASTAVKAUMICHALA':
+            return await getMenuZastavkaUmichala(firstDay, mock);
+        case 'SENKSERIKOVA':
+            return await getMenuSenkSerikova(firstDay, mock);
+        default:
+            throw new Error(`Nepodporovaná restaurace: ${restaurant}`);
+    }
+}
+
 /**
  * Vrátí menu dané restaurace pro předaný den.
  * Pokud neexistuje, provede stažení menu pro příslušný týden a uložení do DB.
  * 
  * @param restaurant restaurace
  * @param date datum, ke kterému získat menu
- * @param mock příznak, zda chceme pouze mock data
+ * @param forceRefresh příznak vynuceného obnovení
  */
-export async function getRestaurantMenu(restaurant: Restaurants, date?: Date): Promise<DayMenu> {
+export async function getRestaurantMenu(restaurant: Restaurant, date?: Date, forceRefresh = false): Promise<RestaurantDayMenu> {
     const usedDate = date ?? getToday();
     const dayOfWeekIndex = getDayOfWeekIndex(usedDate);
     const now = new Date().getTime();
@@ -108,70 +185,59 @@ export async function getRestaurantMenu(restaurant: Restaurants, date?: Date): P
         };
     }
 
-    let menus = await getMenu(usedDate);
-    if (menus == null) {
-        menus = [];
-    }
+    let weekMenu = await getMenu(usedDate);
+    weekMenu ??= [{}, {}, {}, {}, {}];
     for (let i = 0; i < 5; i++) {
-        if (menus[i] == null) {
-            menus[i] = {};
-        }
-        if (menus[i][restaurant] == null) {
-            menus[i][restaurant] = {
-                lastUpdate: now,
-                closed: false,
-                food: [],
-            };
-        }
+        weekMenu[i] ??= {};
+        weekMenu[i][restaurant] ??= {
+            lastUpdate: now,
+            closed: false,
+            food: [],
+        };
     }
-    if (!menus[dayOfWeekIndex][restaurant]?.food?.length) {
+    if (forceRefresh || (!weekMenu[dayOfWeekIndex][restaurant]?.food?.length && !weekMenu[dayOfWeekIndex][restaurant]?.closed)) {
         const firstDay = getFirstWorkDayOfWeek(usedDate);
-        const mock = process.env.MOCK_DATA === 'true';
-        switch (restaurant) {
-            case Restaurants.SLADOVNICKA:
-                try {
-                    const sladovnickaFood = await getMenuSladovnicka(firstDay, mock);
-                    for (let i = 0; i < sladovnickaFood.length; i++) {
-                        menus[i][restaurant]!.food = sladovnickaFood[i];
-                        // Velice chatrný a nespolehlivý způsob detekce uzavření...
-                        if (sladovnickaFood[i].length === 1 && sladovnickaFood[i][0].name.toLowerCase() === 'pro daný den nebyla nalezena denní nabídka') {
-                            menus[i][restaurant]!.closed = true;
+        
+        try {
+            const restaurantWeekFood = await fetchRestaurantWeekMenu(restaurant, firstDay);
+            
+            // Aktualizace menu pro všechny dny
+            for (let i = 0; i < restaurantWeekFood.length && i < weekMenu.length; i++) {
+                weekMenu[i][restaurant]!.food = restaurantWeekFood[i];
+                weekMenu[i][restaurant]!.lastUpdate = now;
+                
+                // Detekce uzavření pro každou restauraci
+                switch (restaurant) {
+                    case 'SLADOVNICKA':
+                        if (restaurantWeekFood[i].length === 1 && restaurantWeekFood[i][0].name.toLowerCase() === 'pro daný den nebyla nalezena denní nabídka') {
+                            weekMenu[i][restaurant]!.closed = true;
                         }
-                    }
-                } catch (e: any) {
-                    console.error("Selhalo načtení jídel pro podnik Sladovnická", e);
-                }
-                break;
-            case Restaurants.UMOTLIKU:
-                try {
-                    const uMotlikuFood = await getMenuUMotliku(firstDay, mock);
-                    for (let i = 0; i < uMotlikuFood.length; i++) {
-                        menus[i][restaurant]!.food = uMotlikuFood[i];
-                        if (uMotlikuFood[i].length === 1 && uMotlikuFood[i][0].name.toLowerCase() === 'zavřeno') {
-                            menus[i][restaurant]!.closed = true;
+                        break;
+                    case 'TECHTOWER':
+                        if (restaurantWeekFood[i]?.length === 1 && restaurantWeekFood[i][0].name.toLowerCase() === 'svátek') {
+                            weekMenu[i][restaurant]!.closed = true;
                         }
-                    }
-                } catch (e: any) {
-                    console.error("Selhalo načtení jídel pro podnik U Motlíků", e);
-                }
-                break;
-            case Restaurants.TECHTOWER:
-                try {
-                    const techTowerFood = await getMenuTechTower(firstDay, mock);
-                    for (let i = 0; i < techTowerFood.length; i++) {
-                        menus[i][restaurant]!.food = techTowerFood[i];
-                        if (techTowerFood[i].length === 1 && techTowerFood[i][0].name.toLowerCase() === 'svátek') {
-                            menus[i][restaurant]!.closed = true;
+                        break;
+                    case 'ZASTAVKAUMICHALA':
+                        if (restaurantWeekFood[i]?.length === 1 && restaurantWeekFood[i][0].name === 'Pro tento den není uveřejněna nabídka jídel.') {
+                            weekMenu[i][restaurant]!.closed = true;
                         }
-                    }
-                    break;
-                } catch (e: any) {
-                    console.error("Selhalo načtení jídel pro podnik TechTower", e);
+                        break;
+                    case 'SENKSERIKOVA':
+                        if (restaurantWeekFood[i]?.length === 1 && restaurantWeekFood[i][0].name === 'Pro tento den nebylo zadáno menu.') {
+                            weekMenu[i][restaurant]!.closed = true;
+                        }
+                        break;
                 }
+            }
+            
+            // Uložení do storage
+            await storage.setData(getMenuKey(usedDate), weekMenu);
+        } catch (e: any) {
+            console.error(`Selhalo načtení jídel pro podnik ${restaurant}`, e);
         }
-        await storage.setData(getMenuKey(usedDate), menus);
     }
-    return menus[dayOfWeekIndex][restaurant]!;
+    return weekMenu[dayOfWeekIndex][restaurant]!;
 }
 
 /**
@@ -192,19 +258,19 @@ export async function initIfNeeded(date?: Date) {
  * 
  * @param login login uživatele
  * @param trusted příznak, zda se jedná o ověřeného uživatele
- * @param location vybrané "umístění"
+ * @param locationKey vybrané "umístění"
  * @param date datum, ke kterému se volba vztahuje
  * @returns 
  */
-export async function removeChoices(login: string, trusted: boolean, location: Locations, date?: Date) {
+export async function removeChoices(login: string, trusted: boolean, locationKey: LunchChoice, date?: Date) {
     const selectedDay = formatDate(date ?? getToday());
-    let data: DayData = await storage.getData(selectedDay);
+    let data = await getClientData(date);
     validateTrusted(data, login, trusted);
-    if (location in data.choices) {
-        if (login in data.choices[location]) {
-            delete data.choices[location][login]
-            if (Object.keys(data.choices[location]).length === 0) {
-                delete data.choices[location]
+    if (locationKey in data.choices) {
+        if (data.choices[locationKey] && login in data.choices[locationKey]) {
+            delete data.choices[locationKey][login]
+            if (Object.keys(data.choices[locationKey]).length === 0) {
+                delete data.choices[locationKey]
             }
             await storage.setData(selectedDay, data);
         }
@@ -218,20 +284,20 @@ export async function removeChoices(login: string, trusted: boolean, location: L
  * 
  * @param login login uživatele
  * @param trusted příznak, zda se jedná o ověřeného uživatele
- * @param location vybrané "umístění"
+ * @param locationKey vybrané "umístění"
  * @param foodIndex index jídla v jídelním lístku daného umístění, pokud existuje
  * @param date datum, ke kterému se volba vztahuje
  * @returns 
  */
-export async function removeChoice(login: string, trusted: boolean, location: Locations, foodIndex: number, date?: Date) {
+export async function removeChoice(login: string, trusted: boolean, locationKey: LunchChoice, foodIndex: number, date?: Date) {
     const selectedDay = formatDate(date ?? getToday());
-    let data: DayData = await storage.getData(selectedDay);
+    let data = await getClientData(date);
     validateTrusted(data, login, trusted);
-    if (location in data.choices) {
-        if (login in data.choices[location]) {
-            const index = data.choices[location][login].options.indexOf(foodIndex);
-            if (index > -1) {
-                data.choices[location][login].options.splice(index, 1)
+    if (locationKey in data.choices) {
+        if (data.choices[locationKey] && login in data.choices[locationKey]) {
+            const index = data.choices[locationKey][login].selectedFoods?.indexOf(foodIndex);
+            if (index != null && index > -1) {
+                data.choices[locationKey][login].selectedFoods?.splice(index, 1);
                 await storage.setData(selectedDay, data);
             }
         }
@@ -240,19 +306,26 @@ export async function removeChoice(login: string, trusted: boolean, location: Lo
 }
 
 /**
- * Odstraní kompletně volbu uživatele.
+ * Odstraní kompletně volbu uživatele, vyjma ignoredLocationKey (pokud byla předána a existuje).
  * 
  * @param login login uživatele
+ * @param date datum, ke kterému se volby vztahují
+ * @param ignoredLocationKey volba, která nebude odstraněna, pokud existuje
  */
-async function removeChoiceIfPresent(login: string, date: string) {
-    let data: DayData = await storage.getData(date);
+async function removeChoiceIfPresent(login: string, date?: Date, ignoredLocationKey?: LunchChoice) {
+    const usedDate = date ?? getToday();
+    let data = await getClientData(usedDate);
     for (const key of Object.keys(data.choices)) {
-        if (login in data.choices[key]) {
-            delete data.choices[key][login];
-            if (Object.keys(data.choices[key]).length === 0) {
-                delete data.choices[key];
+        const locationKey = key as LunchChoice;
+        if (ignoredLocationKey != null && ignoredLocationKey == locationKey) {
+            continue;
+        }
+        if (data.choices[locationKey] && login in data.choices[locationKey]) {
+            delete data.choices[locationKey][login];
+            if (Object.keys(data.choices[locationKey]).length === 0) {
+                delete data.choices[locationKey];
             }
-            await storage.setData(date, data);
+            await storage.setData(formatDate(usedDate), data);
         }
     }
     return data;
@@ -285,38 +358,96 @@ function validateTrusted(data: ClientData, login: string, trusted: boolean) {
  * 
  * @param login login uživatele
  * @param trusted příznak, zda se jedná o ověřeného uživatele
- * @param location vybrané "umístění"
+ * @param locationKey vybrané "umístění"
  * @param foodIndex volitelný index jídla v daném umístění
  * @param trusted příznak, zda se jedná o ověřeného uživatele
  * @param date datum, ke kterému se volba vztahuje
  * @returns aktuální data
  */
-export async function addChoice(login: string, trusted: boolean, location: Locations, foodIndex?: number, date?: Date) {
+export async function addChoice(login: string, trusted: boolean, locationKey: LunchChoice, foodIndex?: number, date?: Date) {
     const usedDate = date ?? getToday();
     await initIfNeeded(usedDate);
-    const selectedDate = formatDate(usedDate);
-    let data: DayData = await storage.getData(selectedDate);
+    let data = await getClientData(usedDate);
     validateTrusted(data, login, trusted);
+    await validateFoodIndex(locationKey, foodIndex, date);
     // Pokud měníme pouze lokaci, mažeme případné předchozí
     if (foodIndex == null) {
-        data = await removeChoiceIfPresent(login, selectedDate);
+        data = await removeChoiceIfPresent(login, usedDate);
+    } else {
+        // Mažeme případné ostatní volby (měla by být maximálně jedna)
+        removeChoiceIfPresent(login, usedDate, locationKey);
     }
-    if (!(location in data.choices)) {
-        data.choices[location] = {};
-    }
-    if (!(login in data.choices[location])) {
-        data.choices[location][login] = {
+    // TODO vytáhnout inicializaci "prázdné struktury" do vlastní funkce
+    data.choices[locationKey] ??= {};
+    if (!(login in data.choices[locationKey])) {
+        if (!data.choices[locationKey]) {
+            data.choices[locationKey] = {}
+        }
+        data.choices[locationKey][login] = {
             trusted,
-            options: []
+            selectedFoods: []
         };
     }
-    if (foodIndex != null && !data.choices[location][login].options.includes(foodIndex)) {
-        data.choices[location][login].options.push(foodIndex);
+    if (foodIndex != null && !data.choices[locationKey][login].selectedFoods?.includes(foodIndex)) {
+        data.choices[locationKey][login].selectedFoods?.push(foodIndex);
     }
+    const selectedDate = formatDate(usedDate);
     await storage.setData(selectedDate, data);
     return data;
 }
 
+/**
+ * Zvaliduje platnost indexu jídla pro vybranou lokalitu a datum.
+ * 
+ * @param locationKey vybraná lokalita
+ * @param foodIndex index jídla pro danou lokalitu
+ * @param date datum, pro které je validace prováděna
+ */
+async function validateFoodIndex(locationKey: LunchChoice, foodIndex?: number, date?: Date) {
+    if (foodIndex != null) {
+        if (typeof foodIndex !== 'number') {
+            throw Error(`Neplatný index ${foodIndex} typu ${typeof foodIndex}`);
+        }
+        if (foodIndex < 0) {
+            throw Error(`Neplatný index ${foodIndex}`);
+        }
+        if (!Object.keys(Restaurant).includes(locationKey)) {
+            throw Error(`Neplatný index ${foodIndex} pro lokalitu ${locationKey} nepodporující indexy`);
+        }
+        const usedDate = date ?? getToday();
+        const menu = await getRestaurantMenu(locationKey as Restaurant, usedDate);
+        if (menu.food?.length && foodIndex > (menu.food.length - 1)) {
+            throw new Error(`Neplatný index ${foodIndex} pro lokalitu ${locationKey}`);
+        }
+    }
+}
+
+/**
+ * Aktualizuje poznámku k aktuálně vybrané možnosti.
+ * 
+ * @param login login uživatele
+ * @param trusted příznak, zda se jedná o ověřeného uživatele
+ * @param note poznámka
+ * @param date datum, ke kterému se volba vztahuje
+ */
+export async function updateNote(login: string, trusted: boolean, note?: string, date?: Date) {
+    const usedDate = date ?? getToday();
+    await initIfNeeded(usedDate);
+    let data = await getClientData(usedDate);
+    validateTrusted(data, login, trusted);
+    const userEntry = data.choices != null && Object.entries(data.choices).find(entry => entry[1][login] != null);
+    if (userEntry) {
+        if (!note?.length) {
+            delete userEntry[1][login].note;
+        } else {
+            userEntry[1][login].note = note;
+        }
+        const selectedDate = formatDate(usedDate);
+        await storage.setData(selectedDate, data);
+    }
+    return data;
+}
+
 /**
  * Aktualizuje preferovaný čas odchodu strávníka.
  * 
@@ -325,8 +456,8 @@ export async function addChoice(login: string, trusted: boolean, location: Locat
  * @param date datum, ke kterému se čas vztahuje
  */
 export async function updateDepartureTime(login: string, time?: string, date?: Date) {
-    const selectedDate = formatDate(date ?? getToday());
-    let clientData: DayData = await storage.getData(selectedDate);
+    const usedDate = date ?? getToday();
+    let clientData = await getClientData(usedDate);
     const found = Object.values(clientData.choices).find(location => login in location);
     // TODO validace, že se jedná o restauraci
     if (found) {
@@ -338,7 +469,19 @@ export async function updateDepartureTime(login: string, time?: string, date?: D
             }
             found[login].departureTime = time;
         }
-        await storage.setData(selectedDate, clientData);
+        await storage.setData(formatDate(usedDate), clientData);
     }
     return clientData;
+}
+
+/**
+ * Vrátí data pro klienta pro předaný nebo aktuální den.
+ * 
+ * @param date datum pro který vrátit data, pokud není vyplněno, je použit dnešní den
+ * @returns data pro klienta
+ */
+export async function getClientData(date?: Date): Promise<ClientData> {
+    const targetDate = date ?? getToday();
+    const dateString = formatDate(targetDate);
+    return await storage.getData<ClientData>(dateString) || getEmptyData(date);
 }

server/src/stats.ts

@@ -0,0 +1,48 @@
+import { DailyStats, LunchChoice, WeeklyStats } from "../../types/gen/types.gen";
+import { getStatsMock } from "./mock";
+import { getClientData } from "./service";
+import getStorage from "./storage";
+
+const storage = getStorage();
+
+/**
+ * Vypočte a vrátí statistiky jednotlivých možností pro předaný rozsah dat.
+ * 
+ * @param startDate počáteční datum
+ * @param endDate koncové datum
+ * @returns statistiky pro zadaný rozsah dat
+ */
+export async function getStats(startDate: string, endDate: string): Promise<WeeklyStats> {
+    if (process.env.MOCK_DATA === 'true') {
+        return getStatsMock();
+    }
+    const start = new Date(startDate);
+    const end = new Date(endDate);
+
+    // Dočasná validace, aby to někdo ručně neshodil
+    const daysDiff = ((end as any) - (start as any)) / (1000 * 60 * 60 * 24);
+    if (daysDiff > 4) {
+        throw Error('Neplatný rozsah');
+    }
+
+    const result = [];
+    for (const date = start; date <= end; date.setDate(date.getDate() + 1)) {
+        const locationsStats: DailyStats = {
+            // TODO vytáhnout do utils funkce
+            date: `${String(date.getDate()).padStart(2, "0")}.${String(date.getMonth() + 1).padStart(2, "0")}.`,
+            locations: {}
+        }
+        const data = await getClientData(date);
+        if (data?.choices) {
+            Object.keys(data.choices).forEach(locationKey => {
+                if (!locationsStats.locations) {
+                    locationsStats.locations = {}
+                }
+                // TODO dořešit, tohle je zmatek a té hlášce Sonaru nerozumím
+                locationsStats.locations[locationKey as LunchChoice] = Object.keys(data.choices[locationKey as LunchChoice]!).length;
+            })
+        }
+        result.push(locationsStats);
+    }
+    return result as WeeklyStats;
+}

server/src/storage/StorageInterface.ts

@@ -1,5 +1,3 @@
-import { ClientData } from "../../../types";
-
 /**
  * Interface pro úložiště dat.
  * 
@@ -7,6 +5,12 @@ import { ClientData } from "../../../types";
  * Postupem času lze předělat pro efektivnější využití Redis.
  */
 export interface StorageInterface {
+
+    /**
+     * Inicializuje úložiště, pokud je potřeba (např. připojení k databázi).
+     */
+    initialize?(): Promise<void>;
+
     /**
      * Vrátí příznak, zda existují data pro předaný klíč.
      * @param key klíč, pro který zjišťujeme data (typicky datum)
@@ -17,7 +21,7 @@ export interface StorageInterface {
      * Vrátí veškerá data pro předaný klíč.
      * @param key klíč, pro který vrátit data (typicky datum)
      */
-    getData<Type>(key: string): Promise<Type>;
+    getData<Type>(key: string): Promise<Type | undefined>;
 
     /**
      * Uloží data pod předaný klíč.

server/src/storage/index.ts

@@ -4,8 +4,8 @@ import { StorageInterface } from "./StorageInterface";
 import JsonStorage from "./json";
 import RedisStorage from "./redis";
 
-const ENVIRONMENT = process.env.NODE_ENV || 'production';
-dotenv.config({ path: path.resolve(__dirname, `../.env.${ENVIRONMENT}`) });
+const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
+dotenv.config({ path: path.resolve(__dirname, `../../.env.${ENVIRONMENT}`) });
 
 const JSON_KEY = 'json';
 const REDIS_KEY = 'redis';
@@ -19,6 +19,13 @@ if (!process.env.STORAGE || process.env.STORAGE?.toLowerCase() === JSON_KEY) {
     throw Error("Nepodporovaná hodnota proměnné STORAGE: " + process.env.STORAGE + ", podporované jsou 'json' nebo 'redis'");
 }
 
+(async () => {
+    if (storage.initialize) {
+        await storage.initialize();
+    }
+})();
+
+
 export default function getStorage(): StorageInterface {
     return storage;
 }

server/src/storage/json.ts

@@ -1,8 +1,17 @@
 import JSONdb from 'simple-json-db';
 import { StorageInterface } from "./StorageInterface";
+import * as fs from 'fs';
+import * as path from 'path';
 
-const db = new JSONdb('./data.json');
+const dbPath = path.resolve(__dirname, '../../data/db.json');
+const dbDir = path.dirname(dbPath);
 
+// Zajistěte, že adresář existuje
+if (!fs.existsSync(dbDir)) {
+    fs.mkdirSync(dbDir, { recursive: true });
+}
+
+const db = new JSONdb(dbPath);
 /**
  * Implementace úložiště používající JSON soubor.
  */

server/src/storage/redis.ts

@@ -8,15 +8,18 @@ let client: RedisClientType;
  */
 export default class RedisStorage implements StorageInterface {
     constructor() {
-        const HOST = process.env.REDIS_HOST || 'localhost';
-        const PORT = process.env.REDIS_PORT || 6379;
+        const HOST = process.env.REDIS_HOST ?? 'localhost';
+        const PORT = process.env.REDIS_PORT ?? 6379;
         client = createClient({ url: `redis://${HOST}:${PORT}` });
+    }
+
+    async initialize() {
         client.connect();
     }
 
     async hasData(key: string) {
         const data = await client.json.get(key);
-        return (data ? true : false);
+        return (!!data);
     }
 
     async getData<Type>(key: string) {

server/src/utils.ts

@@ -1,11 +1,15 @@
-import { Choices } from "../../types";
+import { LunchChoice, LunchChoices } from "../../types/gen/types.gen";
+
+const DAY_OF_WEEK_FORMAT = new Intl.DateTimeFormat(undefined, { weekday: 'long' });
 
 /** Vrátí datum v ISO formátu. */
-export function formatDate(date: Date) {
-    let currentDay = String(date.getDate()).padStart(2, '0');
-    let currentMonth = String(date.getMonth() + 1).padStart(2, "0");
-    let currentYear = date.getFullYear();
-    return `${currentYear}-${currentMonth}-${currentDay}`;
+export function formatDate(date: Date, format?: string) {
+    let day = String(date.getDate()).padStart(2, '0');
+    let month = String(date.getMonth() + 1).padStart(2, "0");
+    let year = String(date.getFullYear());
+
+    const f = format ?? 'YYYY-MM-DD';
+    return f.replace('DD', day).replace('MM', month).replace('YYYY', year);
 }
 
 /** Vrátí human-readable reprezentaci předaného data pro zobrazení. */
@@ -13,7 +17,7 @@ export function getHumanDate(date: Date) {
     let currentDay = String(date.getDate()).padStart(2, '0');
     let currentMonth = String(date.getMonth() + 1).padStart(2, "0");
     let currentYear = date.getFullYear();
-    let currentDayOfWeek = date.toLocaleDateString("CZ-cs", { weekday: 'long' });
+    let currentDayOfWeek = DAY_OF_WEEK_FORMAT.format(date);
     return `${currentDay}.${currentMonth}.${currentYear} (${currentDayOfWeek})`;
 }
 
@@ -57,10 +61,10 @@ export function getLastWorkDayOfWeek(date: Date) {
 
 /** Vrátí pořadové číslo týdne předaného data v roce dle ISO 8601. */
 export function getWeekNumber(inputDate: Date) {
-    var date = new Date(inputDate.getTime());
+    const date = new Date(inputDate.getTime());
     date.setHours(0, 0, 0, 0);
     date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
-    var week1 = new Date(date.getFullYear(), 0, 4);
+    const week1 = new Date(date.getFullYear(), 0, 4);
     return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
 }
 
@@ -110,19 +114,19 @@ export const checkBodyParams = (req: any, paramNames: string[]) => {
 // TODO umístit do samostatného souboru
 export class InsufficientPermissions extends Error { }
 
-export const getUsersByLocation = (data: Choices, login: string): string[] => {
+export const getUsersByLocation = (choices: LunchChoices, login?: string): string[] => {
     const result: string[] = [];
 
-    for (const location in data) {
-        if (data.hasOwnProperty(location)) {
-            if (data[location][login]) {
-                for (const username in data[location]) {
-                    if (data[location].hasOwnProperty(username)) {
-                        result.push(username);
-                    }
+    for (const location of Object.entries(choices)) {
+        const locationKey = location[0] as LunchChoice;
+        const locationValue = location[1];
+        if (login && locationValue[login]) {
+            for (const username in choices[locationKey]) {
+                if (choices[locationKey].hasOwnProperty(username)) {
+                    result.push(username);
                 }
-                break;
             }
+            break;
         }
     }
 

server/src/voting.ts

@@ -1,4 +1,4 @@
-import { FeatureRequest } from "../../types";
+import { FeatureRequest } from "../../types/gen/types.gen";
 import getStorage from "./storage";
 
 interface VotingData {
@@ -15,7 +15,7 @@ const STORAGE_KEY = 'voting';
  * @returns pole voleb
  */
 export async function getUserVotes(login: string) {
-    const data: VotingData = await storage.getData(STORAGE_KEY);
+    const data = await storage.getData<VotingData>(STORAGE_KEY);
     return data?.[login] || [];
 }
 
@@ -28,10 +28,8 @@ export async function getUserVotes(login: string) {
  * @returns aktuální data
  */
 export async function updateFeatureVote(login: string, option: FeatureRequest, active: boolean): Promise<VotingData> {
-    let data: VotingData = await storage.getData(STORAGE_KEY);
-    if (data == null) {
-        data = {};
-    }
+    let data = await storage.getData<VotingData>(STORAGE_KEY);
+    data ??= {};
     if (!(login in data)) {
         data[login] = [];
     }
@@ -46,8 +44,8 @@ export async function updateFeatureVote(login: string, option: FeatureRequest, a
             }
         }
     } else if (active) {
-        if (data[login].length == 3) {
-            throw Error('Je možné hlasovat pro maximálně 3 možnosti');
+        if (data[login].length == 4) {
+            throw Error('Je možné hlasovat pro maximálně 4 možnosti');
         }
         data[login].push(option);
     }

server/src/websocket.ts

@@ -1,5 +1,4 @@
-import { Server } from "socket.io";
-import { DefaultEventsMap } from "socket.io/dist/typed-events";
+import { DefaultEventsMap, Server } from "socket.io";
 
 let io: Server<DefaultEventsMap, DefaultEventsMap, DefaultEventsMap, any>;
 

server/tsconfig.json

@@ -4,10 +4,11 @@
         "../types/**/*"
     ],
     "compilerOptions": {
-        "target": "ES2016",
-        "module": "CommonJS",
-        "jsx": "react",
+        "target": "ES2022",
+        "module": "Node16",
+        "moduleResolution": "node16",
         "esModuleInterop": true,
+        "skipLibCheck": true,
         "forceConsistentCasingInFileNames": true,
         "outDir": "./dist",
         "rootDir": "../",

types/Types.ts

@@ -1,169 +0,0 @@
-/** Výčtový typ pro restaurace, pro které umíme získat a parsovat obědové menu. */
-export enum Restaurants {
-    SLADOVNICKA = 'sladovnicka',
-    UMOTLIKU = 'uMotliku',
-    TECHTOWER = 'techTower',
-}
-
-export interface FoodChoices {
-    trusted: boolean,
-    options: number[],
-    departureTime?: string,
-}
-
-export interface Choices {
-    [location: string]: {
-        [login: string]: FoodChoices
-    },
-}
-
-/** Velikost konkrétní pizzy */
-export interface PizzaSize {
-    varId: number, // unikátní ID varianty pizzy
-    size: string, // velikost pizzy, např. "30cm"
-    pizzaPrice: number, // cena samotné pizzy
-    boxPrice: number, // cena krabice
-    price: number, // celková cena (pizza + krabice)
-}
-
-/** Jedna konkrétní pizza */
-export interface Pizza {
-    name: string, // název pizzy
-    ingredients: string[], // seznam ingrediencí
-    sizes: PizzaSize[], // dostupné velikosti pizzy
-}
-
-/** Objednávka jedné konkrétní pizzy */
-export interface PizzaOrder {
-    varId: number, // unikátní ID varianty pizzy
-    name: string, // název pizzy
-    size: string, // velikost pizzy jako string (30cm)
-    price: number, // cena pizzy v Kč, včetně krabice
-}
-
-/** Celková objednávka jednoho člověka */
-export interface Order {
-    customer: string, // jméno objednatele
-    pizzaList: PizzaOrder[], // seznam objednaných pizz
-    fee?: { text?: string, price: number }, // příplatek (např. za extra ingredience)
-    totalPrice: number, // celková cena všech objednaných pizz, krabic a příplatků
-    hasQr?: boolean, // true, pokud je k objednávce vygenerován QR kód pro platbu
-    note?: string, // volitelná uživatelská poznámka k objednávce
-}
-
-/** Stav pizza dne */
-export enum PizzaDayState {
-    NOT_CREATED, // Pizza day nebyl založen
-    CREATED, // Pizza day je založen
-    LOCKED, // Objednávky uzamčeny
-    ORDERED, // Pizzy objednány
-    DELIVERED // Pizzy doručeny
-}
-
-/** Informace o pizza day pro dnešní den */
-interface PizzaDay {
-    state: PizzaDayState, // stav pizza dne
-    creator: string, // jméno zakladatele
-    orders: Order[], // seznam objednávek jednotlivých lidí
-}
-
-/** Týdenní menu jednotlivých restaurací. */
-export interface WeekMenu {
-    [dayIndex: number]: {
-        [restaurant in Restaurants]?: DayMenu
-    }
-}
-
-/** Data vztahující se k jednomu konkrétnímu dni. */
-export interface DayData {
-    date: string, // datum dne
-    isWeekend: boolean, // příznak, zda je datum víkend
-    weekIndex: number, // index dne v týdnu (0-6)
-    choices: Choices, // seznam voleb uživatelů
-    menus?: { [restaurant in Restaurants]?: DayMenu }, // menu jednotlivých restaurací
-    pizzaDay?: PizzaDay, // pizza day pro dnešní den, pokud existuje
-    pizzaList?: Pizza[], // seznam dostupných pizz pro dnešní den
-    pizzaListLastUpdate?: Date, // datum a čas poslední aktualizace pizz
-}
-
-/** Veškerá data pro zobrazení na klientovi. */
-export interface ClientData extends DayData {
-    todayWeekIndex?: number, // index dnešního dne v týdnu (0-6)
-}
-
-/** Nabídka jídel jednoho podniku pro jeden konkrétní den. */
-export interface DayMenu {
-    lastUpdate: number, // UNIX timestamp poslední aktualizace menu
-    closed: boolean, // příznak, zda je daný podnik v tento den zavřený
-    food: Food[], // seznam jídel v menu
-}
-
-/** Jídlo z obědového menu restaurace. */
-export interface Food {
-    amount?: string, // množství standardní porce, např. 0,33l nebo 150g
-    name: string, // název/popis jídla
-    price: string, // cena ve formátu '135 Kč'
-    isSoup: boolean, // příznak, zda se jedná o polévku
-}
-
-// TODO tohle je dost špatné pojmenování, vzhledem k tomu co to obsahuje
-export enum Locations {
-    SLADOVNICKA = 'Sladovnická',
-    UMOTLIKU = 'U Motlíků',
-    TECHTOWER = 'TechTower',
-    SPSE = 'SPŠE',
-    PIZZA = 'Pizza day',
-    OBJEDNAVAM = 'Budu objednávat',
-    NEOBEDVAM = 'Mám vlastní/neobědvám',
-}
-
-export enum UdalostEnum {
-    ZAHAJENA_PIZZA = "Zahájen pizza day",
-    OBJEDNANA_PIZZA = "Objednána pizza",
-    JDEME_OBED = "Jdeme oběd",
-}
-
-export interface NotififaceInput {
-    udalost: UdalostEnum,
-    user: string,
-}
-
-export interface NotifikaceData {
-    input: NotififaceInput,
-    gotify?: boolean,
-    teams?: boolean,
-    ntfy?: boolean,
-}
-
-export interface GotifyServer {
-    server: string;
-    api_keys: string[];
-}
-
-/** Čas preferovaného odchodu na oběd. */
-export enum DepartureTime {
-    T10_00 = "10:00",
-    T10_15 = "10:15",
-    T10_30 = "10:30",
-    T10_45 = "10:45",
-    T11_00 = "11:00",
-    T11_15 = "11:15",
-    T11_30 = "11:30",
-    T11_45 = "11:45",
-    T12_00 = "12:00",
-    T12_15 = "12:15",
-    T12_30 = "12:30",
-    T12_45 = "12:45",
-    T13_00 = "13:00",
-}
-
-export enum FeatureRequest {
-    SINGLE_PAYMENT = "Možnost úhrady v podniku jednou osobou a generování QR pro ostatní",
-    NOTIFICATIONS = "Podpora push notifikací na mobil",
-    STATISTICS = "Statistiky (nejoblíbenější podnik, nejpopulárnější jídla, nejobjednávanější pizzy, ...)",
-    RESPONSIVITY = "Vylepšení responzivního designu",
-    SECURITY = "Zvýšení zabezpečení aplikace",
-    SAFETY = "Zvýšená ochrana proti chybám uživatele (potvrzovací dialogy, překliky, ...)",
-    UI = "Celkové vylepšení UI/UX",
-    DEVELOPMENT = "Zlepšení dokumentace/postupů pro ostatní vývojáře"
-}

types/api.yml

@@ -0,0 +1,84 @@
+openapi: 3.0.4
+info:
+  title: Luncher API
+  version: 1.0.0
+servers:
+  - url: /api
+paths:
+  # Obecné (/api)
+  /login:
+    $ref: "./paths/login.yml"
+  /qr:
+    $ref: "./paths/getPizzaQr.yml"
+  /data:
+    $ref: "./paths/getData.yml"
+
+  # Restaurace a jídla (/api/food)
+  /food/addChoice:
+    $ref: "./paths/food/addChoice.yml"
+  /food/removeChoice:
+    $ref: "./paths/food/removeChoice.yml"
+  /food/updateNote:
+    $ref: "./paths/food/updateNote.yml"
+  /food/removeChoices:
+    $ref: "./paths/food/removeChoices.yml"
+  /food/changeDepartureTime:
+    $ref: "./paths/food/changeDepartureTime.yml"
+  /food/jdemeObed:
+    $ref: "./paths/food/jdemeObed.yml"
+
+  # Pizza day (/api/pizzaDay)
+  /pizzaDay/create:
+    $ref: "./paths/pizzaDay/create.yml"
+  /pizzaDay/delete:
+    $ref: "./paths/pizzaDay/delete.yml"
+  /pizzaDay/lock:
+    $ref: "./paths/pizzaDay/lock.yml"
+  /pizzaDay/unlock:
+    $ref: "./paths/pizzaDay/unlock.yml"
+  /pizzaDay/finishOrder:
+    $ref: "./paths/pizzaDay/finishOrder.yml"
+  /pizzaDay/finishDelivery:
+    $ref: "./paths/pizzaDay/finishDelivery.yml"
+  /pizzaDay/add:
+    $ref: "./paths/pizzaDay/addPizza.yml"
+  /pizzaDay/remove:
+    $ref: "./paths/pizzaDay/removePizza.yml"
+  /pizzaDay/updatePizzaDayNote:
+    $ref: "./paths/pizzaDay/updatePizzaDayNote.yml"
+  /pizzaDay/updatePizzaFee:
+    $ref: "./paths/pizzaDay/updatePizzaFee.yml"
+
+  # Easter eggy (/api/easterEggs)
+  /easterEggs:
+    $ref: "./paths/easterEggs/easterEggs.yml"
+  /easterEggs/{url}:
+    $ref: "./paths/easterEggs/easterEgg.yml"
+
+  # Statistiky (/api/stats)
+  /stats:
+    $ref: "./paths/stats/stats.yml"
+
+  # Hlasování (/api/voting)
+  /voting/getVotes:
+    $ref: "./paths/voting/getVotes.yml"
+  /voting/updateVote:
+    $ref: "./paths/voting/updateVote.yml"
+
+components:
+  schemas:
+    $ref: "./schemas/_index.yml"
+  responses:
+    ClientDataResponse:
+      description: Aktuální data pro klienta
+      content:
+        application/json:
+          schema:
+            $ref: "./schemas/_index.yml#/ClientData"
+  securitySchemes:
+    bearerAuth:
+      type: http
+      scheme: bearer
+      bearerFormat: JWT
+security:
+  - bearerAuth: []

types/index.ts

@@ -1 +1 @@
-export * from './Types';
+export * from './gen';

types/openapi-ts.config.ts

@@ -0,0 +1,14 @@
+import { defaultPlugins } from '@hey-api/openapi-ts';
+
+export default {
+    input: 'api.yml',
+    output: 'gen',
+    plugins: [
+        ...defaultPlugins,
+        '@hey-api/client-fetch',
+        {
+            enums: 'javascript',
+            name: '@hey-api/typescript',
+        },
+    ],
+};

types/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@luncher/types",
+  "version": "1.0.0",
+  "license": "MIT",
+  "private": true,
+  "devDependencies": {
+    "@hey-api/client-fetch": "^0.8.2",
+    "@hey-api/openapi-ts": "^0.64.7",
+    "typescript": "^5.9.3"
+  }
+}

types/paths/easterEggs/easterEgg.yml

@@ -0,0 +1,18 @@
+get:
+  operationId: getEasterEggImage
+  summary: Vrátí obrázek konkrétního easter eggu
+  parameters:
+    - in: path
+      name: url
+      required: true
+      schema:
+        type: string
+      description: URL easter eggu
+  responses:
+    "200":
+      content:
+        image/png:
+          description: Obrázek easter eggu
+          schema:
+            type: string
+            format: binary

types/paths/easterEggs/easterEggs.yml

@@ -0,0 +1,9 @@
+get:
+  operationId: getEasterEgg
+  summary: Vrátí náhodně metadata jednoho z definovaných easter egg obrázků pro přihlášeného uživatele, nebo nic, pokud žádné definované nemá.
+  responses:
+    "200":
+      content:
+        application/json:
+          schema:
+            $ref: "../../schemas/_index.yml#/EasterEgg"

types/paths/food/addChoice.yml

@@ -0,0 +1,20 @@
+post:
+  operationId: addChoice
+  summary: Přidání či nahrazení volby uživatele pro zvolený den/podnik
+  requestBody:
+    required: true
+    content:
+      application/json:
+        schema:
+          required:
+            - locationKey
+          properties:
+            locationKey:
+              $ref: "../../schemas/_index.yml#/LunchChoice"
+            dayIndex:
+              $ref: "../../schemas/_index.yml#/DayIndex"
+            foodIndex:
+              $ref: "../../schemas/_index.yml#/FoodIndex"
+  responses:
+    "200":
+      $ref: "../../api.yml#/components/responses/ClientDataResponse"

types/paths/food/changeDepartureTime.yml

@@ -0,0 +1,16 @@
+post:
+  operationId: changeDepartureTime
+  summary: Úprava preferovaného času odchodu do aktuálně zvoleného podniku.
+  requestBody:
+    required: true
+    content:
+      application/json:
+        schema:
+          properties:
+            dayIndex:
+              $ref: "../../schemas/_index.yml#/DayIndex"
+            time:
+              $ref: "../../schemas/_index.yml#/DepartureTime"
+  responses:
+    "200":
+      $ref: "../../api.yml#/components/responses/ClientDataResponse"

types/paths/food/jdemeObed.yml

@@ -0,0 +1,6 @@
+post:
+  operationId: jdemeObed
+  summary: Odeslání notifikací "jdeme na oběd" dle konfigurace.
+  responses:
+    "200":
+      description: Notifikace byly odeslány.

types/paths/food/removeChoice.yml

@@ -0,0 +1,21 @@
+post:
+  operationId: removeChoice
+  summary: Odstranění jednoho zvoleného jídla uživatele pro zvolený den/podnik
+  requestBody:
+    required: true
+    content:
+      application/json:
+        schema:
+          required:
+            - foodIndex
+            - locationKey
+          properties:
+            foodIndex:
+              $ref: "../../schemas/_index.yml#/FoodIndex"
+            locationKey:
+              $ref: "../../schemas/_index.yml#/LunchChoice"
+            dayIndex:
+              $ref: "../../schemas/_index.yml#/DayIndex"
+  responses:
+    "200":
+      $ref: "../../api.yml#/components/responses/ClientDataResponse"

types/paths/food/removeChoices.yml

@@ -0,0 +1,18 @@
+post:
+  operationId: removeChoices
+  summary: Odstranění volby uživatele pro zvolený den/podnik, včetně případných jídel
+  requestBody:
+    required: true
+    content:
+      application/json:
+        schema:
+          required:
+            - locationKey
+          properties:
+            locationKey:
+              $ref: "../../schemas/_index.yml#/LunchChoice"
+            dayIndex:
+              $ref: "../../schemas/_index.yml#/DayIndex"
+  responses:
+    "200":
+      $ref: "../../api.yml#/components/responses/ClientDataResponse"

types/paths/food/updateNote.yml

@@ -0,0 +1,16 @@
+post:
+  operationId: updateNote
+  summary: Nastavení poznámky k volbě uživatele
+  requestBody:
+    required: true
+    content:
+      application/json:
+        schema:
+          properties:
+            dayIndex:
+              $ref: "../../schemas/_index.yml#/DayIndex"
+            note:
+              type: string
+  responses:
+    "200":
+      $ref: "../../api.yml#/components/responses/ClientDataResponse"

types/paths/getData.yml

@@ -0,0 +1,14 @@
+get:
+  operationId: getData
+  summary: Načtení klientských dat pro aktuální nebo předaný den
+  parameters:
+    - in: query
+      name: dayIndex
+      description: Index dne v týdnu. Pokud není předán, je použit aktuální den.
+      schema:
+        type: integer
+        minimum: 0
+        maximum: 4
+  responses:
+    "200":
+      $ref: "../api.yml#/components/responses/ClientDataResponse"

types/paths/getPizzaQr.yml

@@ -0,0 +1,19 @@
+get:
+  operationId: getPizzaQr
+  summary: Získání QR kódu pro platbu za Pizza day
+  security: [] # Nevyžaduje autentizaci
+  parameters:
+    - in: query
+      name: login
+      schema:
+        type: string
+      required: true
+      description: Přihlašovací jméno uživatele, pro kterého bude vrácen QR kód
+  responses:
+    "200":
+      description: Vygenerovaný QR kód pro platbu
+      content:
+        image/png:
+          schema:
+            type: string
+            format: binary

types/paths/login.yml

@@ -0,0 +1,20 @@
+post:
+  operationId: login
+  summary: Přihlášení uživatele
+  security: [] # Nevyžaduje autentizaci
+  requestBody:
+    content:
+      application/json:
+        schema:
+          type: object
+          properties:
+            login:
+              type: string
+              description: Přihlašovací jméno uživatele. Vyžadováno pouze pokud není předáno pomocí hlaviček.
+  responses:
+    "200":
+      description: Přihlášení bylo úspěšné
+      content:
+        application/json:
+          schema:
+            $ref: "../schemas/_index.yml#/JWTToken"

types/paths/pizzaDay/addPizza.yml

@@ -0,0 +1,21 @@
+post:
+  operationId: addPizza
+  summary: Přidání pizzy do objednávky.
+  requestBody:
+    required: true
+    content:
+      application/json:
+        schema:
+          required:
+            - pizzaIndex
+            - pizzaSizeIndex
+          properties:
+            pizzaIndex:
+              description: Index pizzy v nabídce
+              type: integer
+            pizzaSizeIndex:
+              description: Index velikosti pizzy v nabídce variant
+              type: integer
+  responses:
+    "200":
+      description: Přidání pizzy do objednávky proběhlo úspěšně.

types/paths/pizzaDay/create.yml

@@ -0,0 +1,6 @@
+post:
+  operationId: createPizzaDay
+  summary: Založení pizza day.
+  responses:
+    "200":
+      description: Pizza day byl založen.

types/paths/pizzaDay/delete.yml

@@ -0,0 +1,6 @@
+post:
+  operationId: deletePizzaDay
+  summary: Smazání pizza day.
+  responses:
+    "200":
+      description: Pizza day byl smazán.