Compare commits
64 Commits
feat/refre
...
086646fd1c
| Author | SHA1 | Date | |
|---|---|---|---|
| 086646fd1c | |||
| b8629afef2 | |||
| d366ac39d4 | |||
| fdd42dc46a | |||
| 2b7197eff6 | |||
| 6f43c74769 | |||
|
|
d85c764c88 | ||
|
|
37cacd895a | ||
| 6a1da97ef1 | |||
|
f91973f1a4
|
|||
|
7cf9179a87
|
|||
|
54e5be6b6a
|
|||
|
c264f9921e
|
|||
|
e03ba45415
|
|||
|
20f4ee0427
|
|||
|
be4cee4cdb
|
|||
| 8285dd2780 | |||
| 039d8457f3 | |||
|
091e25f446
|
|||
|
00b4a0cce2
|
|||
| 979c79e090 | |||
| d29c7863dd | |||
| 0781b84f11 | |||
|
e3d217822a
|
|||
|
ccfe9a9ae1
|
|||
|
7407a3d881
|
|||
|
8b139eba4e
|
|||
| 74eeef1de9 | |||
| fd67c0e646 | |||
| 60150889b0 | |||
| 9e0e842c2d | |||
| 86c50b315a | |||
| fe7d609b5f | |||
|
331a890cc5
|
|||
|
523bbbfb0f
|
|||
|
1acf9bf092
|
|||
|
81f67c8424
|
|||
|
c2a001b7e5
|
|||
|
670e45b805
|
|||
|
52769fc981
|
|||
|
0d90453c38
|
|||
|
a9709a944f
|
|||
|
593ffcf02b
|
|||
|
b4b62870e3
|
|||
|
480fe725f1
|
|||
| d2845f7d0f | |||
| 269f1994bc | |||
| 3dcda2028e | |||
| cfffd2b31d | |||
| 58bb5f4e7d | |||
| a3dfdb17e8 | |||
| 124fdce69d | |||
| ff20394b97 | |||
| a77a04bcdf | |||
|
42852805e0
|
|||
| d767730b19 | |||
| fa4f9903cb | |||
| cf8be8c64f | |||
| 4c2b08adf8 | |||
|
62cc82da9a
|
|||
|
40c113a4c8
|
|||
|
7681584d11
|
|||
| c670b4212a | |||
| 5fd90de3f8 |
@@ -80,7 +80,7 @@ COPY --from=builder /build/server/dist ./
|
|||||||
COPY --from=builder /build/client/dist ./public
|
COPY --from=builder /build/client/dist ./public
|
||||||
|
|
||||||
# Zkopírování produkčních .env serveru
|
# Zkopírování produkčních .env serveru
|
||||||
COPY /server/.env.production ./server/src
|
COPY /server/.env.production ./server
|
||||||
|
|
||||||
# Zkopírování konfigurace easter eggů
|
# Zkopírování konfigurace easter eggů
|
||||||
RUN if [ -f /server/.easter-eggs.json ]; then cp /server/.easter-eggs.json ./server/; fi
|
RUN if [ -f /server/.easter-eggs.json ]; then cp /server/.easter-eggs.json ./server/; fi
|
||||||
|
|||||||
@@ -10,6 +10,26 @@
|
|||||||
<link rel="apple-touch-icon" href="/logo192.png" />
|
<link rel="apple-touch-icon" href="/logo192.png" />
|
||||||
<link rel="manifest" href="/manifest.json" />
|
<link rel="manifest" href="/manifest.json" />
|
||||||
<title>Luncher</title>
|
<title>Luncher</title>
|
||||||
|
<script>
|
||||||
|
(function() {
|
||||||
|
try {
|
||||||
|
var saved = localStorage.getItem('theme_preference');
|
||||||
|
var theme;
|
||||||
|
if (saved === 'dark') {
|
||||||
|
theme = 'dark';
|
||||||
|
} else if (saved === 'light') {
|
||||||
|
theme = 'light';
|
||||||
|
} else {
|
||||||
|
// 'system' nebo neuloženo - použij systémové nastavení
|
||||||
|
theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
||||||
|
}
|
||||||
|
document.documentElement.setAttribute('data-bs-theme', theme);
|
||||||
|
} catch (e) {
|
||||||
|
// Fallback pokud localStorage není dostupný
|
||||||
|
document.documentElement.setAttribute('data-bs-theme', 'light');
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -6,31 +6,32 @@
|
|||||||
"type": "module",
|
"type": "module",
|
||||||
"homepage": ".",
|
"homepage": ".",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fortawesome/fontawesome-svg-core": "^6.4.0",
|
"@fortawesome/fontawesome-svg-core": "^7.1.0",
|
||||||
"@fortawesome/free-regular-svg-icons": "^6.4.0",
|
"@fortawesome/free-regular-svg-icons": "^7.1.0",
|
||||||
"@fortawesome/free-solid-svg-icons": "^6.4.0",
|
"@fortawesome/free-solid-svg-icons": "^7.1.0",
|
||||||
"@fortawesome/react-fontawesome": "^0.2.0",
|
"@fortawesome/react-fontawesome": "^3.1.0",
|
||||||
"@types/jest": "^29.5.12",
|
"@types/jest": "^30.0.0",
|
||||||
"@types/node": "^20.11.20",
|
"@types/node": "^24.10.0",
|
||||||
"@types/react": "^19.0.0",
|
"@types/react": "^19.2.2",
|
||||||
"@types/react-dom": "^19.0.0",
|
"@types/react-dom": "^19.2.2",
|
||||||
"@vitejs/plugin-react": "^4.3.4",
|
"@vitejs/plugin-react": "^5.1.0",
|
||||||
"bootstrap": "^5.2.3",
|
"bootstrap": "^5.3.8",
|
||||||
"react": "^19.0.0",
|
"react": "^19.2.0",
|
||||||
"react-bootstrap": "^2.7.2",
|
"react-bootstrap": "^2.10.10",
|
||||||
"react-dom": "^19.0.0",
|
"react-dom": "^19.2.0",
|
||||||
"react-jwt": "^1.2.0",
|
"react-jwt": "^1.3.0",
|
||||||
"react-modal": "^3.16.1",
|
"react-modal": "^3.16.3",
|
||||||
"react-router": "^7.2.0",
|
"react-router": "^7.9.5",
|
||||||
"react-router-dom": "^7.2.0",
|
"react-router-dom": "^7.9.5",
|
||||||
"react-select-search": "^4.1.6",
|
"react-select-search": "^4.1.6",
|
||||||
"react-snowfall": "^2.2.0",
|
"react-snow-overlay": "^1.0.14",
|
||||||
"react-toastify": "^10.0.4",
|
"react-snowfall": "^2.3.0",
|
||||||
"recharts": "^2.15.1",
|
"react-toastify": "^11.0.5",
|
||||||
"sass": "^1.80.6",
|
"recharts": "^3.4.1",
|
||||||
|
"sass": "^1.93.3",
|
||||||
"socket.io-client": "^4.6.1",
|
"socket.io-client": "^4.6.1",
|
||||||
"typescript": "^5.3.3",
|
"typescript": "^5.9.3",
|
||||||
"vite": "^6.0.3",
|
"vite": "^7.2.2",
|
||||||
"vite-tsconfig-paths": "^5.1.4"
|
"vite-tsconfig-paths": "^5.1.4"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
@@ -56,6 +57,6 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
||||||
"prettier": "^3.2.5"
|
"prettier": "^3.6.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
22
client/public/leaf-brown.svg
Normal file
22
client/public/leaf-brown.svg
Normal file
@@ -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>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
22
client/public/leaf-green.svg
Normal file
22
client/public/leaf-green.svg
Normal file
@@ -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>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
22
client/public/leaf-orange.svg
Normal file
22
client/public/leaf-orange.svg
Normal file
@@ -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>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
22
client/public/leaf-red.svg
Normal file
22
client/public/leaf-red.svg
Normal file
@@ -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>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
22
client/public/leaf-yellow.svg
Normal file
22
client/public/leaf-yellow.svg
Normal file
@@ -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>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
22
client/public/leaf.svg
Normal file
22
client/public/leaf.svg
Normal file
@@ -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>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
1096
client/src/App.scss
1096
client/src/App.scss
File diff suppressed because it is too large
Load Diff
@@ -10,18 +10,18 @@ import PizzaOrderList from './components/PizzaOrderList';
|
|||||||
import SelectSearch, { SelectedOptionValue, SelectSearchOption } from 'react-select-search';
|
import SelectSearch, { SelectedOptionValue, SelectSearchOption } from 'react-select-search';
|
||||||
import 'react-select-search/style.css';
|
import 'react-select-search/style.css';
|
||||||
import './App.scss';
|
import './App.scss';
|
||||||
import { faCircleCheck, faNoteSticky, faTrashCan } from '@fortawesome/free-regular-svg-icons';
|
import { faCircleCheck, faNoteSticky, faTrashCan, faComment } from '@fortawesome/free-regular-svg-icons';
|
||||||
import { useSettings } from './context/settings';
|
import { useSettings } from './context/settings';
|
||||||
import Footer from './components/Footer';
|
import Footer from './components/Footer';
|
||||||
import { faChainBroken, faChevronLeft, faChevronRight, faGear, faSatelliteDish, faSearch } from '@fortawesome/free-solid-svg-icons';
|
import { faBasketShopping, faChainBroken, faChevronLeft, faChevronRight, faGear, faSatelliteDish, faSearch, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
|
||||||
import Loader from './components/Loader';
|
import Loader from './components/Loader';
|
||||||
import { getHumanDateTime, isInTheFuture } from './Utils';
|
import { getHumanDateTime, isInTheFuture } from './Utils';
|
||||||
import NoteModal from './components/modals/NoteModal';
|
import NoteModal from './components/modals/NoteModal';
|
||||||
import { useEasterEgg } from './context/eggs';
|
import { useEasterEgg } from './context/eggs';
|
||||||
import { Link } from 'react-router';
|
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, setBuyer, dismissQr } from '../../types';
|
||||||
import { STATS_URL } from './AppRoutes';
|
|
||||||
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 { getLunchChoiceName } from './enums';
|
||||||
|
// import FallingLeaves, { LEAF_PRESETS, LEAF_COLOR_THEMES } from './FallingLeaves';
|
||||||
|
// import './FallingLeaves.scss';
|
||||||
|
|
||||||
const EVENT_CONNECT = "connect"
|
const EVENT_CONNECT = "connect"
|
||||||
|
|
||||||
@@ -32,6 +32,26 @@ const EASTER_EGG_STYLE = {
|
|||||||
animationTimingFunction: "ease"
|
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
|
// 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;
|
const EASTER_EGG_DEFAULT_DURATION = 0.75;
|
||||||
|
|
||||||
@@ -118,19 +138,33 @@ function App() {
|
|||||||
}, [socket]);
|
}, [socket]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!auth?.login) {
|
if (!auth?.login || !data?.choices) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
// TODO tohle občas náhodně nezafunguje, nutno přepsat, viz https://medium.com/@teh_builder/ref-objects-inside-useeffect-hooks-eb7c15198780
|
// Pre-fill form refs from existing choices
|
||||||
// TODO nutno opravit
|
let foundKey: LunchChoice | undefined;
|
||||||
// if (data?.choices && choiceRef.current) {
|
let foundChoice: UserLunchChoice | undefined;
|
||||||
// for (let entry of Object.entries(data.choices)) {
|
for (const key of Object.keys(data.choices)) {
|
||||||
// if (entry[1].includes(auth.login)) {
|
const locationKey = key as LunchChoice;
|
||||||
// const value = entry[0] as any as number; // TODO tohle je absurdní
|
const locationChoices = data.choices[locationKey];
|
||||||
// choiceRef.current.value = Object.values(Locations)[value];
|
if (locationChoices && auth.login in locationChoices) {
|
||||||
// }
|
foundKey = locationKey;
|
||||||
// }
|
foundChoice = locationChoices[auth.login];
|
||||||
// }
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (foundKey && choiceRef.current) {
|
||||||
|
choiceRef.current.value = foundKey;
|
||||||
|
const restaurantKey = Object.keys(Restaurant).indexOf(foundKey);
|
||||||
|
if (restaurantKey > -1 && food) {
|
||||||
|
const restaurant = Object.keys(Restaurant)[restaurantKey] as Restaurant;
|
||||||
|
setFoodChoiceList(food[restaurant]?.food);
|
||||||
|
setClosed(food[restaurant]?.closed ?? false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (foundChoice?.departureTime && departureChoiceRef.current) {
|
||||||
|
departureChoiceRef.current.value = foundChoice.departureTime;
|
||||||
|
}
|
||||||
}, [auth, auth?.login, data?.choices])
|
}, [auth, auth?.login, data?.choices])
|
||||||
|
|
||||||
// Reference na mojí objednávku
|
// Reference na mojí objednávku
|
||||||
@@ -194,7 +228,7 @@ function App() {
|
|||||||
|
|
||||||
const doAddClickFoodChoice = async (location: LunchChoice, foodIndex?: number) => {
|
const doAddClickFoodChoice = async (location: LunchChoice, foodIndex?: number) => {
|
||||||
if (document.getSelection()?.type !== 'Range') { // pouze pokud se nejedná o výběr textu
|
if (document.getSelection()?.type !== 'Range') { // pouze pokud se nejedná o výběr textu
|
||||||
if (auth?.login) {
|
if (canChangeChoice && auth?.login) {
|
||||||
await addChoice({ body: { locationKey: location, foodIndex, dayIndex } });
|
await addChoice({ body: { locationKey: location, foodIndex, dayIndex } });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -202,11 +236,12 @@ function App() {
|
|||||||
|
|
||||||
const doAddChoice = async (event: React.ChangeEvent<HTMLSelectElement>) => {
|
const doAddChoice = async (event: React.ChangeEvent<HTMLSelectElement>) => {
|
||||||
const locationKey = event.target.value as LunchChoice;
|
const locationKey = event.target.value as LunchChoice;
|
||||||
if (auth?.login) {
|
if (canChangeChoice && auth?.login) {
|
||||||
await addChoice({ body: { locationKey, dayIndex } });
|
await addChoice({ body: { locationKey, dayIndex } });
|
||||||
if (foodChoiceRef.current?.value) {
|
if (foodChoiceRef.current?.value) {
|
||||||
foodChoiceRef.current.value = "";
|
foodChoiceRef.current.value = "";
|
||||||
}
|
}
|
||||||
|
choiceRef.current?.blur();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -257,6 +292,18 @@ function App() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const copyNote = async (note: string) => {
|
||||||
|
if (auth?.login && note) {
|
||||||
|
await updateNote({ body: { note, dayIndex } });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const markAsBuyer = async () => {
|
||||||
|
if (auth?.login) {
|
||||||
|
await setBuyer();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const pizzaSuggestions = useMemo(() => {
|
const pizzaSuggestions = useMemo(() => {
|
||||||
if (!data?.pizzaList) {
|
if (!data?.pizzaList) {
|
||||||
return [];
|
return [];
|
||||||
@@ -277,7 +324,7 @@ function App() {
|
|||||||
const handlePizzaChange = async (value: SelectedOptionValue | SelectedOptionValue[]) => {
|
const handlePizzaChange = async (value: SelectedOptionValue | SelectedOptionValue[]) => {
|
||||||
if (auth?.login && data?.pizzaList) {
|
if (auth?.login && data?.pizzaList) {
|
||||||
if (typeof value !== 'string') {
|
if (typeof value !== 'string') {
|
||||||
throw Error('Nepodporovaný typ hodnoty');
|
throw new TypeError('Nepodporovaný typ hodnoty: ' + typeof value);
|
||||||
}
|
}
|
||||||
const s = value.split('|');
|
const s = value.split('|');
|
||||||
const pizzaIndex = Number.parseInt(s[0]);
|
const pizzaIndex = Number.parseInt(s[0]);
|
||||||
@@ -298,30 +345,6 @@ function App() {
|
|||||||
updatePizzaDayNote({ body: { note: pizzaPoznamkaRef.current?.value } });
|
updatePizzaDayNote({ body: { note: pizzaPoznamkaRef.current?.value } });
|
||||||
}
|
}
|
||||||
|
|
||||||
// const addToCart = async () => {
|
|
||||||
// TODO aktuálně nefunkční - nedokážeme poslat PHPSESSIONID cookie
|
|
||||||
// if (data?.pizzaDay?.orders) {
|
|
||||||
// for (const order of data?.pizzaDay?.orders) {
|
|
||||||
// for (const pizzaOrder of order.pizzaList) {
|
|
||||||
// const url = 'https://www.pizzachefie.cz/pridat.html';
|
|
||||||
// const payload = new URLSearchParams();
|
|
||||||
// payload.append('varId', pizzaOrder.varId.toString());
|
|
||||||
// await fetch(url, {
|
|
||||||
// method: "POST",
|
|
||||||
// mode: "no-cors",
|
|
||||||
// cache: "no-cache",
|
|
||||||
// credentials: "same-origin",
|
|
||||||
// headers: {
|
|
||||||
// 'Content-Type': 'application/x-www-form-urlencoded',
|
|
||||||
// },
|
|
||||||
// body: payload,
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// // TODO otevřít košík v nové záložce
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
const handleChangeDepartureTime = async (event: React.ChangeEvent<HTMLSelectElement>) => {
|
const handleChangeDepartureTime = async (event: React.ChangeEvent<HTMLSelectElement>) => {
|
||||||
if (foodChoiceList?.length && choiceRef.current?.value) {
|
if (foodChoiceList?.length && choiceRef.current?.value) {
|
||||||
await changeDepartureTime({ body: { time: event.target.value as DepartureTime, dayIndex } });
|
await changeDepartureTime({ body: { time: event.target.value as DepartureTime, dayIndex } });
|
||||||
@@ -345,28 +368,58 @@ function App() {
|
|||||||
const renderFoodTable = (location: Restaurant, menu: RestaurantDayMenu) => {
|
const renderFoodTable = (location: Restaurant, menu: RestaurantDayMenu) => {
|
||||||
let content;
|
let content;
|
||||||
if (menu?.closed) {
|
if (menu?.closed) {
|
||||||
content = <h3>Zavřeno</h3>
|
content = <div className="restaurant-closed">Zavřeno</div>
|
||||||
} else if (menu?.food?.length && menu.food.length > 0) {
|
} else if (menu?.food?.length && menu.food.length > 0) {
|
||||||
const hideSoups = settings?.hideSoups;
|
const hideSoups = settings?.hideSoups;
|
||||||
content = <Table striped bordered hover>
|
content = <Table className="food-table">
|
||||||
<tbody style={{ cursor: 'pointer' }}>
|
<tbody style={{ cursor: canChangeChoice ? 'pointer' : 'default' }}>
|
||||||
{menu.food.map((f: Food, index: number) =>
|
{menu.food.map((f: Food, index: number) =>
|
||||||
(!hideSoups || !f.isSoup) &&
|
(!hideSoups || !f.isSoup) &&
|
||||||
<tr key={f.name} onClick={() => doAddClickFoodChoice(location, index)}>
|
<tr key={f.name} onClick={() => doAddClickFoodChoice(location, index)}>
|
||||||
<td>{f.amount}</td>
|
<td>
|
||||||
<td>{f.name}</td>
|
<div className="food-name">
|
||||||
<td>{f.price}</td>
|
{f.name}
|
||||||
|
{f.allergens && f.allergens.length > 0 && (
|
||||||
|
<span className="food-allergens">
|
||||||
|
{' '}({f.allergens.map((a, idx) => (
|
||||||
|
<span key={a}>
|
||||||
|
<span className="allergen-link" title={ALLERGENS[a]} onClick={e => {
|
||||||
|
e.stopPropagation();
|
||||||
|
window.open(LINK_ALLERGENS, '_blank');
|
||||||
|
}}>{a}</span>
|
||||||
|
{idx < f.allergens!.length - 1 && ', '}
|
||||||
|
</span>
|
||||||
|
))})
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className="food-meta">
|
||||||
|
{f.amount && f.amount !== '-' && <span className="food-amount">{f.amount}</span>}
|
||||||
|
<span className="food-price">{f.price}</span>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
)}
|
)}
|
||||||
</tbody>
|
</tbody>
|
||||||
</Table>
|
</Table>
|
||||||
} else {
|
} else {
|
||||||
content = <h3>Chyba načtení dat</h3>
|
content = <div className="restaurant-error">Chyba načtení dat</div>
|
||||||
}
|
}
|
||||||
return <Col md={12} lg={3} className='mt-3'>
|
return <Col md={6} lg={3} className='mt-3'>
|
||||||
<h3 style={{ cursor: 'pointer' }} onClick={() => doAddClickFoodChoice(location)}>{getLunchChoiceName(location)}</h3>
|
<div className="restaurant-card">
|
||||||
{menu?.lastUpdate && <small>Poslední aktualizace: {getHumanDateTime(new Date(menu.lastUpdate))}</small>}
|
<div className="restaurant-header" style={{ cursor: canChangeChoice ? 'pointer' : 'default' }} onClick={() => doAddClickFoodChoice(location)}>
|
||||||
|
<h3>
|
||||||
|
{getLunchChoiceName(location)}
|
||||||
|
</h3>
|
||||||
|
{menu?.lastUpdate && <small>Aktualizace: {getHumanDateTime(new Date(menu.lastUpdate))}</small>}
|
||||||
|
{menu?.warnings && menu.warnings.length > 0 && (
|
||||||
|
<span className="restaurant-warning" title={menu.warnings.join('\n')}>
|
||||||
|
<FontAwesomeIcon icon={faTriangleExclamation} />
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
{content}
|
{content}
|
||||||
|
</div>
|
||||||
</Col>
|
</Col>
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -404,40 +457,39 @@ function App() {
|
|||||||
const { path, url, startOffset, endOffset, duration, ...style } = easterEgg || {};
|
const { path, url, startOffset, endOffset, duration, ...style } = easterEgg || {};
|
||||||
|
|
||||||
return (
|
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` }} />}
|
{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 />
|
<Header />
|
||||||
<div className='wrapper'>
|
<div className='wrapper'>
|
||||||
{data.isWeekend ? <h4>Užívejte víkend :)</h4> : <>
|
{data.todayDayIndex != null && data.todayDayIndex > 4 &&
|
||||||
<Alert variant={'primary'}>
|
<Alert variant="info" className="mb-3">
|
||||||
{/* <img alt="" src='hat.png' style={{ position: "absolute", width: "70px", rotate: "-45deg", left: -40, top: -58 }} />
|
Zobrazujete uplynulý týden
|
||||||
<img alt="" src='snowman.png' style={{ position: "absolute", height: "110px", right: 10, top: 5 }} /> */}
|
|
||||||
Poslední změny:
|
|
||||||
<ul>
|
|
||||||
<li>Migrace na generované <Link target='_blank' to="https://www.openapis.org">OpenAPI</Link></li>
|
|
||||||
<li>Odebrání zimní atmosféry</li>
|
|
||||||
</ul>
|
|
||||||
</Alert>
|
</Alert>
|
||||||
|
}
|
||||||
|
<>
|
||||||
{dayIndex != null &&
|
{dayIndex != null &&
|
||||||
<div className='day-navigator'>
|
<div className='day-navigator'>
|
||||||
<FontAwesomeIcon title="Předchozí den" icon={faChevronLeft} style={{ cursor: "pointer", visibility: dayIndex > 0 ? "initial" : "hidden" }} onClick={() => handleDayChange(dayIndex - 1)} />
|
<span title='Předchozí den'>
|
||||||
<h1 className='title' style={{ color: dayIndex === data.todayDayIndex ? 'black' : 'gray' }}>{data.date}</h1>
|
<FontAwesomeIcon icon={faChevronLeft} style={{ cursor: "pointer", visibility: dayIndex > 0 ? "initial" : "hidden" }} onClick={() => handleDayChange(dayIndex - 1)} />
|
||||||
<FontAwesomeIcon title="Následující den" icon={faChevronRight} style={{ cursor: "pointer", visibility: dayIndex < 4 ? "initial" : "hidden" }} onClick={() => handleDayChange(dayIndex + 1)} />
|
</span>
|
||||||
|
<h1 className={`title ${dayIndex !== data.todayDayIndex ? 'text-muted' : ''}`}>{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>
|
</div>
|
||||||
}
|
}
|
||||||
<Row className='food-tables'>
|
<Row className='food-tables'>
|
||||||
{/* TODO zjednodušit, stačí iterovat klíče typu Restaurant */}
|
{Object.keys(Restaurant).map(key => {
|
||||||
{food['SLADOVNICKA'] && renderFoodTable('SLADOVNICKA', food['SLADOVNICKA'])}
|
const locationKey = key as Restaurant;
|
||||||
{food['TECHTOWER'] && renderFoodTable('TECHTOWER', food['TECHTOWER'])}
|
return food[locationKey] && renderFoodTable(locationKey, food[locationKey]);
|
||||||
{food['ZASTAVKAUMICHALA'] && renderFoodTable('ZASTAVKAUMICHALA', food['ZASTAVKAUMICHALA'])}
|
})}
|
||||||
{food['SENKSERIKOVA'] && renderFoodTable('SENKSERIKOVA', food['SENKSERIKOVA'])}
|
|
||||||
</Row>
|
</Row>
|
||||||
<div className='content-wrapper'>
|
<div className='content-wrapper'>
|
||||||
<div className='content'>
|
<div className='content'>
|
||||||
{canChangeChoice && <>
|
{canChangeChoice && <div className="choice-section fade-in">
|
||||||
<p>{`Jak to ${dayIndex == null || dayIndex === data.todayDayIndex ? 'dnes' : 'tento den'} vidíš s obědem?`}</p>
|
<p>{`Jak to ${dayIndex == null || dayIndex === data.todayDayIndex ? 'dnes' : 'tento den'} vidíš s obědem?`}</p>
|
||||||
<Form.Select ref={choiceRef} onChange={doAddChoice}>
|
<Form.Select ref={choiceRef} onChange={doAddChoice}>
|
||||||
<option></option>
|
<option value="">Vyber možnost...</option>
|
||||||
{Object.entries(LunchChoice)
|
{Object.entries(LunchChoice)
|
||||||
.filter(entry => {
|
.filter(entry => {
|
||||||
const locationKey = entry[0] as Restaurant;
|
const locationKey = entry[0] as Restaurant;
|
||||||
@@ -447,76 +499,99 @@ function App() {
|
|||||||
</Form.Select>
|
</Form.Select>
|
||||||
<small>Je možné vybrat jen jednu možnost. Výběr jiné odstraní předchozí.</small>
|
<small>Je možné vybrat jen jednu možnost. Výběr jiné odstraní předchozí.</small>
|
||||||
{foodChoiceList && !closed && <>
|
{foodChoiceList && !closed && <>
|
||||||
<p style={{ marginTop: "10px" }}>Na co dobrého? <small>(nepovinné)</small></p>
|
<p className="mt-3">Na co dobrého? <small style={{ color: 'var(--luncher-text-muted)' }}>(nepovinné)</small></p>
|
||||||
<Form.Select ref={foodChoiceRef} onChange={doAddFoodChoice}>
|
<Form.Select ref={foodChoiceRef} onChange={doAddFoodChoice}>
|
||||||
<option></option>
|
<option value="">Vyber jídlo...</option>
|
||||||
{foodChoiceList.map((food, index) => <option key={food.name} value={index}>{food.name}</option>)}
|
{foodChoiceList.map((food, index) => <option key={food.name} value={index}>{food.name}</option>)}
|
||||||
</Form.Select>
|
</Form.Select>
|
||||||
</>}
|
</>}
|
||||||
{foodChoiceList && !closed && <>
|
{foodChoiceList && !closed && <>
|
||||||
<p style={{ marginTop: "10px" }}>V kolik hodin preferuješ odchod?</p>
|
<p className="mt-3">V kolik hodin preferuješ odchod?</p>
|
||||||
<Form.Select ref={departureChoiceRef} onChange={handleChangeDepartureTime}>
|
<Form.Select ref={departureChoiceRef} onChange={handleChangeDepartureTime}>
|
||||||
<option></option>
|
<option value="">Vyber čas...</option>
|
||||||
{Object.values(DepartureTime)
|
{Object.values(DepartureTime)
|
||||||
.filter(time => isInTheFuture(time))
|
.filter(time => isInTheFuture(time))
|
||||||
.map(time => <option key={time} value={time}>{time}</option>)}
|
.map(time => <option key={time} value={time}>{time}</option>)}
|
||||||
</Form.Select>
|
</Form.Select>
|
||||||
</>}
|
</>}
|
||||||
</>}
|
</div>}
|
||||||
{Object.keys(data.choices).length > 0 ?
|
{Object.keys(data.choices).length > 0 ?
|
||||||
<Table bordered className='mt-5'>
|
<Table className='choices-table mt-4 fade-in'>
|
||||||
<tbody>
|
<tbody>
|
||||||
{Object.keys(data.choices).map(key => {
|
{Object.keys(data.choices).map(key => {
|
||||||
const locationKey = key as LunchChoice;
|
const locationKey = key as LunchChoice;
|
||||||
const locationName = getLunchChoiceName(locationKey);
|
const locationName = getLunchChoiceName(locationKey);
|
||||||
const loginObject = data.choices[locationKey];
|
const loginObject = data.choices[locationKey];
|
||||||
if (!loginObject) {
|
if (!loginObject) {
|
||||||
return;
|
return null;
|
||||||
}
|
}
|
||||||
const locationLoginList = Object.entries(loginObject);
|
const locationLoginList = Object.entries(loginObject);
|
||||||
const locationPickCount = locationLoginList.length
|
const locationPickCount = locationLoginList.length
|
||||||
return (
|
return (
|
||||||
<tr key={key}>
|
<tr key={key}>
|
||||||
{(locationPickCount ?? 0) > 1 ? (
|
<td>
|
||||||
<td>{locationName} ({locationPickCount})</td>
|
{locationName}
|
||||||
) : (
|
{(locationPickCount ?? 0) > 1 && <span className="ms-1">({locationPickCount})</span>}
|
||||||
<td>{locationName}</td>)}
|
</td>
|
||||||
<td className='p-0'>
|
<td className='p-0'>
|
||||||
<Table>
|
<Table className="nested-table">
|
||||||
<tbody>
|
<tbody>
|
||||||
{locationLoginList.map((entry: [string, UserLunchChoice], index) => {
|
{locationLoginList.map((entry: [string, UserLunchChoice]) => {
|
||||||
const login = entry[0];
|
const login = entry[0];
|
||||||
const userPayload = entry[1];
|
const userPayload = entry[1];
|
||||||
const userChoices = userPayload?.selectedFoods;
|
const userChoices = userPayload?.selectedFoods;
|
||||||
const trusted = userPayload?.trusted || false;
|
const trusted = userPayload?.trusted || false;
|
||||||
|
const isBuyer = userPayload?.isBuyer || false;
|
||||||
return <tr key={entry[0]}>
|
return <tr key={entry[0]}>
|
||||||
<td>
|
<td>
|
||||||
{trusted && <span className='trusted-icon'>
|
{trusted && <span className='trusted-icon' title='Uživatel ověřený doménovým přihlášením'>
|
||||||
<FontAwesomeIcon title='Uživatel ověřený doménovým přihlášením' icon={faCircleCheck} style={{ cursor: "help" }} />
|
<FontAwesomeIcon icon={faCircleCheck} style={{ cursor: "help" }} />
|
||||||
</span>}
|
</span>}
|
||||||
{login}
|
<strong>{login}</strong>
|
||||||
{userPayload.departureTime && <small> ({userPayload.departureTime})</small>}
|
{userPayload.departureTime && <small className="ms-2" style={{ color: 'var(--luncher-text-muted)' }}>({userPayload.departureTime})</small>}
|
||||||
{userPayload.note && <small style={{ overflowWrap: 'anywhere' }}> ({userPayload.note})</small>}
|
{userPayload.note && <span className="ms-2" style={{ fontSize: 'small', color: 'var(--luncher-text-secondary)' }}>({userPayload.note})</span>}
|
||||||
{login === auth.login && canChangeChoice && <FontAwesomeIcon onClick={() => {
|
{login === auth.login && canChangeChoice && locationKey === LunchChoice.OBJEDNAVAM && <span title='Označit/odznačit se jako objednávající'>
|
||||||
|
<FontAwesomeIcon onClick={() => {
|
||||||
|
markAsBuyer();
|
||||||
|
}} icon={faBasketShopping} className={isBuyer ? 'buyer-icon' : 'action-icon'} style={{cursor: 'pointer'}} />
|
||||||
|
</span>}
|
||||||
|
{login !== auth.login && locationKey === LunchChoice.OBJEDNAVAM && isBuyer && <span title='Objednávající'>
|
||||||
|
<FontAwesomeIcon onClick={() => {
|
||||||
|
copyNote(userPayload.note!);
|
||||||
|
}} icon={faBasketShopping} className='buyer-icon' />
|
||||||
|
</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);
|
setNoteModalOpen(true);
|
||||||
}} title='Upravit poznámku' className='action-icon' icon={faNoteSticky} />}
|
}} className='action-icon' icon={faNoteSticky} />
|
||||||
{login === auth.login && canChangeChoice && <FontAwesomeIcon onClick={() => {
|
</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);
|
doRemoveChoices(key as LunchChoice);
|
||||||
}} title={`Odstranit volbu ${locationName}, včetně případných zvolených jídel`} className='action-icon' icon={faTrashCan} />}
|
}} className='action-icon' icon={faTrashCan} />
|
||||||
|
</span>}
|
||||||
</td>
|
</td>
|
||||||
{userChoices?.length && food ? <td>
|
{userChoices?.length && food ? <td>
|
||||||
<ul>
|
<div className="food-choices">
|
||||||
{userChoices?.map(foodIndex => {
|
{userChoices?.map(foodIndex => {
|
||||||
const restaurantKey = key as Restaurant;
|
const restaurantKey = key as Restaurant;
|
||||||
const foodName = food[restaurantKey]?.food?.[foodIndex].name;
|
const foodName = food[restaurantKey]?.food?.[foodIndex].name;
|
||||||
return <li key={foodIndex}>
|
return <div key={foodIndex} className="food-choice-item">
|
||||||
{foodName}
|
<span className="food-choice-name">{foodName}</span>
|
||||||
{login === auth.login && canChangeChoice && <FontAwesomeIcon onClick={() => {
|
{login === auth.login && canChangeChoice &&
|
||||||
|
<span title={`Odstranit ${foodName}`}>
|
||||||
|
<FontAwesomeIcon onClick={() => {
|
||||||
doRemoveFoodChoice(restaurantKey, foodIndex);
|
doRemoveFoodChoice(restaurantKey, foodIndex);
|
||||||
}} title={`Odstranit ${foodName}`} className='action-icon' icon={faTrashCan} />}
|
}} className='action-icon' icon={faTrashCan} />
|
||||||
</li>
|
</span>}
|
||||||
|
</div>
|
||||||
})}
|
})}
|
||||||
</ul>
|
</div>
|
||||||
</td> : null}
|
</td> : null}
|
||||||
</tr>
|
</tr>
|
||||||
}
|
}
|
||||||
@@ -529,94 +604,94 @@ function App() {
|
|||||||
)}
|
)}
|
||||||
</tbody>
|
</tbody>
|
||||||
</Table>
|
</Table>
|
||||||
: <div className='mt-5'><i>Zatím nikdo nehlasoval...</i></div>
|
: <div className='no-votes mt-4'>Zatím nikdo nehlasoval...</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
{dayIndex === data.todayDayIndex &&
|
{dayIndex === data.todayDayIndex &&
|
||||||
<div className='mt-5'>
|
<div className='pizza-section fade-in'>
|
||||||
{!data.pizzaDay &&
|
{!data.pizzaDay &&
|
||||||
<div style={{ textAlign: 'center' }}>
|
<>
|
||||||
|
<h3>Pizza Day</h3>
|
||||||
<p>Pro dnešní den není aktuálně založen Pizza day.</p>
|
<p>Pro dnešní den není aktuálně založen Pizza day.</p>
|
||||||
{loadingPizzaDay ?
|
{loadingPizzaDay ?
|
||||||
<span>
|
<span style={{ color: 'var(--luncher-primary)' }}>
|
||||||
<FontAwesomeIcon icon={faGear} className='fa-spin' /> Zjišťujeme dostupné pizzy
|
<FontAwesomeIcon icon={faGear} className='fa-spin me-2' /> Zjišťujeme dostupné pizzy
|
||||||
</span>
|
</span>
|
||||||
:
|
:
|
||||||
<>
|
<div>
|
||||||
<Button onClick={async () => {
|
<Button onClick={async () => {
|
||||||
setLoadingPizzaDay(true);
|
setLoadingPizzaDay(true);
|
||||||
await createPizzaDay().then(() => setLoadingPizzaDay(false));
|
await createPizzaDay().then(() => setLoadingPizzaDay(false));
|
||||||
}}>Založit Pizza day</Button>
|
}}>Založit Pizza day</Button>
|
||||||
<Button onClick={doJdemeObed} style={{ marginLeft: "14px" }}>Jdeme na oběd !</Button>
|
<Button variant="outline-primary" onClick={doJdemeObed}>Jdeme na oběd!</Button>
|
||||||
</>
|
|
||||||
}
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
</>
|
||||||
|
}
|
||||||
{data.pizzaDay &&
|
{data.pizzaDay &&
|
||||||
<div>
|
<>
|
||||||
<div style={{ textAlign: 'center' }}>
|
<h3>Pizza Day</h3>
|
||||||
<h3>Pizza day</h3>
|
|
||||||
{
|
{
|
||||||
data.pizzaDay.state === PizzaDayState.CREATED &&
|
data.pizzaDay.state === PizzaDayState.CREATED &&
|
||||||
<div>
|
<>
|
||||||
<p>
|
<p>
|
||||||
Pizza Day je založen a spravován uživatelem {data.pizzaDay.creator}.<br />
|
Pizza Day je založen a spravován uživatelem <strong>{data.pizzaDay.creator}</strong>.<br />
|
||||||
Můžete upravovat své objednávky.
|
Můžete upravovat své objednávky.
|
||||||
</p>
|
</p>
|
||||||
{
|
{
|
||||||
data.pizzaDay.creator === auth.login &&
|
data.pizzaDay.creator === auth.login &&
|
||||||
<>
|
<div className="mb-4">
|
||||||
<Button className='danger mb-3' title="Smaže kompletně pizza day, včetně dosud zadaných objednávek." onClick={async () => {
|
<Button variant="danger" title="Smaže kompletně pizza day, včetně dosud zadaných objednávek." onClick={async () => {
|
||||||
await deletePizzaDay();
|
await deletePizzaDay();
|
||||||
}}>Smazat Pizza day</Button>
|
}}>Smazat Pizza day</Button>
|
||||||
<Button className='mb-3' style={{ marginLeft: '20px' }} title={noOrders ? "Nelze uzamknout - neexistuje žádná objednávka" : "Zamezí přidávat/odebírat objednávky. Použij před samotným objednáním, aby již nemohlo docházet ke změnám."} disabled={noOrders} onClick={async () => {
|
<Button title={noOrders ? "Nelze uzamknout - neexistuje žádná objednávka" : "Zamezí přidávat/odebírat objednávky. Použij před samotným objednáním, aby již nemohlo docházet ke změnám."} disabled={noOrders} onClick={async () => {
|
||||||
await lockPizzaDay();
|
await lockPizzaDay();
|
||||||
}}>Uzamknout</Button>
|
}}>Uzamknout</Button>
|
||||||
</>
|
|
||||||
}
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
</>
|
||||||
|
}
|
||||||
{
|
{
|
||||||
data.pizzaDay.state === PizzaDayState.LOCKED &&
|
data.pizzaDay.state === PizzaDayState.LOCKED &&
|
||||||
<div>
|
|
||||||
<p>Objednávky jsou uzamčeny uživatelem {data.pizzaDay.creator}</p>
|
|
||||||
{data.pizzaDay.creator === auth.login &&
|
|
||||||
<>
|
<>
|
||||||
<Button className='danger mb-3' title="Umožní znovu editovat objednávky." onClick={async () => {
|
<p>Objednávky jsou uzamčeny uživatelem <strong>{data.pizzaDay.creator}</strong></p>
|
||||||
|
{data.pizzaDay.creator === auth.login &&
|
||||||
|
<div className="mb-4">
|
||||||
|
<Button variant="secondary" title="Umožní znovu editovat objednávky." onClick={async () => {
|
||||||
await unlockPizzaDay();
|
await unlockPizzaDay();
|
||||||
}}>Odemknout</Button>
|
}}>Odemknout</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 () => {
|
<Button 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();
|
await finishOrder();
|
||||||
}}>Objednáno</Button>
|
}}>Objednáno</Button>
|
||||||
</>
|
|
||||||
}
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
</>
|
||||||
|
}
|
||||||
{
|
{
|
||||||
data.pizzaDay.state === PizzaDayState.ORDERED &&
|
data.pizzaDay.state === PizzaDayState.ORDERED &&
|
||||||
<div>
|
<>
|
||||||
<p>Pizzy byly objednány uživatelem {data.pizzaDay.creator}</p>
|
<p>Pizzy byly objednány uživatelem <strong>{data.pizzaDay.creator}</strong></p>
|
||||||
{data.pizzaDay.creator === auth.login &&
|
{data.pizzaDay.creator === auth.login &&
|
||||||
<div>
|
<div className="mb-4">
|
||||||
<Button className='danger mb-3' title="Vrátí stav do předchozího kroku (před objednáním)." onClick={async () => {
|
<Button variant="secondary" title="Vrátí stav do předchozího kroku (před objednáním)." onClick={async () => {
|
||||||
await lockPizzaDay();
|
await lockPizzaDay();
|
||||||
}}>Vrátit do "uzamčeno"</Button>
|
}}>Vrátit do "uzamčeno"</Button>
|
||||||
<Button className='danger mb-3' style={{ marginLeft: '20px' }} title="Nastaví stav na 'Doručeno' - koncový stav." onClick={async () => {
|
<Button title="Nastaví stav na 'Doručeno' - koncový stav." onClick={async () => {
|
||||||
await finishDelivery({ body: { bankAccount: settings?.bankAccount, bankAccountHolder: settings?.holderName } });
|
await finishDelivery({ body: { bankAccount: settings?.bankAccount, bankAccountHolder: settings?.holderName } });
|
||||||
}}>Doručeno</Button>
|
}}>Doručeno</Button>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</>
|
||||||
}
|
}
|
||||||
{
|
{
|
||||||
data.pizzaDay.state === PizzaDayState.DELIVERED &&
|
data.pizzaDay.state === PizzaDayState.DELIVERED &&
|
||||||
<div>
|
<p>
|
||||||
<p>{`Pizzy byly doručeny.${myOrder?.hasQr ? ` Objednávku můžete uživateli ${data.pizzaDay.creator} uhradit pomocí QR kódu níže.` : ''}`}</p>
|
Pizzy byly doručeny.
|
||||||
</div>
|
{myOrder?.hasQr ? ` Objednávku můžete uživateli ${data.pizzaDay.creator} uhradit pomocí QR kódu níže.` : ''}
|
||||||
|
</p>
|
||||||
}
|
}
|
||||||
</div>
|
|
||||||
{data.pizzaDay.state === PizzaDayState.CREATED &&
|
{data.pizzaDay.state === PizzaDayState.CREATED &&
|
||||||
<div style={{ textAlign: 'center' }}>
|
<div className="pizza-order-form">
|
||||||
<SelectSearch
|
<SelectSearch
|
||||||
search={true}
|
search={true}
|
||||||
options={pizzaSuggestions}
|
options={pizzaSuggestions}
|
||||||
@@ -625,38 +700,70 @@ function App() {
|
|||||||
onBlur={_ => { }}
|
onBlur={_ => { }}
|
||||||
onFocus={_ => { }}
|
onFocus={_ => { }}
|
||||||
/>
|
/>
|
||||||
Poznámka: <input ref={pizzaPoznamkaRef} className='mt-3' type="text" onKeyDown={event => {
|
<div className="d-flex align-items-center gap-2">
|
||||||
|
<label style={{ color: 'var(--luncher-text-secondary)' }}>Poznámka:</label>
|
||||||
|
<input ref={pizzaPoznamkaRef} type="text" placeholder="Např. bez cibule" onKeyDown={event => {
|
||||||
if (event.key === 'Enter') {
|
if (event.key === 'Enter') {
|
||||||
handlePizzaPoznamkaChange();
|
handlePizzaPoznamkaChange();
|
||||||
}
|
}
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
}} />
|
}} />
|
||||||
<Button
|
<Button
|
||||||
style={{ marginLeft: '20px' }}
|
|
||||||
disabled={!myOrder?.pizzaList?.length}
|
disabled={!myOrder?.pizzaList?.length}
|
||||||
onClick={handlePizzaPoznamkaChange}>
|
onClick={handlePizzaPoznamkaChange}>
|
||||||
Uložit
|
Uložit
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
</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 ?
|
data.pizzaDay.state === PizzaDayState.DELIVERED && myOrder?.hasQr &&
|
||||||
<div className='qr-code'>
|
<div className='qr-code'>
|
||||||
<h3>QR platba</h3>
|
<h3>QR platba</h3>
|
||||||
<img src={`/api/qr?login=${auth.login}`} alt='QR kód' />
|
<img src={`/api/qr?login=${auth.login}`} alt='QR kód' />
|
||||||
</div> : null
|
</div>
|
||||||
|
}
|
||||||
|
</>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
{data.pendingQrs && data.pendingQrs.length > 0 &&
|
||||||
|
<div className='pizza-section fade-in mt-4'>
|
||||||
|
<h3>Nevyřízené platby</h3>
|
||||||
|
<p>Máte neuhrazené QR kódy z předchozích Pizza day.</p>
|
||||||
|
{data.pendingQrs.map(qr => (
|
||||||
|
<div key={qr.date} className='qr-code mb-3'>
|
||||||
|
<p>
|
||||||
|
<strong>{qr.date}</strong> — {qr.creator} ({qr.totalPrice} Kč)
|
||||||
|
</p>
|
||||||
|
<img src={`/api/qr?login=${auth.login}`} alt='QR kód' />
|
||||||
|
<div className='mt-2'>
|
||||||
|
<Button variant="success" onClick={async () => {
|
||||||
|
await dismissQr({ body: { date: qr.date } });
|
||||||
|
// Přenačteme data pro aktualizaci
|
||||||
|
const response = await getData({ query: { dayIndex } });
|
||||||
|
if (response.data) {
|
||||||
|
setData(response.data);
|
||||||
}
|
}
|
||||||
|
}}>
|
||||||
|
Zaplatil jsem
|
||||||
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</> || "Jejda, něco se nám nepovedlo :("}
|
|
||||||
</div>
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
</>
|
||||||
|
</div>
|
||||||
|
{/* <FallingLeaves
|
||||||
|
numLeaves={LEAF_PRESETS.NORMAL}
|
||||||
|
leafVariants={LEAF_COLOR_THEMES.AUTUMN}
|
||||||
|
/> */}
|
||||||
<Footer />
|
<Footer />
|
||||||
<NoteModal isOpen={noteModalOpen} onClose={() => setNoteModalOpen(false)} onSave={saveNote} />
|
<NoteModal isOpen={noteModalOpen} onClose={() => setNoteModalOpen(false)} onSave={saveNote} />
|
||||||
</>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import { Routes, Route } from "react-router-dom";
|
import { Routes, Route } from "react-router-dom";
|
||||||
import { ProvideSettings } from "./context/settings";
|
import { ProvideSettings } from "./context/settings";
|
||||||
// import Snowfall from "react-snowfall";
|
// import Snowfall from "react-snowfall";
|
||||||
|
import { SnowOverlay } from 'react-snow-overlay';
|
||||||
import { ToastContainer } from "react-toastify";
|
import { ToastContainer } from "react-toastify";
|
||||||
import { SocketContext, socket } from "./context/socket";
|
import { SocketContext, socket } from "./context/socket";
|
||||||
import StatsPage from "./pages/StatsPage";
|
import StatsPage from "./pages/StatsPage";
|
||||||
@@ -22,6 +23,7 @@ export default function AppRoutes() {
|
|||||||
width: '100vw',
|
width: '100vw',
|
||||||
height: '100vh'
|
height: '100vh'
|
||||||
}} /> */}
|
}} /> */}
|
||||||
|
<SnowOverlay color={'rgba(240, 240, 240, 0.9)'} disabledOnSingleCpuDevices={true} />
|
||||||
<App />
|
<App />
|
||||||
</>
|
</>
|
||||||
<ToastContainer />
|
<ToastContainer />
|
||||||
|
|||||||
31
client/src/FallingLeaves.scss
Normal file
31
client/src/FallingLeaves.scss
Normal file
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
317
client/src/FallingLeaves.tsx
Normal file
317
client/src/FallingLeaves.tsx
Normal file
@@ -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;
|
||||||
@@ -1,13 +1,89 @@
|
|||||||
.login {
|
.login-page {
|
||||||
height: 100%;
|
min-height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
align-items: center;
|
||||||
text-align: center;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
background: var(--luncher-bg);
|
||||||
|
padding: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-inner {
|
.login-card {
|
||||||
|
background: var(--luncher-bg-card);
|
||||||
|
border-radius: var(--luncher-radius-xl);
|
||||||
|
box-shadow: var(--luncher-shadow-lg);
|
||||||
|
padding: 48px;
|
||||||
|
max-width: 420px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid var(--luncher-border-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-logo {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--luncher-text);
|
||||||
|
margin-bottom: 8px;
|
||||||
|
letter-spacing: -0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-subtitle {
|
||||||
|
color: var(--luncher-text-secondary);
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-form {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-form label {
|
||||||
|
display: block;
|
||||||
|
text-align: left;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--luncher-text);
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-form .hint {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: var(--luncher-text-muted);
|
||||||
|
margin-top: 8px;
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-form input[type="text"] {
|
||||||
|
width: 100%;
|
||||||
|
padding: 14px 18px;
|
||||||
|
font-size: 1rem;
|
||||||
|
border: 2px solid var(--luncher-border);
|
||||||
|
border-radius: var(--luncher-radius-sm);
|
||||||
|
background: var(--luncher-bg);
|
||||||
|
color: var(--luncher-text);
|
||||||
|
transition: var(--luncher-transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-form input[type="text"]:hover {
|
||||||
|
border-color: var(--luncher-text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-form input[type="text"]:focus {
|
||||||
|
border-color: var(--luncher-primary);
|
||||||
|
box-shadow: 0 0 0 3px var(--luncher-primary-light);
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-form input[type="text"]::placeholder {
|
||||||
|
color: var(--luncher-text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-form .btn {
|
||||||
|
width: 100%;
|
||||||
|
padding: 14px 24px;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
@@ -26,7 +26,7 @@ export default function Login() {
|
|||||||
}, [auth]);
|
}, [auth]);
|
||||||
|
|
||||||
const doLogin = useCallback(async () => {
|
const doLogin = useCallback(async () => {
|
||||||
const length = loginRef?.current?.value.length && loginRef.current.value.replace(/\s/g, '').length
|
const length = loginRef?.current?.value.length && loginRef.current.value.replaceAll(/\s/g, '').length
|
||||||
if (length) {
|
if (length) {
|
||||||
const response = await login({ body: { login: loginRef.current?.value } });
|
const response = await login({ body: { login: loginRef.current?.value } });
|
||||||
if (response.data) {
|
if (response.data) {
|
||||||
@@ -36,21 +36,35 @@ export default function Login() {
|
|||||||
}, [auth]);
|
}, [auth]);
|
||||||
|
|
||||||
if (!auth?.login) {
|
if (!auth?.login) {
|
||||||
return <div className='login'>
|
return (
|
||||||
<h1>Luncher</h1>
|
<div className='login-page'>
|
||||||
<h4 style={{ marginBottom: "50px" }}>Aplikace pro profesionální management obědů</h4>
|
<div className='login-card'>
|
||||||
<div className='login-inner'>
|
<h1 className='login-logo'>Luncher</h1>
|
||||||
<p style={{ fontSize: "12px", marginTop: "10px" }}>
|
<p className='login-subtitle'>Aplikace pro profesionální management obědů</p>
|
||||||
Zobrazované jméno by mělo být vaše jméno nebo přezdívka, pod kterou vás kolegové dokáží snadno identifikovat. Jméno je možné kdykoli změnit.
|
<div className='login-form'>
|
||||||
</p>
|
<div>
|
||||||
Zobrazované jméno: <input style={{ marginTop: "10px" }} ref={loginRef} type='text' onKeyDown={event => {
|
<label htmlFor="login-input">Zobrazované jméno</label>
|
||||||
|
<input
|
||||||
|
id="login-input"
|
||||||
|
ref={loginRef}
|
||||||
|
type='text'
|
||||||
|
placeholder="Např. Jan Novák"
|
||||||
|
onKeyDown={event => {
|
||||||
if (event.key === 'Enter') {
|
if (event.key === 'Enter') {
|
||||||
doLogin()
|
doLogin()
|
||||||
}
|
}
|
||||||
}} />
|
}}
|
||||||
<Button onClick={doLogin} style={{ marginTop: "20px" }}>Uložit</Button>
|
/>
|
||||||
|
<p className='hint'>
|
||||||
|
Zadejte jméno nebo přezdívku, pod kterou vás kolegové snadno identifikují.
|
||||||
|
Jméno je možné kdykoli změnit.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<Button onClick={doLogin}>Pokračovat</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
return <div>Neplatný stav</div>
|
return <div>Neplatný stav</div>
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -75,14 +75,14 @@ export const getDayOfWeekIndex = (date: Date) => {
|
|||||||
|
|
||||||
/** Vrátí první pracovní den v týdnu předaného data. */
|
/** Vrátí první pracovní den v týdnu předaného data. */
|
||||||
export function getFirstWorkDayOfWeek(date: Date) {
|
export function getFirstWorkDayOfWeek(date: Date) {
|
||||||
const firstDay = new Date(date.getTime());
|
const firstDay = new Date(date);
|
||||||
firstDay.setDate(date.getDate() - getDayOfWeekIndex(date));
|
firstDay.setDate(date.getDate() - getDayOfWeekIndex(date));
|
||||||
return firstDay;
|
return firstDay;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Vrátí poslední pracovní den v týdnu předaného data. */
|
/** Vrátí poslední pracovní den v týdnu předaného data. */
|
||||||
export function getLastWorkDayOfWeek(date: Date) {
|
export function getLastWorkDayOfWeek(date: Date) {
|
||||||
const lastDay = new Date(date.getTime());
|
const lastDay = new Date(date);
|
||||||
lastDay.setDate(date.getDate() + (4 - getDayOfWeekIndex(date)));
|
lastDay.setDate(date.getDate() + (4 - getDayOfWeekIndex(date)));
|
||||||
return lastDay;
|
return lastDay;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,12 @@
|
|||||||
import { Navbar } from "react-bootstrap";
|
|
||||||
|
|
||||||
export default function Footer() {
|
export default function Footer() {
|
||||||
return <Navbar className="text-light" variant='dark' expand="lg" style={{ display: "flex", justifyContent: "center" }}>
|
return (
|
||||||
<span>🄯 Žádná práva nevyhrazena. TODO a zdrojové kódy dostupné <a href="https://gitea.melancholik.eu/mates/Luncher">zde</a>.</span>
|
<footer className="footer">
|
||||||
</Navbar >
|
<span>
|
||||||
|
Zdroj. kódy dostupné na{' '}
|
||||||
|
<a href="https://gitea.melancholik.eu/mates/Luncher" target="_blank" rel="noopener noreferrer">
|
||||||
|
Gitea
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
</footer>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
@@ -1,14 +1,22 @@
|
|||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { Navbar, Nav, NavDropdown } from "react-bootstrap";
|
import { Navbar, Nav, NavDropdown, Modal, Button } from "react-bootstrap";
|
||||||
import { useAuth } from "../context/auth";
|
import { useAuth } from "../context/auth";
|
||||||
import SettingsModal from "./modals/SettingsModal";
|
import SettingsModal from "./modals/SettingsModal";
|
||||||
import { useSettings } from "../context/settings";
|
import { useSettings, ThemePreference } from "../context/settings";
|
||||||
import FeaturesVotingModal from "./modals/FeaturesVotingModal";
|
import FeaturesVotingModal from "./modals/FeaturesVotingModal";
|
||||||
import PizzaCalculatorModal from "./modals/PizzaCalculatorModal";
|
import PizzaCalculatorModal from "./modals/PizzaCalculatorModal";
|
||||||
|
import RefreshMenuModal from "./modals/RefreshMenuModal";
|
||||||
import { useNavigate } from "react-router";
|
import { useNavigate } from "react-router";
|
||||||
import { STATS_URL } from "../AppRoutes";
|
import { STATS_URL } from "../AppRoutes";
|
||||||
import { FeatureRequest, getVotes, refreshMenu, Restaurant, updateVote } from "../../../types";
|
import { FeatureRequest, getVotes, updateVote } from "../../../types";
|
||||||
import RefreshMenuModal from "./modals/RefreshMenuModal";
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
|
import { faSun, faMoon } from "@fortawesome/free-solid-svg-icons";
|
||||||
|
|
||||||
|
const CHANGELOG = [
|
||||||
|
"Nový moderní design aplikace",
|
||||||
|
"Oprava parsování Sladovnické a TechTower",
|
||||||
|
"Možnost označit se jako objednávající u volby \"budu objednávat\"",
|
||||||
|
];
|
||||||
|
|
||||||
export default function Header() {
|
export default function Header() {
|
||||||
const auth = useAuth();
|
const auth = useAuth();
|
||||||
@@ -17,9 +25,30 @@ export default function Header() {
|
|||||||
const [settingsModalOpen, setSettingsModalOpen] = useState<boolean>(false);
|
const [settingsModalOpen, setSettingsModalOpen] = useState<boolean>(false);
|
||||||
const [votingModalOpen, setVotingModalOpen] = useState<boolean>(false);
|
const [votingModalOpen, setVotingModalOpen] = useState<boolean>(false);
|
||||||
const [pizzaModalOpen, setPizzaModalOpen] = useState<boolean>(false);
|
const [pizzaModalOpen, setPizzaModalOpen] = useState<boolean>(false);
|
||||||
const [refreshModalOpen, setRefreshModalOpen] = useState<boolean>(false);
|
const [refreshMenuModalOpen, setRefreshMenuModalOpen] = useState<boolean>(false);
|
||||||
|
const [changelogModalOpen, setChangelogModalOpen] = useState<boolean>(false);
|
||||||
const [featureVotes, setFeatureVotes] = useState<FeatureRequest[] | undefined>([]);
|
const [featureVotes, setFeatureVotes] = useState<FeatureRequest[] | undefined>([]);
|
||||||
|
|
||||||
|
// Zjistíme aktuální efektivní téma (pro zobrazení správné ikony)
|
||||||
|
const [effectiveTheme, setEffectiveTheme] = useState<'light' | 'dark'>('light');
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const updateEffectiveTheme = () => {
|
||||||
|
if (settings?.themePreference === 'system') {
|
||||||
|
const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||||
|
setEffectiveTheme(isDark ? 'dark' : 'light');
|
||||||
|
} else {
|
||||||
|
setEffectiveTheme(settings?.themePreference || 'light');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
updateEffectiveTheme();
|
||||||
|
|
||||||
|
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
||||||
|
mediaQuery.addEventListener('change', updateEffectiveTheme);
|
||||||
|
return () => mediaQuery.removeEventListener('change', updateEffectiveTheme);
|
||||||
|
}, [settings?.themePreference]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (auth?.login) {
|
if (auth?.login) {
|
||||||
getVotes().then(response => {
|
getVotes().then(response => {
|
||||||
@@ -40,8 +69,14 @@ export default function Header() {
|
|||||||
setPizzaModalOpen(false);
|
setPizzaModalOpen(false);
|
||||||
}
|
}
|
||||||
|
|
||||||
const closeRefreshModal = () => {
|
const closeRefreshMenuModal = () => {
|
||||||
setRefreshModalOpen(false);
|
setRefreshMenuModalOpen(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
const toggleTheme = () => {
|
||||||
|
// Přepínáme mezi light a dark (ignorujeme system pro jednoduchost)
|
||||||
|
const newTheme: ThemePreference = effectiveTheme === 'dark' ? 'light' : 'dark';
|
||||||
|
settings?.setThemePreference(newTheme);
|
||||||
}
|
}
|
||||||
|
|
||||||
const isValidInteger = (str: string) => {
|
const isValidInteger = (str: string) => {
|
||||||
@@ -54,19 +89,19 @@ export default function Header() {
|
|||||||
return n !== Infinity && String(n) === str && n >= 0;
|
return n !== Infinity && String(n) === str && n >= 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
const saveSettings = (bankAccountNumber?: string, bankAccountHolderName?: string, hideSoupsOption?: boolean) => {
|
const saveSettings = (bankAccountNumber?: string, bankAccountHolderName?: string, hideSoupsOption?: boolean, themePreference?: ThemePreference) => {
|
||||||
if (bankAccountNumber) {
|
if (bankAccountNumber) {
|
||||||
try {
|
try {
|
||||||
// Validace kódu banky
|
// Validace kódu banky
|
||||||
if (bankAccountNumber.indexOf('/') < 0) {
|
if (!bankAccountNumber.includes('/')) {
|
||||||
throw Error("Číslo účtu neobsahuje lomítko/kód banky")
|
throw new Error("Číslo účtu neobsahuje lomítko/kód banky")
|
||||||
}
|
}
|
||||||
const split = bankAccountNumber.split("/");
|
const split = bankAccountNumber.split("/");
|
||||||
if (split[1].length !== 4) {
|
if (split[1].length !== 4) {
|
||||||
throw Error("Kód banky musí být 4 číslice")
|
throw new Error("Kód banky musí být 4 číslice")
|
||||||
}
|
}
|
||||||
if (!isValidInteger(split[1])) {
|
if (!isValidInteger(split[1])) {
|
||||||
throw Error("Kód banky není číslo")
|
throw new Error("Kód banky není číslo")
|
||||||
}
|
}
|
||||||
|
|
||||||
// Validace čísla a předčíslí
|
// Validace čísla a předčíslí
|
||||||
@@ -76,7 +111,7 @@ export default function Header() {
|
|||||||
cislo = cislo.replace('-', '');
|
cislo = cislo.replace('-', '');
|
||||||
}
|
}
|
||||||
if (!isValidInteger(cislo)) {
|
if (!isValidInteger(cislo)) {
|
||||||
throw Error("Předčíslí nebo číslo účtu neobsahuje pouze číslice")
|
throw new Error("Předčíslí nebo číslo účtu neobsahuje pouze číslice")
|
||||||
}
|
}
|
||||||
if (cislo.length < 16) {
|
if (cislo.length < 16) {
|
||||||
cislo = cislo.padStart(16, '0');
|
cislo = cislo.padStart(16, '0');
|
||||||
@@ -89,7 +124,7 @@ export default function Header() {
|
|||||||
sum += Number.parseInt(char) * weight
|
sum += Number.parseInt(char) * weight
|
||||||
}
|
}
|
||||||
if (sum % 11 !== 0) {
|
if (sum % 11 !== 0) {
|
||||||
throw Error("Číslo účtu je neplatné")
|
throw new Error("Číslo účtu je neplatné")
|
||||||
}
|
}
|
||||||
} catch (e: any) {
|
} catch (e: any) {
|
||||||
alert(e.message)
|
alert(e.message)
|
||||||
@@ -99,6 +134,9 @@ export default function Header() {
|
|||||||
settings?.setBankAccountNumber(bankAccountNumber);
|
settings?.setBankAccountNumber(bankAccountNumber);
|
||||||
settings?.setBankAccountHolderName(bankAccountHolderName);
|
settings?.setBankAccountHolderName(bankAccountHolderName);
|
||||||
settings?.setHideSoupsOption(hideSoupsOption);
|
settings?.setHideSoupsOption(hideSoupsOption);
|
||||||
|
if (themePreference) {
|
||||||
|
settings?.setThemePreference(themePreference);
|
||||||
|
}
|
||||||
closeSettingsModal();
|
closeSettingsModal();
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -113,31 +151,51 @@ export default function Header() {
|
|||||||
setFeatureVotes(votes);
|
setFeatureVotes(votes);
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleRefreshMenu = async (restaurants: Restaurant[]) => {
|
|
||||||
if (restaurants.length > 0) {
|
|
||||||
await refreshMenu({ body: restaurants });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return <Navbar variant='dark' expand="lg">
|
return <Navbar variant='dark' expand="lg">
|
||||||
<Navbar.Brand href="/">Luncher</Navbar.Brand>
|
<Navbar.Brand href="/">Luncher</Navbar.Brand>
|
||||||
<Navbar.Toggle aria-controls="basic-navbar-nav" />
|
<Navbar.Toggle aria-controls="basic-navbar-nav" />
|
||||||
<Navbar.Collapse id="basic-navbar-nav">
|
<Navbar.Collapse id="basic-navbar-nav">
|
||||||
<Nav className="nav">
|
<Nav className="nav">
|
||||||
|
<button
|
||||||
|
className="theme-toggle"
|
||||||
|
onClick={toggleTheme}
|
||||||
|
title={effectiveTheme === 'dark' ? 'Přepnout na světlý režim' : 'Přepnout na tmavý režim'}
|
||||||
|
aria-label="Přepnout barevný motiv"
|
||||||
|
>
|
||||||
|
<FontAwesomeIcon icon={effectiveTheme === 'dark' ? faSun : faMoon} />
|
||||||
|
</button>
|
||||||
<NavDropdown align="end" title={auth?.login} id="basic-nav-dropdown">
|
<NavDropdown align="end" title={auth?.login} id="basic-nav-dropdown">
|
||||||
<NavDropdown.Item onClick={() => setSettingsModalOpen(true)}>Nastavení</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={() => setVotingModalOpen(true)}>Hlasovat o nových funkcích</NavDropdown.Item>
|
||||||
<NavDropdown.Item onClick={() => setPizzaModalOpen(true)}>Pizza kalkulačka</NavDropdown.Item>
|
<NavDropdown.Item onClick={() => setPizzaModalOpen(true)}>Pizza kalkulačka</NavDropdown.Item>
|
||||||
<NavDropdown.Item onClick={() => navigate(STATS_URL)}>Statistiky</NavDropdown.Item>
|
<NavDropdown.Item onClick={() => navigate(STATS_URL)}>Statistiky</NavDropdown.Item>
|
||||||
<NavDropdown.Item onClick={() => setRefreshModalOpen(true)}>Přenačíst menu</NavDropdown.Item>
|
<NavDropdown.Item onClick={() => setChangelogModalOpen(true)}>Novinky</NavDropdown.Item>
|
||||||
<NavDropdown.Divider />
|
<NavDropdown.Divider />
|
||||||
<NavDropdown.Item onClick={auth?.logout}>Odhlásit se</NavDropdown.Item>
|
<NavDropdown.Item onClick={auth?.logout}>Odhlásit se</NavDropdown.Item>
|
||||||
</NavDropdown>
|
</NavDropdown>
|
||||||
</Nav>
|
</Nav>
|
||||||
</Navbar.Collapse>
|
</Navbar.Collapse>
|
||||||
<SettingsModal isOpen={settingsModalOpen} onClose={closeSettingsModal} onSave={saveSettings} />
|
<SettingsModal isOpen={settingsModalOpen} onClose={closeSettingsModal} onSave={saveSettings} />
|
||||||
|
<RefreshMenuModal isOpen={refreshMenuModalOpen} onClose={closeRefreshMenuModal} />
|
||||||
<FeaturesVotingModal isOpen={votingModalOpen} onClose={closeVotingModal} onChange={saveFeatureVote} initialValues={featureVotes} />
|
<FeaturesVotingModal isOpen={votingModalOpen} onClose={closeVotingModal} onChange={saveFeatureVote} initialValues={featureVotes} />
|
||||||
<PizzaCalculatorModal isOpen={pizzaModalOpen} onClose={closePizzaModal} />
|
<PizzaCalculatorModal isOpen={pizzaModalOpen} onClose={closePizzaModal} />
|
||||||
<RefreshMenuModal isOpen={refreshModalOpen} onClose={closeRefreshModal} onSubmit={handleRefreshMenu} />
|
<Modal show={changelogModalOpen} onHide={() => setChangelogModalOpen(false)}>
|
||||||
|
<Modal.Header closeButton>
|
||||||
|
<Modal.Title><h2>Novinky</h2></Modal.Title>
|
||||||
|
</Modal.Header>
|
||||||
|
<Modal.Body>
|
||||||
|
<ul>
|
||||||
|
{CHANGELOG.map((item, index) => (
|
||||||
|
<li key={index}>{item}</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
</Modal.Body>
|
||||||
|
<Modal.Footer>
|
||||||
|
<Button variant="secondary" onClick={() => setChangelogModalOpen(false)}>
|
||||||
|
Zavřít
|
||||||
|
</Button>
|
||||||
|
</Modal.Footer>
|
||||||
|
</Modal>
|
||||||
</Navbar>
|
</Navbar>
|
||||||
}
|
}
|
||||||
@@ -9,11 +9,13 @@ type Props = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function Loader(props: Readonly<Props>) {
|
function Loader(props: Readonly<Props>) {
|
||||||
return <div className='loader'>
|
return (
|
||||||
<h1>{props.title ?? 'Prosím čekejte...'}</h1>
|
<div className='loader'>
|
||||||
<FontAwesomeIcon icon={props.icon} className={`loader-icon mb-3 ` + (props.animation ?? '')} />
|
<FontAwesomeIcon icon={props.icon} className={`loader-icon ${props.animation ?? ''}`} />
|
||||||
<p>{props.description}</p>
|
<h2 className='loader-title'>{props.title ?? 'Prosím čekejte...'}</h2>
|
||||||
|
<p className='loader-description'>{props.description}</p>
|
||||||
</div>
|
</div>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Loader;
|
export default Loader;
|
||||||
|
|||||||
@@ -15,29 +15,43 @@ export default function PizzaOrderList({ state, orders, onDelete, creator }: Rea
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (!orders?.length) {
|
if (!orders?.length) {
|
||||||
return <p className="mt-3"><i>Zatím žádné objednávky...</i></p>
|
return <p className="mt-4" style={{ color: 'var(--luncher-text-muted)', fontStyle: 'italic' }}>Zatím žádné objednávky...</p>
|
||||||
}
|
}
|
||||||
|
|
||||||
const total = orders.reduce((total, order) => total + order.totalPrice, 0);
|
const total = orders.reduce((total, order) => total + order.totalPrice, 0);
|
||||||
|
|
||||||
return <Table className="mt-3" striped bordered hover>
|
return (
|
||||||
<thead>
|
<div className="mt-4" style={{
|
||||||
|
background: 'var(--luncher-bg-card)',
|
||||||
|
borderRadius: 'var(--luncher-radius-lg)',
|
||||||
|
overflow: 'hidden',
|
||||||
|
border: '1px solid var(--luncher-border-light)',
|
||||||
|
boxShadow: 'var(--luncher-shadow)'
|
||||||
|
}}>
|
||||||
|
<Table className="mb-0" style={{ color: 'var(--luncher-text)' }}>
|
||||||
|
<thead style={{ background: 'var(--luncher-primary-light)' }}>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Jméno</th>
|
<th style={{ padding: '16px 20px', color: 'var(--luncher-primary)', fontWeight: 600, border: 'none' }}>Jméno</th>
|
||||||
<th>Objednávka</th>
|
<th style={{ padding: '16px 20px', color: 'var(--luncher-primary)', fontWeight: 600, border: 'none' }}>Objednávka</th>
|
||||||
<th>Poznámka</th>
|
<th style={{ padding: '16px 20px', color: 'var(--luncher-primary)', fontWeight: 600, border: 'none' }}>Poznámka</th>
|
||||||
<th>Příplatek</th>
|
<th style={{ padding: '16px 20px', color: 'var(--luncher-primary)', fontWeight: 600, border: 'none' }}>Příplatek</th>
|
||||||
<th>Cena</th>
|
<th style={{ padding: '16px 20px', color: 'var(--luncher-primary)', fontWeight: 600, border: 'none', textAlign: 'right' }}>Cena</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{orders.map(order => <tr key={order.customer}>
|
{orders.map(order => <tr key={order.customer} style={{ borderColor: 'var(--luncher-border-light)' }}>
|
||||||
<PizzaOrderRow creator={creator} state={state} order={order} onDelete={onDelete} onFeeModalSave={saveFees} />
|
<PizzaOrderRow creator={creator} state={state} order={order} onDelete={onDelete} onFeeModalSave={saveFees} />
|
||||||
</tr>)}
|
</tr>)}
|
||||||
<tr style={{ fontWeight: 'bold' }}>
|
<tr style={{
|
||||||
<td colSpan={4}>Celkem</td>
|
fontWeight: 700,
|
||||||
<td>{`${total} Kč`}</td>
|
background: 'var(--luncher-bg-hover)',
|
||||||
|
borderTop: '2px solid var(--luncher-border)'
|
||||||
|
}}>
|
||||||
|
<td colSpan={4} style={{ padding: '16px 20px', border: 'none' }}>Celkem</td>
|
||||||
|
<td style={{ padding: '16px 20px', border: 'none', textAlign: 'right', color: 'var(--luncher-primary)' }}>{`${total} Kč`}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</Table>
|
</Table>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
@@ -28,9 +28,11 @@ export default function PizzaOrderRow({ creator, order, state, onDelete, onFeeMo
|
|||||||
<span key={pizzaOrder.name}>
|
<span key={pizzaOrder.name}>
|
||||||
{`${pizzaOrder.name}, ${pizzaOrder.size} (${pizzaOrder.price} Kč)`}
|
{`${pizzaOrder.name}, ${pizzaOrder.size} (${pizzaOrder.price} Kč)`}
|
||||||
{auth?.login === order.customer && state === PizzaDayState.CREATED &&
|
{auth?.login === order.customer && state === PizzaDayState.CREATED &&
|
||||||
|
<span title='Odstranit'>
|
||||||
<FontAwesomeIcon onClick={() => {
|
<FontAwesomeIcon onClick={() => {
|
||||||
onDelete(pizzaOrder);
|
onDelete(pizzaOrder);
|
||||||
}} title='Odstranit' className='action-icon' icon={faTrashCan} />
|
}} className='action-icon' icon={faTrashCan} />
|
||||||
|
</span>
|
||||||
}
|
}
|
||||||
</span>)
|
</span>)
|
||||||
.reduce((prev, curr, index) => [prev, <br key={`br-${index}`} />, curr])}
|
.reduce((prev, curr, index) => [prev, <br key={`br-${index}`} />, curr])}
|
||||||
@@ -38,7 +40,7 @@ export default function PizzaOrderRow({ creator, order, state, onDelete, onFeeMo
|
|||||||
<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 style={{ maxWidth: "200px" }}>{order.fee?.price ? `${order.fee.price} Kč${order.fee.text ? ` (${order.fee.text})` : ''}` : '-'}</td>
|
||||||
<td>
|
<td>
|
||||||
{order.totalPrice} Kč{auth?.login === creator && state === PizzaDayState.CREATED && <FontAwesomeIcon onClick={() => { setIsFeeModalOpen(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>
|
</td>
|
||||||
<PizzaAdditionalFeeModal customerName={order.customer} isOpen={isFeeModalOpen} onClose={() => setIsFeeModalOpen(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() }} />
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -15,12 +15,12 @@ export default function PizzaAdditionalFeeModal({ customerName, isOpen, onClose,
|
|||||||
const priceRef = useRef<HTMLInputElement>(null);
|
const priceRef = useRef<HTMLInputElement>(null);
|
||||||
|
|
||||||
const doSubmit = () => {
|
const doSubmit = () => {
|
||||||
onSave(customerName, textRef.current?.value, parseInt(priceRef.current?.value ?? "0"));
|
onSave(customerName, textRef.current?.value, Number.parseInt(priceRef.current?.value ?? "0"));
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
|
const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
|
||||||
if (e.key === 'Enter') {
|
if (e.key === 'Enter') {
|
||||||
onSave(customerName, textRef.current?.value, parseInt(priceRef.current?.value ?? "0"));
|
onSave(customerName, textRef.current?.value, Number.parseInt(priceRef.current?.value ?? "0"));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -36,15 +36,13 @@ export default function PizzaCalculatorModal({ isOpen, onClose }: Readonly<Props
|
|||||||
|
|
||||||
// 1. pizza
|
// 1. pizza
|
||||||
if (diameter1Ref.current?.value) {
|
if (diameter1Ref.current?.value) {
|
||||||
const diameter1 = parseInt(diameter1Ref.current?.value);
|
const diameter1 = Number.parseInt(diameter1Ref.current?.value);
|
||||||
if (!r.pizza1) {
|
r.pizza1 ??= {};
|
||||||
r.pizza1 = {};
|
|
||||||
}
|
|
||||||
if (diameter1 && diameter1 > 0) {
|
if (diameter1 && diameter1 > 0) {
|
||||||
r.pizza1.diameter = diameter1;
|
r.pizza1.diameter = diameter1;
|
||||||
r.pizza1.area = Math.PI * Math.pow(diameter1 / 2, 2);
|
r.pizza1.area = Math.PI * Math.pow(diameter1 / 2, 2);
|
||||||
if (price1Ref.current?.value) {
|
if (price1Ref.current?.value) {
|
||||||
const price1 = parseInt(price1Ref.current?.value);
|
const price1 = Number.parseInt(price1Ref.current?.value);
|
||||||
if (price1) {
|
if (price1) {
|
||||||
r.pizza1.pricePerM = price1 / r.pizza1.area;
|
r.pizza1.pricePerM = price1 / r.pizza1.area;
|
||||||
} else {
|
} else {
|
||||||
@@ -58,15 +56,13 @@ export default function PizzaCalculatorModal({ isOpen, onClose }: Readonly<Props
|
|||||||
|
|
||||||
// 2. pizza
|
// 2. pizza
|
||||||
if (diameter2Ref.current?.value) {
|
if (diameter2Ref.current?.value) {
|
||||||
const diameter2 = parseInt(diameter2Ref.current?.value);
|
const diameter2 = Number.parseInt(diameter2Ref.current?.value);
|
||||||
if (!r.pizza2) {
|
r.pizza2 ??= {};
|
||||||
r.pizza2 = {};
|
|
||||||
}
|
|
||||||
if (diameter2 && diameter2 > 0) {
|
if (diameter2 && diameter2 > 0) {
|
||||||
r.pizza2.diameter = diameter2;
|
r.pizza2.diameter = diameter2;
|
||||||
r.pizza2.area = Math.PI * Math.pow(diameter2 / 2, 2);
|
r.pizza2.area = Math.PI * Math.pow(diameter2 / 2, 2);
|
||||||
if (price2Ref.current?.value) {
|
if (price2Ref.current?.value) {
|
||||||
const price2 = parseInt(price2Ref.current?.value);
|
const price2 = Number.parseInt(price2Ref.current?.value);
|
||||||
if (price2) {
|
if (price2) {
|
||||||
r.pizza2.pricePerM = price2 / r.pizza2.area;
|
r.pizza2.pricePerM = price2 / r.pizza2.area;
|
||||||
} else {
|
} else {
|
||||||
@@ -81,8 +77,8 @@ export default function PizzaCalculatorModal({ isOpen, onClose }: Readonly<Props
|
|||||||
// Srovnání
|
// Srovnání
|
||||||
if (r.pizza1?.pricePerM && r.pizza2?.pricePerM && r.pizza1.diameter && r.pizza2.diameter) {
|
if (r.pizza1?.pricePerM && r.pizza2?.pricePerM && r.pizza1.diameter && r.pizza2.diameter) {
|
||||||
r.choice = r.pizza1.pricePerM < r.pizza2.pricePerM ? 1 : 2;
|
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 bigger = Math.max(r.pizza1.pricePerM, r.pizza2.pricePerM);
|
||||||
const smaller = r.pizza1.pricePerM < r.pizza2.pricePerM ? r.pizza1.pricePerM : r.pizza2.pricePerM;
|
const smaller = Math.min(r.pizza1.pricePerM, r.pizza2.pricePerM);
|
||||||
r.ratio = (bigger / smaller) - 1;
|
r.ratio = (bigger / smaller) - 1;
|
||||||
r.diameterDiff = Math.abs(r.pizza1.diameter - r.pizza2.diameter);
|
r.diameterDiff = Math.abs(r.pizza1.diameter - r.pizza2.diameter);
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@@ -1,53 +1,97 @@
|
|||||||
import { Modal, Button, Form } from "react-bootstrap"
|
import { useRef, useState } from "react";
|
||||||
import { Restaurant } from "../../../../types";
|
import { Modal, Button, Alert, Form } from "react-bootstrap";
|
||||||
import { getRestaurantName } from "../../enums";
|
|
||||||
import { useState } from "react";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
isOpen: boolean,
|
isOpen: boolean;
|
||||||
onClose: () => void,
|
onClose: () => void;
|
||||||
onSubmit: (restaurants: Restaurant[]) => 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;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Modální dialog pro přenačtení menu jednotlivých podniků. */
|
setRefreshLoading(true);
|
||||||
export default function RefreshMenuModal({ isOpen, onClose, onSubmit }: Readonly<Props>) {
|
setRefreshMessage(null);
|
||||||
|
|
||||||
const [restaurants, setRestaurants] = useState<Restaurant[]>([]);
|
try {
|
||||||
|
const res = await fetch(`/api/food/refresh?type=${type}&heslo=${encodeURIComponent(password)}`);
|
||||||
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
const data = await res.json();
|
||||||
if (e.currentTarget.checked) {
|
if (res.ok) {
|
||||||
setRestaurants([...restaurants, e.currentTarget.value as Restaurant]);
|
setRefreshMessage({ type: 'success', text: 'Uspesny fetch' });
|
||||||
|
if (refreshPassRef.current) {
|
||||||
|
refreshPassRef.current.value = '';
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
setRestaurants(restaurants.filter(restaurant => restaurant !== e.currentTarget.value as Restaurant));
|
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);
|
||||||
}
|
}
|
||||||
|
};
|
||||||
|
|
||||||
return <Modal show={isOpen} onHide={onClose} size="lg">
|
const handleClose = () => {
|
||||||
|
setRefreshMessage(null);
|
||||||
|
onClose();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal show={isOpen} onHide={handleClose}>
|
||||||
<Modal.Header closeButton>
|
<Modal.Header closeButton>
|
||||||
<Modal.Title>
|
<Modal.Title><h2>Přenačtení menu</h2></Modal.Title>
|
||||||
Vyberte podniky k přenačtení menu
|
|
||||||
<p style={{ fontSize: '12px' }}>Menu lze přenačíst nejdříve 15 minut od poslední aktualizace</p>
|
|
||||||
</Modal.Title>
|
|
||||||
</Modal.Header>
|
</Modal.Header>
|
||||||
<Modal.Body>
|
<Modal.Body>
|
||||||
{(Object.keys(Restaurant) as Array<keyof typeof Restaurant>).map(key => {
|
<p>Ruční refresh dat z restaurací.</p>
|
||||||
return <Form.Check
|
|
||||||
key={key}
|
{refreshMessage && (
|
||||||
type='checkbox'
|
<Alert variant={refreshMessage.type === 'success' ? 'success' : 'danger'}>
|
||||||
id={key}
|
{refreshMessage.text}
|
||||||
label={getRestaurantName(key as Restaurant)}
|
</Alert>
|
||||||
onChange={handleChange}
|
)}
|
||||||
value={key}
|
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Label>Heslo</Form.Label>
|
||||||
|
<Form.Control
|
||||||
|
ref={refreshPassRef}
|
||||||
|
type="password"
|
||||||
|
placeholder="Zadejte heslo"
|
||||||
|
onKeyDown={e => e.stopPropagation()}
|
||||||
/>
|
/>
|
||||||
})}
|
</Form.Group>
|
||||||
|
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Label>Typ refreshe</Form.Label>
|
||||||
|
<Form.Select ref={refreshTypeRef} defaultValue="week">
|
||||||
|
<option value="week">Týden</option>
|
||||||
|
<option value="day">Den</option>
|
||||||
|
</Form.Select>
|
||||||
|
</Form.Group>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
onClick={handleRefresh}
|
||||||
|
disabled={refreshLoading}
|
||||||
|
>
|
||||||
|
{refreshLoading ? 'Načítám...' : 'Obnovit menu'}
|
||||||
|
</Button>
|
||||||
</Modal.Body>
|
</Modal.Body>
|
||||||
<Modal.Footer>
|
<Modal.Footer>
|
||||||
<Button variant="primary" onClick={() => onSubmit(restaurants)} disabled={restaurants.length === 0}>
|
<Button variant="secondary" onClick={handleClose}>
|
||||||
Přenačíst
|
Zavřít
|
||||||
</Button>
|
|
||||||
<Button variant="secondary" onClick={onClose}>
|
|
||||||
Zrušit
|
|
||||||
</Button>
|
</Button>
|
||||||
</Modal.Footer>
|
</Modal.Footer>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
@@ -1,42 +1,212 @@
|
|||||||
import { useRef } from "react";
|
import { useEffect, useRef, useState } from "react";
|
||||||
import { Modal, Button } from "react-bootstrap"
|
import { Modal, Button, Form } from "react-bootstrap"
|
||||||
import { useSettings } from "../../context/settings";
|
import { useSettings, ThemePreference } from "../../context/settings";
|
||||||
|
import { NotificationSettings, UdalostEnum, getNotificationSettings, updateNotificationSettings } from "../../../../types";
|
||||||
|
import { useAuth } from "../../context/auth";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
isOpen: boolean,
|
isOpen: boolean,
|
||||||
onClose: () => void,
|
onClose: () => void,
|
||||||
onSave: (bankAccountNumber?: string, bankAccountHolderName?: string, hideSoupsOption?: boolean) => void,
|
onSave: (bankAccountNumber?: string, bankAccountHolderName?: string, hideSoupsOption?: boolean, themePreference?: ThemePreference) => void,
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Modální dialog pro uživatelská nastavení. */
|
/** Modální dialog pro uživatelská nastavení. */
|
||||||
export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Props>) {
|
export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Props>) {
|
||||||
|
const auth = useAuth();
|
||||||
const settings = useSettings();
|
const settings = useSettings();
|
||||||
const bankAccountRef = useRef<HTMLInputElement>(null);
|
const bankAccountRef = useRef<HTMLInputElement>(null);
|
||||||
const nameRef = useRef<HTMLInputElement>(null);
|
const nameRef = useRef<HTMLInputElement>(null);
|
||||||
const hideSoupsRef = useRef<HTMLInputElement>(null);
|
const hideSoupsRef = useRef<HTMLInputElement>(null);
|
||||||
|
const themeRef = useRef<HTMLSelectElement>(null);
|
||||||
|
|
||||||
return <Modal show={isOpen} onHide={onClose} size="lg">
|
const ntfyTopicRef = useRef<HTMLInputElement>(null);
|
||||||
|
const discordWebhookRef = useRef<HTMLInputElement>(null);
|
||||||
|
const teamsWebhookRef = useRef<HTMLInputElement>(null);
|
||||||
|
const [notifSettings, setNotifSettings] = useState<NotificationSettings>({});
|
||||||
|
const [enabledEvents, setEnabledEvents] = useState<UdalostEnum[]>([]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (isOpen && auth?.login) {
|
||||||
|
getNotificationSettings().then(response => {
|
||||||
|
if (response.data) {
|
||||||
|
setNotifSettings(response.data);
|
||||||
|
setEnabledEvents(response.data.enabledEvents ?? []);
|
||||||
|
}
|
||||||
|
}).catch(() => {});
|
||||||
|
}
|
||||||
|
}, [isOpen, auth?.login]);
|
||||||
|
|
||||||
|
const toggleEvent = (event: UdalostEnum) => {
|
||||||
|
setEnabledEvents(prev =>
|
||||||
|
prev.includes(event) ? prev.filter(e => e !== event) : [...prev, event]
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleSave = async () => {
|
||||||
|
// Uložení notifikačních nastavení na server
|
||||||
|
await updateNotificationSettings({
|
||||||
|
body: {
|
||||||
|
ntfyTopic: ntfyTopicRef.current?.value || undefined,
|
||||||
|
discordWebhookUrl: discordWebhookRef.current?.value || undefined,
|
||||||
|
teamsWebhookUrl: teamsWebhookRef.current?.value || undefined,
|
||||||
|
enabledEvents,
|
||||||
|
}
|
||||||
|
}).catch(() => {});
|
||||||
|
|
||||||
|
// Uložení ostatních nastavení (localStorage)
|
||||||
|
onSave(
|
||||||
|
bankAccountRef.current?.value,
|
||||||
|
nameRef.current?.value,
|
||||||
|
hideSoupsRef.current?.checked,
|
||||||
|
themeRef.current?.value as ThemePreference,
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal show={isOpen} onHide={onClose} size="lg">
|
||||||
<Modal.Header closeButton>
|
<Modal.Header closeButton>
|
||||||
<Modal.Title><h2>Nastavení</h2></Modal.Title>
|
<Modal.Title><h2>Nastavení</h2></Modal.Title>
|
||||||
</Modal.Header>
|
</Modal.Header>
|
||||||
<Modal.Body>
|
<Modal.Body>
|
||||||
<h4>Obecné</h4>
|
<h4>Vzhled</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" }}>
|
<Form.Group className="mb-3">
|
||||||
<input ref={hideSoupsRef} type="checkbox" defaultChecked={settings?.hideSoups} /> Skrýt polévky
|
<Form.Label>Barevný motiv</Form.Label>
|
||||||
</span>
|
<Form.Select ref={themeRef} defaultValue={settings?.themePreference}>
|
||||||
|
<option value="system">Podle systému</option>
|
||||||
|
<option value="light">Světlý</option>
|
||||||
|
<option value="dark">Tmavý</option>
|
||||||
|
</Form.Select>
|
||||||
|
</Form.Group>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
|
<h4>Obecné</h4>
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Check
|
||||||
|
id="hideSoupsCheckbox"
|
||||||
|
ref={hideSoupsRef}
|
||||||
|
type="checkbox"
|
||||||
|
label="Skrýt polévky"
|
||||||
|
defaultChecked={settings?.hideSoups}
|
||||||
|
title="V nabídkách nebudou zobrazovány polévky. Tato funkce je experimentální."
|
||||||
|
/>
|
||||||
|
<Form.Text className="text-muted">
|
||||||
|
Experimentální funkce - zejména u TechTower bývá problém polévky spolehlivě rozeznat.
|
||||||
|
</Form.Text>
|
||||||
|
</Form.Group>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<h4>Notifikace</h4>
|
||||||
|
<p>
|
||||||
|
Nastavením notifikací budete dostávat upozornění o událostech (např. "Jdeme na oběd") přímo do vámi zvoleného komunikačního kanálu.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Label>ntfy téma (topic)</Form.Label>
|
||||||
|
<Form.Control
|
||||||
|
ref={ntfyTopicRef}
|
||||||
|
type="text"
|
||||||
|
placeholder="moje-tema"
|
||||||
|
defaultValue={notifSettings.ntfyTopic}
|
||||||
|
key={notifSettings.ntfyTopic ?? 'ntfy-empty'}
|
||||||
|
onKeyDown={e => e.stopPropagation()}
|
||||||
|
/>
|
||||||
|
<Form.Text className="text-muted">
|
||||||
|
Téma pro ntfy push notifikace. Nechte prázdné pro vypnutí.
|
||||||
|
</Form.Text>
|
||||||
|
</Form.Group>
|
||||||
|
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Label>Discord webhook URL</Form.Label>
|
||||||
|
<Form.Control
|
||||||
|
ref={discordWebhookRef}
|
||||||
|
type="text"
|
||||||
|
placeholder="https://discord.com/api/webhooks/..."
|
||||||
|
defaultValue={notifSettings.discordWebhookUrl}
|
||||||
|
key={notifSettings.discordWebhookUrl ?? 'discord-empty'}
|
||||||
|
onKeyDown={e => e.stopPropagation()}
|
||||||
|
/>
|
||||||
|
<Form.Text className="text-muted">
|
||||||
|
URL webhooku Discord kanálu. Nechte prázdné pro vypnutí.
|
||||||
|
</Form.Text>
|
||||||
|
</Form.Group>
|
||||||
|
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Label>MS Teams webhook URL</Form.Label>
|
||||||
|
<Form.Control
|
||||||
|
ref={teamsWebhookRef}
|
||||||
|
type="text"
|
||||||
|
placeholder="https://outlook.office.com/webhook/..."
|
||||||
|
defaultValue={notifSettings.teamsWebhookUrl}
|
||||||
|
key={notifSettings.teamsWebhookUrl ?? 'teams-empty'}
|
||||||
|
onKeyDown={e => e.stopPropagation()}
|
||||||
|
/>
|
||||||
|
<Form.Text className="text-muted">
|
||||||
|
URL webhooku MS Teams kanálu. Nechte prázdné pro vypnutí.
|
||||||
|
</Form.Text>
|
||||||
|
</Form.Group>
|
||||||
|
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Label>Události k odběru</Form.Label>
|
||||||
|
{Object.values(UdalostEnum).map(event => (
|
||||||
|
<Form.Check
|
||||||
|
key={event}
|
||||||
|
id={`notif-event-${event}`}
|
||||||
|
type="checkbox"
|
||||||
|
label={event}
|
||||||
|
checked={enabledEvents.includes(event)}
|
||||||
|
onChange={() => toggleEvent(event)}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
<Form.Text className="text-muted">
|
||||||
|
Zvolte události, o kterých chcete být notifikováni. Notifikace jsou odesílány pouze uživatelům se stejnou zvolenou lokalitou.
|
||||||
|
</Form.Text>
|
||||||
|
</Form.Group>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
<h4>Bankovní účet</h4>
|
<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>
|
<p>
|
||||||
Číslo účtu: <input className="mb-3" ref={bankAccountRef} type="text" placeholder="123456-1234567890/1234" defaultValue={settings?.bankAccount} onKeyDown={e => e.stopPropagation()} /> <br />
|
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.
|
||||||
Název příjemce (jméno majitele účtu): <input ref={nameRef} type="text" placeholder="Jan Novák" defaultValue={settings?.holderName} onKeyDown={e => e.stopPropagation()} />
|
</p>
|
||||||
|
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Label>Číslo účtu</Form.Label>
|
||||||
|
<Form.Control
|
||||||
|
ref={bankAccountRef}
|
||||||
|
type="text"
|
||||||
|
placeholder="123456-1234567890/1234"
|
||||||
|
defaultValue={settings?.bankAccount}
|
||||||
|
onKeyDown={e => e.stopPropagation()}
|
||||||
|
/>
|
||||||
|
<Form.Text className="text-muted">
|
||||||
|
Pokud vaše číslo účtu neobsahuje předčíslí, je možné ho zcela vynechat.
|
||||||
|
</Form.Text>
|
||||||
|
</Form.Group>
|
||||||
|
|
||||||
|
<Form.Group className="mb-3">
|
||||||
|
<Form.Label>Název příjemce</Form.Label>
|
||||||
|
<Form.Control
|
||||||
|
ref={nameRef}
|
||||||
|
type="text"
|
||||||
|
placeholder="Jan Novák"
|
||||||
|
defaultValue={settings?.holderName}
|
||||||
|
onKeyDown={e => e.stopPropagation()}
|
||||||
|
/>
|
||||||
|
<Form.Text className="text-muted">
|
||||||
|
Jméno majitele účtu pro QR platbu.
|
||||||
|
</Form.Text>
|
||||||
|
</Form.Group>
|
||||||
</Modal.Body>
|
</Modal.Body>
|
||||||
<Modal.Footer>
|
<Modal.Footer>
|
||||||
<Button variant="secondary" onClick={onClose}>
|
<Button variant="secondary" onClick={onClose}>
|
||||||
Storno
|
Storno
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="primary" onClick={() => onSave(bankAccountRef.current?.value, nameRef.current?.value, hideSoupsRef.current?.checked)}>
|
<Button onClick={handleSave}>
|
||||||
Uložit
|
Uložit
|
||||||
</Button>
|
</Button>
|
||||||
</Modal.Footer>
|
</Modal.Footer>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
@@ -55,7 +55,7 @@ function useProvideAuth(): AuthContextProps {
|
|||||||
setLoginName(undefined);
|
setLoginName(undefined);
|
||||||
setTrusted(undefined);
|
setTrusted(undefined);
|
||||||
if (trusted && logoutUrl?.length) {
|
if (trusted && logoutUrl?.length) {
|
||||||
window.location.replace(logoutUrl);
|
globalThis.location.replace(logoutUrl);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -3,14 +3,19 @@ import React, { ReactNode, useContext, useEffect, useState } from "react"
|
|||||||
const BANK_ACCOUNT_NUMBER_KEY = 'bank_account_number';
|
const BANK_ACCOUNT_NUMBER_KEY = 'bank_account_number';
|
||||||
const BANK_ACCOUNT_HOLDER_KEY = 'bank_account_holder_name';
|
const BANK_ACCOUNT_HOLDER_KEY = 'bank_account_holder_name';
|
||||||
const HIDE_SOUPS_KEY = 'hide_soups';
|
const HIDE_SOUPS_KEY = 'hide_soups';
|
||||||
|
const THEME_KEY = 'theme_preference';
|
||||||
|
|
||||||
|
export type ThemePreference = 'system' | 'light' | 'dark';
|
||||||
|
|
||||||
export type SettingsContextProps = {
|
export type SettingsContextProps = {
|
||||||
bankAccount?: string,
|
bankAccount?: string,
|
||||||
holderName?: string,
|
holderName?: string,
|
||||||
hideSoups?: boolean,
|
hideSoups?: boolean,
|
||||||
|
themePreference: ThemePreference,
|
||||||
setBankAccountNumber: (accountNumber?: string) => void,
|
setBankAccountNumber: (accountNumber?: string) => void,
|
||||||
setBankAccountHolderName: (holderName?: string) => void,
|
setBankAccountHolderName: (holderName?: string) => void,
|
||||||
setHideSoupsOption: (hideSoups?: boolean) => void,
|
setHideSoupsOption: (hideSoups?: boolean) => void,
|
||||||
|
setThemePreference: (theme: ThemePreference) => void,
|
||||||
}
|
}
|
||||||
|
|
||||||
type ContextProps = {
|
type ContextProps = {
|
||||||
@@ -28,10 +33,23 @@ export const useSettings = () => {
|
|||||||
return useContext(settingsContext);
|
return useContext(settingsContext);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getInitialTheme(): ThemePreference {
|
||||||
|
try {
|
||||||
|
const saved = localStorage.getItem(THEME_KEY) as ThemePreference | null;
|
||||||
|
if (saved && ['system', 'light', 'dark'].includes(saved)) {
|
||||||
|
return saved;
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
// localStorage nedostupný
|
||||||
|
}
|
||||||
|
return 'system';
|
||||||
|
}
|
||||||
|
|
||||||
function useProvideSettings(): SettingsContextProps {
|
function useProvideSettings(): SettingsContextProps {
|
||||||
const [bankAccount, setBankAccount] = useState<string | undefined>();
|
const [bankAccount, setBankAccount] = useState<string | undefined>();
|
||||||
const [holderName, setHolderName] = useState<string | undefined>();
|
const [holderName, setHolderName] = useState<string | undefined>();
|
||||||
const [hideSoups, setHideSoups] = useState<boolean | undefined>();
|
const [hideSoups, setHideSoups] = useState<boolean | undefined>();
|
||||||
|
const [themePreference, setTheme] = useState<ThemePreference>(getInitialTheme);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const accountNumber = localStorage.getItem(BANK_ACCOUNT_NUMBER_KEY);
|
const accountNumber = localStorage.getItem(BANK_ACCOUNT_NUMBER_KEY);
|
||||||
@@ -72,6 +90,29 @@ function useProvideSettings(): SettingsContextProps {
|
|||||||
}
|
}
|
||||||
}, [hideSoups]);
|
}, [hideSoups]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
localStorage.setItem(THEME_KEY, themePreference);
|
||||||
|
}, [themePreference]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const applyTheme = (theme: 'light' | 'dark') => {
|
||||||
|
document.documentElement.setAttribute('data-bs-theme', theme);
|
||||||
|
};
|
||||||
|
|
||||||
|
if (themePreference === 'system') {
|
||||||
|
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
||||||
|
applyTheme(mediaQuery.matches ? 'dark' : 'light');
|
||||||
|
|
||||||
|
const handler = (e: MediaQueryListEvent) => {
|
||||||
|
applyTheme(e.matches ? 'dark' : 'light');
|
||||||
|
};
|
||||||
|
mediaQuery.addEventListener('change', handler);
|
||||||
|
return () => mediaQuery.removeEventListener('change', handler);
|
||||||
|
} else {
|
||||||
|
applyTheme(themePreference);
|
||||||
|
}
|
||||||
|
}, [themePreference]);
|
||||||
|
|
||||||
function setBankAccountNumber(bankAccount?: string) {
|
function setBankAccountNumber(bankAccount?: string) {
|
||||||
setBankAccount(bankAccount);
|
setBankAccount(bankAccount);
|
||||||
}
|
}
|
||||||
@@ -84,12 +125,18 @@ function useProvideSettings(): SettingsContextProps {
|
|||||||
setHideSoups(hideSoups);
|
setHideSoups(hideSoups);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function setThemePreference(theme: ThemePreference) {
|
||||||
|
setTheme(theme);
|
||||||
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
bankAccount,
|
bankAccount,
|
||||||
holderName,
|
holderName,
|
||||||
hideSoups,
|
hideSoups,
|
||||||
|
themePreference,
|
||||||
setBankAccountNumber,
|
setBankAccountNumber,
|
||||||
setBankAccountHolderName,
|
setBankAccountHolderName,
|
||||||
setHideSoupsOption,
|
setHideSoupsOption,
|
||||||
|
setThemePreference,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,8 +7,8 @@ if (process.env.NODE_ENV === 'development') {
|
|||||||
socketUrl = `http://localhost:3001`;
|
socketUrl = `http://localhost:3001`;
|
||||||
socketPath = undefined;
|
socketPath = undefined;
|
||||||
} else {
|
} else {
|
||||||
socketUrl = `${window.location.host}`;
|
socketUrl = `${globalThis.location.host}`;
|
||||||
socketPath = `${window.location.pathname}socket.io`;
|
socketPath = `${globalThis.location.pathname}socket.io`;
|
||||||
}
|
}
|
||||||
|
|
||||||
export const socket = socketio.connect(socketUrl, { path: socketPath, transports: ["websocket"] });
|
export const socket = socketio.connect(socketUrl, { path: socketPath, transports: ["websocket"] });
|
||||||
|
|||||||
@@ -7,14 +7,32 @@ body,
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||||
sans-serif;
|
sans-serif;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||||
monospace;
|
monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Smooth scrolling */
|
||||||
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Better focus styles */
|
||||||
|
:focus-visible {
|
||||||
|
outline: 2px solid var(--luncher-primary);
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Selection color */
|
||||||
|
::selection {
|
||||||
|
background: var(--luncher-primary-light);
|
||||||
|
color: var(--luncher-primary);
|
||||||
|
}
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ client.setConfig({
|
|||||||
// Interceptor na vyhození toasteru při chybě
|
// Interceptor na vyhození toasteru při chybě
|
||||||
client.interceptors.response.use(async response => {
|
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
|
// 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) {
|
if (!response.ok && !response.url.includes("/login")) {
|
||||||
const json = await response.json();
|
const json = await response.json();
|
||||||
toast.error(json.error, { theme: "colored" });
|
toast.error(json.error, { theme: "colored" });
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,15 +2,154 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20px;
|
padding: 32px 24px;
|
||||||
|
min-height: calc(100vh - 140px);
|
||||||
|
background: var(--luncher-bg);
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--luncher-text);
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
.week-navigator {
|
.week-navigator {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: xx-large;
|
gap: 24px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
color: var(--luncher-text-secondary);
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--luncher-bg-card);
|
||||||
|
box-shadow: var(--luncher-shadow-sm);
|
||||||
|
transition: var(--luncher-transition);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--luncher-primary);
|
||||||
|
background: var(--luncher-primary-light);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.date-range {
|
.date-range {
|
||||||
margin: 5px 20px;
|
margin: 0;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--luncher-text);
|
||||||
|
min-width: 280px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Chart container
|
||||||
|
.recharts-wrapper {
|
||||||
|
background: var(--luncher-bg-card);
|
||||||
|
border-radius: var(--luncher-radius-lg);
|
||||||
|
box-shadow: var(--luncher-shadow);
|
||||||
|
padding: 24px;
|
||||||
|
border: 1px solid var(--luncher-border-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Chart text styling
|
||||||
|
.recharts-cartesian-axis-tick-value {
|
||||||
|
fill: var(--luncher-text-secondary);
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recharts-legend-item-text {
|
||||||
|
color: var(--luncher-text) !important;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recharts-tooltip-wrapper {
|
||||||
|
.recharts-default-tooltip {
|
||||||
|
background: var(--luncher-bg-card) !important;
|
||||||
|
border: 1px solid var(--luncher-border) !important;
|
||||||
|
border-radius: var(--luncher-radius-sm) !important;
|
||||||
|
box-shadow: var(--luncher-shadow-lg) !important;
|
||||||
|
|
||||||
|
.recharts-tooltip-label {
|
||||||
|
color: var(--luncher-text) !important;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recharts-tooltip-item {
|
||||||
|
color: var(--luncher-text-secondary) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.recharts-cartesian-grid-horizontal line,
|
||||||
|
.recharts-cartesian-grid-vertical line {
|
||||||
|
stroke: var(--luncher-border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.voting-stats-section {
|
||||||
|
margin-top: 48px;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 800px;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--luncher-text);
|
||||||
|
margin-bottom: 16px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.voting-stats-table {
|
||||||
|
width: 100%;
|
||||||
|
background: var(--luncher-bg-card);
|
||||||
|
border-radius: var(--luncher-radius-lg);
|
||||||
|
box-shadow: var(--luncher-shadow);
|
||||||
|
border: 1px solid var(--luncher-border-light);
|
||||||
|
overflow: hidden;
|
||||||
|
border-collapse: collapse;
|
||||||
|
|
||||||
|
th {
|
||||||
|
background: var(--luncher-primary);
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 12px 20px;
|
||||||
|
text-align: left;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
text-align: center;
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding: 12px 20px;
|
||||||
|
border-bottom: 1px solid var(--luncher-border-light);
|
||||||
|
color: var(--luncher-text);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--luncher-primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody tr {
|
||||||
|
transition: var(--luncher-transition);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--luncher-bg-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child td {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1,10 +1,10 @@
|
|||||||
import { useCallback, useEffect, useState } from "react";
|
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||||
import Footer from "../components/Footer";
|
import Footer from "../components/Footer";
|
||||||
import Header from "../components/Header";
|
import Header from "../components/Header";
|
||||||
import { useAuth } from "../context/auth";
|
import { useAuth } from "../context/auth";
|
||||||
import Login from "../Login";
|
import Login from "../Login";
|
||||||
import { formatDate, getFirstWorkDayOfWeek, getHumanDate, getLastWorkDayOfWeek } from "../Utils";
|
import { formatDate, getFirstWorkDayOfWeek, getHumanDate, getLastWorkDayOfWeek } from "../Utils";
|
||||||
import { WeeklyStats, LunchChoice, getStats } from "../../../types";
|
import { WeeklyStats, LunchChoice, VotingStats, FeatureRequest, getStats, getVotingStats } from "../../../types";
|
||||||
import Loader from "../components/Loader";
|
import Loader from "../components/Loader";
|
||||||
import { faChevronLeft, faChevronRight, faGear } from "@fortawesome/free-solid-svg-icons";
|
import { faChevronLeft, faChevronRight, faGear } from "@fortawesome/free-solid-svg-icons";
|
||||||
import { Legend, Line, LineChart, Tooltip, XAxis, YAxis } from "recharts";
|
import { Legend, Line, LineChart, Tooltip, XAxis, YAxis } from "recharts";
|
||||||
@@ -17,22 +17,22 @@ const CHART_HEIGHT = 700;
|
|||||||
const STROKE_WIDTH = 2.5;
|
const STROKE_WIDTH = 2.5;
|
||||||
|
|
||||||
const COLORS = [
|
const COLORS = [
|
||||||
// Komentáře jsou kvůli vizualizaci barev ve VS Code
|
'#ff1493',
|
||||||
'#ff1493', // #ff1493
|
'#1e90ff',
|
||||||
'#1e90ff', // #1e90ff
|
'#c5a700',
|
||||||
'#c5a700', // #c5a700
|
'#006400',
|
||||||
'#006400', // #006400
|
'#b300ff',
|
||||||
'#b300ff', // #b300ff
|
'#ff4500',
|
||||||
'#ff4500', // #ff4500
|
'#bc8f8f',
|
||||||
'#bc8f8f', // #bc8f8f
|
'#00ff00',
|
||||||
'#00ff00', // #00ff00
|
'#7c7c7c',
|
||||||
'#7c7c7c', // #7c7c7c
|
|
||||||
]
|
]
|
||||||
|
|
||||||
export default function StatsPage() {
|
export default function StatsPage() {
|
||||||
const auth = useAuth();
|
const auth = useAuth();
|
||||||
const [dateRange, setDateRange] = useState<Date[]>();
|
const [dateRange, setDateRange] = useState<Date[]>();
|
||||||
const [data, setData] = useState<WeeklyStats>();
|
const [data, setData] = useState<WeeklyStats>();
|
||||||
|
const [votingStats, setVotingStats] = useState<VotingStats>();
|
||||||
|
|
||||||
// Prvotní nastavení aktuálního týdne
|
// Prvotní nastavení aktuálního týdne
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -49,6 +49,19 @@ export default function StatsPage() {
|
|||||||
}
|
}
|
||||||
}, [dateRange]);
|
}, [dateRange]);
|
||||||
|
|
||||||
|
// Načtení statistik hlasování
|
||||||
|
useEffect(() => {
|
||||||
|
getVotingStats().then(response => {
|
||||||
|
setVotingStats(response.data);
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const sortedVotingStats = useMemo(() => {
|
||||||
|
if (!votingStats) return [];
|
||||||
|
return Object.entries(votingStats)
|
||||||
|
.sort((a, b) => (b[1] as number) - (a[1] as number));
|
||||||
|
}, [votingStats]);
|
||||||
|
|
||||||
const renderLine = (location: LunchChoice) => {
|
const renderLine = (location: LunchChoice) => {
|
||||||
const index = Object.values(LunchChoice).indexOf(location);
|
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} />
|
return <Line key={location} name={getLunchChoiceName(location)} type="monotone" dataKey={data => data.locations[location] ?? 0} stroke={COLORS[index]} strokeWidth={STROKE_WIDTH} />
|
||||||
@@ -74,13 +87,20 @@ export default function StatsPage() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const isCurrentOrFutureWeek = useMemo(() => {
|
||||||
|
if (!dateRange) return true;
|
||||||
|
const currentWeekEnd = getLastWorkDayOfWeek(new Date());
|
||||||
|
currentWeekEnd.setHours(23, 59, 59, 999);
|
||||||
|
return dateRange[1] >= currentWeekEnd;
|
||||||
|
}, [dateRange]);
|
||||||
|
|
||||||
const handleKeyDown = useCallback((e: any) => {
|
const handleKeyDown = useCallback((e: any) => {
|
||||||
if (e.keyCode === 37) {
|
if (e.keyCode === 37) {
|
||||||
handlePreviousWeek();
|
handlePreviousWeek();
|
||||||
} else if (e.keyCode === 39) {
|
} else if (e.keyCode === 39 && !isCurrentOrFutureWeek) {
|
||||||
handleNextWeek()
|
handleNextWeek()
|
||||||
}
|
}
|
||||||
}, [dateRange]);
|
}, [dateRange, isCurrentOrFutureWeek]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
document.addEventListener('keydown', handleKeyDown);
|
document.addEventListener('keydown', handleKeyDown);
|
||||||
@@ -107,9 +127,13 @@ export default function StatsPage() {
|
|||||||
<div className="stats-page">
|
<div className="stats-page">
|
||||||
<h1>Statistiky</h1>
|
<h1>Statistiky</h1>
|
||||||
<div className="week-navigator">
|
<div className="week-navigator">
|
||||||
<FontAwesomeIcon title="Předchozí týden" icon={faChevronLeft} style={{ cursor: "pointer" }} onClick={handlePreviousWeek} />
|
<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>
|
<h2 className="date-range">{getHumanDate(dateRange[0])} - {getHumanDate(dateRange[1])}</h2>
|
||||||
<FontAwesomeIcon title="Následující týden" icon={faChevronRight} style={{ cursor: "pointer" }} onClick={handleNextWeek} />
|
<span title="Následující týden">
|
||||||
|
<FontAwesomeIcon icon={faChevronRight} style={{ cursor: "pointer", visibility: isCurrentOrFutureWeek ? "hidden" : "visible" }} onClick={handleNextWeek} />
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<LineChart width={CHART_WIDTH} height={CHART_HEIGHT} data={data}>
|
<LineChart width={CHART_WIDTH} height={CHART_HEIGHT} data={data}>
|
||||||
{Object.values(LunchChoice).map(location => renderLine(location))}
|
{Object.values(LunchChoice).map(location => renderLine(location))}
|
||||||
@@ -118,6 +142,27 @@ export default function StatsPage() {
|
|||||||
<Tooltip />
|
<Tooltip />
|
||||||
<Legend />
|
<Legend />
|
||||||
</LineChart>
|
</LineChart>
|
||||||
|
{sortedVotingStats.length > 0 && (
|
||||||
|
<div className="voting-stats-section">
|
||||||
|
<h2>Hlasování o funkcích</h2>
|
||||||
|
<table className="voting-stats-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Funkce</th>
|
||||||
|
<th>Počet hlasů</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{sortedVotingStats.map(([feature, count]) => (
|
||||||
|
<tr key={feature}>
|
||||||
|
<td>{FeatureRequest[feature as keyof typeof FeatureRequest] ?? feature}</td>
|
||||||
|
<td>{count as number}</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<Footer />
|
<Footer />
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
{
|
{
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"target": "ESNext",
|
|
||||||
"lib": [
|
"lib": [
|
||||||
"dom",
|
"dom",
|
||||||
"dom.iterable",
|
"dom.iterable",
|
||||||
@@ -16,10 +15,12 @@
|
|||||||
"strict": true,
|
"strict": true,
|
||||||
"forceConsistentCasingInFileNames": true,
|
"forceConsistentCasingInFileNames": true,
|
||||||
"noFallthroughCasesInSwitch": true,
|
"noFallthroughCasesInSwitch": true,
|
||||||
"module": "esnext",
|
"moduleResolution": "bundler",
|
||||||
"moduleResolution": "node",
|
"module": "ESNext",
|
||||||
|
"target": "ESNext",
|
||||||
"resolveJsonModule": true,
|
"resolveJsonModule": true,
|
||||||
"isolatedModules": true,
|
"isolatedModules": true,
|
||||||
|
"allowImportingTsExtensions": true,
|
||||||
"noEmit": true,
|
"noEmit": true,
|
||||||
"jsx": "react-jsx"
|
"jsx": "react-jsx"
|
||||||
}
|
}
|
||||||
|
|||||||
1779
client/yarn.lock
1779
client/yarn.lock
File diff suppressed because it is too large
Load Diff
23
run_dev.sh
23
run_dev.sh
@@ -1,5 +1,18 @@
|
|||||||
export NODE_ENV=development
|
#!/bin/bash
|
||||||
cd types && yarn install && yarn openapi-ts
|
# Spustí server a klienta v samostatných panelech uvnitř stejného tmux okna.
|
||||||
cd server && yarn install && yarn start &
|
# Pokud už daná tmux session existuje, pouze se k ní připojí.
|
||||||
cd client && yarn install && yarn start &
|
|
||||||
wait
|
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
|
||||||
1
server/.gitignore
vendored
1
server/.gitignore
vendored
@@ -1,3 +1,4 @@
|
|||||||
|
/data
|
||||||
/dist
|
/dist
|
||||||
/resources/easterEggs
|
/resources/easterEggs
|
||||||
/src/gen
|
/src/gen
|
||||||
|
|||||||
@@ -11,28 +11,28 @@
|
|||||||
"test": "jest"
|
"test": "jest"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.23.0",
|
"@babel/core": "^7.28.5",
|
||||||
"@babel/preset-env": "^7.22.20",
|
"@babel/preset-env": "^7.28.5",
|
||||||
"@babel/preset-typescript": "^7.23.0",
|
"@babel/preset-typescript": "^7.28.5",
|
||||||
"@types/express": "^4.17.17",
|
"@types/express": "^5.0.5",
|
||||||
"@types/jest": "^29.5.14",
|
"@types/jest": "^30.0.0",
|
||||||
"@types/jsonwebtoken": "^9.0.6",
|
"@types/jsonwebtoken": "^9.0.10",
|
||||||
"@types/node": "^20.11.20",
|
"@types/node": "^24.10.0",
|
||||||
"@types/request-promise": "^4.1.48",
|
"@types/request-promise": "^4.1.48",
|
||||||
"babel-jest": "^29.7.0",
|
"babel-jest": "^30.2.0",
|
||||||
"jest": "^29.7.0",
|
"jest": "^30.2.0",
|
||||||
"nodemon": "^3.1.0",
|
"nodemon": "^3.1.10",
|
||||||
"ts-node": "^10.9.1",
|
"ts-node": "^10.9.1",
|
||||||
"typescript": "^5.0.2"
|
"typescript": "^5.9.3"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^1.4.0",
|
"axios": "^1.13.2",
|
||||||
"cheerio": "^1.0.0-rc.12",
|
"cheerio": "^1.1.2",
|
||||||
"cors": "^2.8.5",
|
"cors": "^2.8.5",
|
||||||
"dotenv": "^16.4.5",
|
"dotenv": "^17.2.3",
|
||||||
"express": "^4.18.2",
|
"express": "^5.1.0",
|
||||||
"jsonwebtoken": "^9.0.0",
|
"jsonwebtoken": "^9.0.0",
|
||||||
"redis": "^4.6.7",
|
"redis": "^5.9.0",
|
||||||
"simple-json-db": "^2.0.0",
|
"simple-json-db": "^2.0.0",
|
||||||
"socket.io": "^4.6.1"
|
"socket.io": "^4.6.1"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,21 +1,23 @@
|
|||||||
import express from "express";
|
import express from "express";
|
||||||
import bodyParser from "body-parser";
|
import bodyParser from "body-parser";
|
||||||
import cors from 'cors';
|
import cors from 'cors';
|
||||||
import { getData, getDateForWeekIndex } from "./service";
|
import { getData, getDateForWeekIndex, getToday } from "./service";
|
||||||
import dotenv from 'dotenv';
|
import dotenv from 'dotenv';
|
||||||
import path from 'path';
|
import path from 'path';
|
||||||
import { getQr } from "./qr";
|
import { getQr } from "./qr";
|
||||||
import { generateToken, verify } from "./auth";
|
import { generateToken, getLogin, verify } from "./auth";
|
||||||
import { InsufficientPermissions } from "./utils";
|
import { getIsWeekend, InsufficientPermissions, parseToken } from "./utils";
|
||||||
|
import { getPendingQrs } from "./pizza";
|
||||||
import { initWebsocket } from "./websocket";
|
import { initWebsocket } from "./websocket";
|
||||||
import pizzaDayRoutes from "./routes/pizzaDayRoutes";
|
import pizzaDayRoutes from "./routes/pizzaDayRoutes";
|
||||||
import foodRoutes from "./routes/foodRoutes";
|
import foodRoutes, { refreshMetoda } from "./routes/foodRoutes";
|
||||||
import votingRoutes from "./routes/votingRoutes";
|
import votingRoutes from "./routes/votingRoutes";
|
||||||
import easterEggRoutes from "./routes/easterEggRoutes";
|
import easterEggRoutes from "./routes/easterEggRoutes";
|
||||||
import statsRoutes from "./routes/statsRoutes";
|
import statsRoutes from "./routes/statsRoutes";
|
||||||
|
import notificationRoutes from "./routes/notificationRoutes";
|
||||||
|
|
||||||
const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
|
const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
|
||||||
dotenv.config({ path: path.resolve(__dirname, `./.env.${ENVIRONMENT}`) });
|
dotenv.config({ path: path.resolve(__dirname, `../.env.${ENVIRONMENT}`) });
|
||||||
|
|
||||||
// Validace nastavení JWT tokenu - nemá bez něj smysl vůbec povolit server spustit
|
// Validace nastavení JWT tokenu - nemá bez něj smysl vůbec povolit server spustit
|
||||||
if (!process.env.JWT_SECRET) {
|
if (!process.env.JWT_SECRET) {
|
||||||
@@ -96,6 +98,9 @@ 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 */
|
/** Middleware ověřující JWT token */
|
||||||
app.use("/api/", (req, res, next) => {
|
app.use("/api/", (req, res, next) => {
|
||||||
if (HTTP_REMOTE_USER_ENABLED) {
|
if (HTTP_REMOTE_USER_ENABLED) {
|
||||||
@@ -130,8 +135,22 @@ app.get("/api/data", async (req, res) => {
|
|||||||
if (!isNaN(index)) {
|
if (!isNaN(index)) {
|
||||||
date = getDateForWeekIndex(parseInt(req.query.dayIndex));
|
date = getDateForWeekIndex(parseInt(req.query.dayIndex));
|
||||||
}
|
}
|
||||||
|
} else if (getIsWeekend(getToday())) {
|
||||||
|
// Na víkendu zobrazíme pátek místo hlášky "Užívejte víkend"
|
||||||
|
date = getDateForWeekIndex(4);
|
||||||
}
|
}
|
||||||
res.status(200).json(await getData(date));
|
const data = await getData(date);
|
||||||
|
// Připojíme nevyřízené QR kódy pro přihlášeného uživatele
|
||||||
|
try {
|
||||||
|
const login = getLogin(parseToken(req));
|
||||||
|
const pendingQrs = await getPendingQrs(login);
|
||||||
|
if (pendingQrs.length > 0) {
|
||||||
|
data.pendingQrs = pendingQrs;
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// Token nemusí být validní, ignorujeme
|
||||||
|
}
|
||||||
|
res.status(200).json(data);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Ostatní routes
|
// Ostatní routes
|
||||||
@@ -140,6 +159,7 @@ app.use("/api/food", foodRoutes);
|
|||||||
app.use("/api/voting", votingRoutes);
|
app.use("/api/voting", votingRoutes);
|
||||||
app.use("/api/easterEggs", easterEggRoutes);
|
app.use("/api/easterEggs", easterEggRoutes);
|
||||||
app.use("/api/stats", statsRoutes);
|
app.use("/api/stats", statsRoutes);
|
||||||
|
app.use("/api/notifications", notificationRoutes);
|
||||||
|
|
||||||
app.use('/stats', express.static('public'));
|
app.use('/stats', express.static('public'));
|
||||||
app.use(express.static('public'));
|
app.use(express.static('public'));
|
||||||
|
|||||||
@@ -6,79 +6,31 @@ const MOCK_DATA = {
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
amount: "0,25l",
|
amount: "0,25l",
|
||||||
name: "Kulajda",
|
name: "Česnečka s uzeným masem a krutony",
|
||||||
price: "35\xA0Kč",
|
price: "35\xA0Kč",
|
||||||
isSoup: true,
|
isSoup: true,
|
||||||
|
allergens: [1, 3, 7, 9]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "250g",
|
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č",
|
price: "135\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 9, 10]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "150g",
|
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č",
|
price: "145\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "150g",
|
amount: "150g",
|
||||||
name: "Frankfurtská hovězí pečeně s jasmínovou rýží",
|
name: "Kuřecí stehno pečené na Moravance s feferony, bramborový knedlík",
|
||||||
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",
|
|
||||||
price: "135\xA0Kč",
|
price: "135\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7, 9]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
@@ -87,50 +39,118 @@ const MOCK_DATA = {
|
|||||||
name: "Kuřecí vývar s nudlemi",
|
name: "Kuřecí vývar s nudlemi",
|
||||||
price: "35\xA0Kč",
|
price: "35\xA0Kč",
|
||||||
isSoup: true,
|
isSoup: true,
|
||||||
|
allergens: [1, 3, 7, 9]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "150g",
|
amount: "200g",
|
||||||
name: "Kovbojské fazole s klobásou a chlebem",
|
name: "Hovězí maso v rajské omáčce s kynutým knedlíkem",
|
||||||
price: "125\xA0Kč",
|
|
||||||
isSoup: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
amount: "150g",
|
|
||||||
name: "Kuřecí rarášci s vařeným bramborem",
|
|
||||||
price: "135\xA0Kč",
|
price: "135\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "150g",
|
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č",
|
price: "135\xA0Kč",
|
||||||
isSoup: false,
|
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",
|
amount: "0,25l",
|
||||||
name: "Dršťková polévka",
|
name: "Zeleninová polévka",
|
||||||
price: "35\xA0Kč",
|
price: "35\xA0Kč",
|
||||||
isSoup: true,
|
isSoup: true,
|
||||||
|
allergens: [3, 9]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "150g",
|
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č",
|
price: "135\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "150g",
|
amount: "250g",
|
||||||
name: "Segedínský guláš s kynutým knedlíkem",
|
name: "Vepřové výpečky se špenátem, bramborový knedlík 1,3,7",
|
||||||
price: "135\xA0Kč",
|
price: "135\xA0Kč",
|
||||||
isSoup: false,
|
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",
|
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č",
|
price: "145\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 9]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
@@ -270,161 +290,185 @@ const MOCK_DATA = {
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Uzený vývar s kapustou",
|
name: "Batátový krém s chilli a kokosovým mlékem",
|
||||||
price: "40\xA0Kč",
|
price: "40\xA0Kč",
|
||||||
isSoup: true,
|
isSoup: true,
|
||||||
|
allergens: [1, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Čočka na kyselo, opečená klobása, okurka, chléb",
|
name: "Kuřecí stehno na paprice, knedlík",
|
||||||
price: "130\xA0Kč",
|
price: "130\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Smažená brokolice, brambory, tatarská omáčka",
|
name: "Těstoviny se sušenými rajčaty a cuketou, parmezán",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Uzený vepřový bůček, bramborové pyré",
|
name: "Quesadilla s trhaným vepřovým masem, salát coleslaw, hranolky",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Kuřecí medailonky v sýrové omáčce, hranolky",
|
name: "Smažený kuřecí řízek v sezamové strouhance, vařené brambory, wasabi majonéza",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Slepičí s nudlemi",
|
name: "Ovarová",
|
||||||
price: "40\xA0Kč",
|
price: "40\xA0Kč",
|
||||||
isSoup: true,
|
isSoup: true,
|
||||||
|
allergens: [1]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Zvěřinový guláš, knedlík",
|
name: "Zapečené těstoviny s uzeným masem, okurka",
|
||||||
price: "130\xA0Kč",
|
price: "130\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Čínské nudle se zeleninou a vejcem",
|
name: "Cheddarové kuličky s jalapeños, máslové brambory, tatarská omáčka",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Jitrnice/jelito, brambory, zelný salát s křenem, hořčice",
|
name: "Steak z krkovice s miso omáčkou, jasmínová rýže",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 6, 11]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Vídeňská roštěná se smaženou cibulkou, jasmínová rýže",
|
name: "Kuřecí supreme s bramborovo-mrkvovým pyré, restovaná cuketa",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [7]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Dýňový krém se smetanou",
|
name: "Hovězí s hráškem a rýží",
|
||||||
price: "40\xA0Kč",
|
price: "40\xA0Kč",
|
||||||
isSoup: true,
|
isSoup: true,
|
||||||
|
allergens: [9]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Kuřecí směs se zeleninou, rýže",
|
name: "Rizoto s kuřecím masem a zeleninou, okurka, sýr",
|
||||||
price: "130\xA0Kč",
|
price: "130\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [7, 9]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Tvarohové knedlíky s meruňkami, strouhaný tvaroh, máslo, cukr",
|
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",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Ovar, křen, hořčice, pečivo",
|
name: "Gordon bleu, hranolky, pikantní dip",
|
||||||
price: "na\xA0váhu",
|
|
||||||
isSoup: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
amount: "-",
|
|
||||||
name: "Telecí holandský řízek s uzeným sýrem, bramborové pyré",
|
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Zeleninová s jáhly",
|
name: "Dýňová",
|
||||||
price: "40\xA0Kč",
|
price: "40\xA0Kč",
|
||||||
isSoup: true,
|
isSoup: true,
|
||||||
|
allergens: [1, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Rizoto s vepřovým masem, okurka",
|
name: "Uzená plec, křenová omáčka, knedlík",
|
||||||
price: "130\xA0Kč",
|
price: "130\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Tortellini s parmezánovou omáčkou",
|
name: "Palačinky s marmeládou přelité čokoládou, sypané cukrem",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Pečený prejt, brambory, zelný salát",
|
name: "Smažený holandský řízek s bramborovou kaší a nakládanou zeleninou",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Chobotnice na grilu, grilovaná zelenina, bylinková bageta",
|
name: "Kuřecí jatýrka na smetaně s čerstvou majoránkou, jasmínová rýže",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [7]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Fazolová s uzeninou",
|
name: "Hovězí vývar s játrovými knedlíčky",
|
||||||
price: "40\xA0Kč",
|
price: "40\xA0Kč",
|
||||||
isSoup: true,
|
isSoup: true,
|
||||||
|
allergens: [1, 3, 7, 9]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Krůtí perkelt, těstoviny",
|
name: "Kuřecí Kung-pao, jasmínová rýže",
|
||||||
price: "130\xA0Kč",
|
price: "130\xA0Kč",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 5, 6]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Grilovaný hermelín, bulgurový salát se zeleninou",
|
name: "Sýrové tortelliny s pažitkovou omáčkou",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Zabijačkový guláš, karlovarský knedlík",
|
name: "Teriyaki losos burger s frisée salátem a citrusovou majonézou, bramborové lupínky",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 6, 7, 11]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
amount: "-",
|
amount: "-",
|
||||||
name: "Vepřový plátek na žampionech, jasmínová rýže",
|
name: "Vepřové výpečky s červeným zelím, bramborové knedlíky se smaženou cibulkou",
|
||||||
price: "na\xA0váhu",
|
price: "na\xA0váhu",
|
||||||
isSoup: false,
|
isSoup: false,
|
||||||
|
allergens: [1, 3, 7]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -3,53 +3,55 @@ import dotenv from 'dotenv';
|
|||||||
import path from 'path';
|
import path from 'path';
|
||||||
import { getClientData, getToday } from "./service";
|
import { getClientData, getToday } from "./service";
|
||||||
import { getUsersByLocation, getHumanTime } from "./utils";
|
import { getUsersByLocation, getHumanTime } from "./utils";
|
||||||
import { NotifikaceData, NotifikaceInput } from '../../types';
|
import { NotifikaceData, NotifikaceInput, NotificationSettings } from '../../types';
|
||||||
|
import getStorage from "./storage";
|
||||||
|
|
||||||
const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
|
const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
|
||||||
dotenv.config({ path: path.resolve(__dirname, `../.env.${ENVIRONMENT}`) });
|
dotenv.config({ path: path.resolve(__dirname, `../.env.${ENVIRONMENT}`) });
|
||||||
|
|
||||||
// const gotifyDataRaw = process.env.GOTIFY_SERVERS_AND_KEYS || "{}";
|
const storage = getStorage();
|
||||||
// const gotifyData: GotifyServer[] = JSON.parse(gotifyDataRaw);
|
const NOTIFICATION_SETTINGS_PREFIX = 'notif';
|
||||||
// export const gotifyCall = async (data: NotififaceInput, gotifyServers?: GotifyServer[]): Promise<any[]> => {
|
|
||||||
// if (!Array.isArray(gotifyServers)) {
|
/** Vrátí klíč pro uložení notifikačních nastavení uživatele. */
|
||||||
// return []
|
function getNotificationSettingsKey(login: string): string {
|
||||||
// }
|
return `${NOTIFICATION_SETTINGS_PREFIX}_${login}`;
|
||||||
// const urls = gotifyServers.flatMap(gotifyServer =>
|
}
|
||||||
// gotifyServer.api_keys.map(apiKey => `${gotifyServer.server}/message?token=${apiKey}`));
|
|
||||||
//
|
/** Vrátí nastavení notifikací pro daného uživatele. */
|
||||||
// const dataPayload = {
|
export async function getNotificationSettings(login: string): Promise<NotificationSettings> {
|
||||||
// title: "Luncher",
|
return await storage.getData<NotificationSettings>(getNotificationSettingsKey(login)) ?? {};
|
||||||
// message: `${data.udalost} - spustil:${data.user}`,
|
}
|
||||||
// priority: 7,
|
|
||||||
// };
|
/** Uloží nastavení notifikací pro daného uživatele. */
|
||||||
//
|
export async function saveNotificationSettings(login: string, settings: NotificationSettings): Promise<NotificationSettings> {
|
||||||
// const headers = { "Content-Type": "application/json" };
|
await storage.setData(getNotificationSettingsKey(login), settings);
|
||||||
//
|
return settings;
|
||||||
// const promises = urls.map(url =>
|
}
|
||||||
// axios.post(url, dataPayload, { headers }).then(response => {
|
|
||||||
// response.data = {
|
/** Odešle ntfy notifikaci na dané téma. */
|
||||||
// success: true,
|
async function ntfyCallToTopic(topic: string, message: string) {
|
||||||
// message: "Notifikace doručena",
|
const url = process.env.NTFY_HOST;
|
||||||
// };
|
const username = process.env.NTFY_USERNAME;
|
||||||
// return response;
|
const password = process.env.NTFY_PASSWD;
|
||||||
// }).catch(error => {
|
if (!url || !username || !password) {
|
||||||
// if (axios.isAxiosError(error)) {
|
return;
|
||||||
// const axiosError = error as AxiosError;
|
}
|
||||||
// if (axiosError.response) {
|
const token = Buffer.from(`${username}:${password}`, 'utf8').toString('base64');
|
||||||
// axiosError.response.data = {
|
try {
|
||||||
// success: false,
|
const response = await axios({
|
||||||
// message: "fail",
|
url: `${url}/${topic}`,
|
||||||
// };
|
method: 'POST',
|
||||||
// console.log(error)
|
data: message,
|
||||||
// return axiosError.response;
|
headers: {
|
||||||
// }
|
'Authorization': `Basic ${token}`,
|
||||||
// }
|
'Tag': 'meat_on_bone'
|
||||||
// // Handle unknown error without a response
|
}
|
||||||
// console.log(error, "unknown error");
|
});
|
||||||
// })
|
console.log(response.data);
|
||||||
// );
|
} catch (error) {
|
||||||
// return promises;
|
console.error(`Chyba při odesílání ntfy notifikace na topic ${topic}:`, error);
|
||||||
// };
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export const ntfyCall = async (data: NotifikaceInput) => {
|
export const ntfyCall = async (data: NotifikaceInput) => {
|
||||||
const url = process.env.NTFY_HOST
|
const url = process.env.NTFY_HOST
|
||||||
@@ -130,10 +132,58 @@ export const teamsCall = async (data: NotifikaceInput) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** Odešle Teams notifikaci na daný webhook URL. */
|
||||||
|
async function teamsCallToUrl(webhookUrl: string, data: NotifikaceInput) {
|
||||||
|
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",
|
||||||
|
summary: 'Summary description',
|
||||||
|
sections: [
|
||||||
|
{
|
||||||
|
activityTitle: title,
|
||||||
|
text: message,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
try {
|
||||||
|
await axios.post(webhookUrl, card, {
|
||||||
|
headers: {
|
||||||
|
'content-type': 'application/vnd.microsoft.teams.card.o365connector'
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Chyba při odesílání Teams notifikace:`, error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Odešle Discord notifikaci na daný webhook URL. */
|
||||||
|
async function discordCall(webhookUrl: string, data: NotifikaceInput) {
|
||||||
|
let time = new Date();
|
||||||
|
time.setTime(time.getTime() + 1000 * 60);
|
||||||
|
const message = `🍖 **${data.udalost}** — ${data.user} (odchod v ${getHumanTime(time)})`;
|
||||||
|
try {
|
||||||
|
await axios.post(webhookUrl, {
|
||||||
|
content: message,
|
||||||
|
}, {
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Chyba při odesílání Discord notifikace:`, error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/** Zavolá notifikace na všechny konfigurované způsoby notifikace, přetížení proměných na false pro jednotlivé způsoby je vypne*/
|
/** 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) => {
|
export const callNotifikace = async ({ input, teams = true, gotify = false, ntfy = true }: NotifikaceData) => {
|
||||||
const notifications = [];
|
const notifications: Promise<any>[] = [];
|
||||||
|
|
||||||
|
// Globální notifikace (zpětně kompatibilní)
|
||||||
if (ntfy) {
|
if (ntfy) {
|
||||||
const ntfyPromises = await ntfyCall(input);
|
const ntfyPromises = await ntfyCall(input);
|
||||||
if (ntfyPromises) {
|
if (ntfyPromises) {
|
||||||
@@ -143,20 +193,33 @@ export const callNotifikace = async ({ input, teams = true, gotify = false, ntfy
|
|||||||
if (teams) {
|
if (teams) {
|
||||||
const teamsPromises = await teamsCall(input);
|
const teamsPromises = await teamsCall(input);
|
||||||
if (teamsPromises) {
|
if (teamsPromises) {
|
||||||
notifications.push(teamsPromises);
|
notifications.push(Promise.resolve(teamsPromises));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Per-user notifikace: najdeme uživatele se stejnou lokací a odešleme dle jejich nastavení
|
||||||
|
const clientData = await getClientData(getToday());
|
||||||
|
const usersToNotify = getUsersByLocation(clientData.choices, input.user);
|
||||||
|
for (const user of usersToNotify) {
|
||||||
|
if (user === input.user) continue; // Neposíláme notifikaci spouštějícímu uživateli
|
||||||
|
const userSettings = await getNotificationSettings(user);
|
||||||
|
if (!userSettings.enabledEvents?.includes(input.udalost)) continue;
|
||||||
|
|
||||||
|
if (userSettings.ntfyTopic) {
|
||||||
|
notifications.push(ntfyCallToTopic(userSettings.ntfyTopic, `${input.udalost} - spustil: ${input.user}`));
|
||||||
|
}
|
||||||
|
if (userSettings.discordWebhookUrl) {
|
||||||
|
notifications.push(discordCall(userSettings.discordWebhookUrl, input));
|
||||||
|
}
|
||||||
|
if (userSettings.teamsWebhookUrl) {
|
||||||
|
notifications.push(teamsCallToUrl(userSettings.teamsWebhookUrl, input));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// gotify bych řekl, že už je deprecated
|
|
||||||
// if (gotify) {
|
|
||||||
// const gotifyPromises = await gotifyCall(input, gotifyData);
|
|
||||||
// notifications.push(...gotifyPromises);
|
|
||||||
// }
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const results = await Promise.all(notifications);
|
const results = await Promise.all(notifications);
|
||||||
return results;
|
return results;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Error in callNotifikace: ", error);
|
console.error("Error in callNotifikace: ", error);
|
||||||
// Handle the error as needed
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -4,9 +4,10 @@ import { generateQr } from "./qr";
|
|||||||
import getStorage from "./storage";
|
import getStorage from "./storage";
|
||||||
import { downloadPizzy } from "./chefie";
|
import { downloadPizzy } from "./chefie";
|
||||||
import { getClientData, getToday, initIfNeeded } from "./service";
|
import { getClientData, getToday, initIfNeeded } from "./service";
|
||||||
import { Pizza, ClientData, PizzaDayState, PizzaSize, PizzaOrder, PizzaVariant, UdalostEnum } from "../../types/gen/types.gen";
|
import { Pizza, ClientData, PizzaDayState, PizzaSize, PizzaOrder, PizzaVariant, UdalostEnum, PendingQr } from "../../types/gen/types.gen";
|
||||||
|
|
||||||
const storage = getStorage();
|
const storage = getStorage();
|
||||||
|
const PENDING_QR_PREFIX = 'pending_qr';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Vrátí seznam dostupných pizz pro dnešní den.
|
* Vrátí seznam dostupných pizz pro dnešní den.
|
||||||
@@ -96,9 +97,7 @@ export async function addPizzaOrder(login: string, pizza: Pizza, size: PizzaSize
|
|||||||
totalPrice: 0,
|
totalPrice: 0,
|
||||||
hasQr: false,
|
hasQr: false,
|
||||||
}
|
}
|
||||||
if (!clientData.pizzaDay.orders) {
|
clientData.pizzaDay.orders ??= [];
|
||||||
clientData.pizzaDay.orders = [];
|
|
||||||
}
|
|
||||||
clientData.pizzaDay.orders.push(order);
|
clientData.pizzaDay.orders.push(order);
|
||||||
}
|
}
|
||||||
const pizzaOrder: PizzaVariant = {
|
const pizzaOrder: PizzaVariant = {
|
||||||
@@ -107,9 +106,7 @@ export async function addPizzaOrder(login: string, pizza: Pizza, size: PizzaSize
|
|||||||
size: size.size,
|
size: size.size,
|
||||||
price: size.price,
|
price: size.price,
|
||||||
}
|
}
|
||||||
if (!order.pizzaList) {
|
order.pizzaList ??= [];
|
||||||
order.pizzaList = [];
|
|
||||||
}
|
|
||||||
order.pizzaList.push(pizzaOrder);
|
order.pizzaList.push(pizzaOrder);
|
||||||
order.totalPrice += pizzaOrder.price;
|
order.totalPrice += pizzaOrder.price;
|
||||||
await storage.setData(today, clientData);
|
await storage.setData(today, clientData);
|
||||||
@@ -245,6 +242,12 @@ export async function finishPizzaDelivery(login: string, bankAccount?: string, b
|
|||||||
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);
|
await generateQr(order.customer, bankAccount, bankAccountHolder, order.totalPrice, message);
|
||||||
order.hasQr = true;
|
order.hasQr = true;
|
||||||
|
// Uložíme nevyřízený QR kód pro persistentní zobrazení
|
||||||
|
await addPendingQr(order.customer, {
|
||||||
|
date: today,
|
||||||
|
creator: login,
|
||||||
|
totalPrice: order.totalPrice,
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -312,3 +315,40 @@ export async function updatePizzaFee(login: string, targetLogin: string, text?:
|
|||||||
await storage.setData(today, clientData);
|
await storage.setData(today, clientData);
|
||||||
return clientData;
|
return clientData;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Vrátí klíč pro uložení nevyřízených QR kódů uživatele.
|
||||||
|
*/
|
||||||
|
function getPendingQrKey(login: string): string {
|
||||||
|
return `${PENDING_QR_PREFIX}_${login}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Přidá nevyřízený QR kód pro uživatele.
|
||||||
|
*/
|
||||||
|
async function addPendingQr(login: string, pendingQr: PendingQr): Promise<void> {
|
||||||
|
const key = getPendingQrKey(login);
|
||||||
|
const existing = await storage.getData<PendingQr[]>(key) ?? [];
|
||||||
|
// Nepřidáváme duplicity pro stejný den
|
||||||
|
if (!existing.some(qr => qr.date === pendingQr.date)) {
|
||||||
|
existing.push(pendingQr);
|
||||||
|
await storage.setData(key, existing);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Vrátí nevyřízené QR kódy pro uživatele.
|
||||||
|
*/
|
||||||
|
export async function getPendingQrs(login: string): Promise<PendingQr[]> {
|
||||||
|
return await storage.getData<PendingQr[]>(getPendingQrKey(login)) ?? [];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Označí QR kód pro daný den jako uhrazený (odstraní ho ze seznamu nevyřízených).
|
||||||
|
*/
|
||||||
|
export async function dismissPendingQr(login: string, date: string): Promise<void> {
|
||||||
|
const key = getPendingQrKey(login);
|
||||||
|
const existing = await storage.getData<PendingQr[]>(key) ?? [];
|
||||||
|
const filtered = existing.filter(qr => qr.date !== date);
|
||||||
|
await storage.setData(key, filtered);
|
||||||
|
}
|
||||||
@@ -23,7 +23,7 @@ const SOUP_NAMES = [
|
|||||||
const DAYS_IN_WEEK = ['pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek', 'sobota', 'neděle'];
|
const DAYS_IN_WEEK = ['pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek', 'sobota', 'neděle'];
|
||||||
|
|
||||||
// URL na týdenní menu jednotlivých restaurací
|
// 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 U_MOTLIKU_URL = 'https://www.umotliku.cz/menu';
|
||||||
const TECHTOWER_URL = 'https://www.equifarm.cz/restaurace-techtower';
|
const TECHTOWER_URL = 'https://www.equifarm.cz/restaurace-techtower';
|
||||||
const ZASTAVKAUMICHALA_URL = 'https://www.zastavkaumichala.cz';
|
const ZASTAVKAUMICHALA_URL = 'https://www.zastavkaumichala.cz';
|
||||||
@@ -53,6 +53,28 @@ const sanitizeText = (text: string): string => {
|
|||||||
return text.replace('\t', '').replace(' , ', ', ').trim();
|
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.
|
* Stáhne a vrátí aktuální HTML z dané URL.
|
||||||
*
|
*
|
||||||
@@ -78,83 +100,70 @@ export const getMenuSladovnicka = async (firstDayOfWeek: Date, mock: boolean = f
|
|||||||
const html = await getHtml(SLADOVNICKA_URL);
|
const html = await getHtml(SLADOVNICKA_URL);
|
||||||
const $ = load(html);
|
const $ = load(html);
|
||||||
|
|
||||||
const list = $('ul.tab-links').children();
|
// 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('.daily-menu-content__content').not('.daily-menu-content__content--static');
|
||||||
|
|
||||||
const result: Food[][] = [];
|
const result: Food[][] = [];
|
||||||
|
|
||||||
|
// Inicializujeme všechny pracovní dny (0-4) prázdnými poli
|
||||||
for (let dayIndex = 0; dayIndex < 5; dayIndex++) {
|
for (let dayIndex = 0; dayIndex < 5; dayIndex++) {
|
||||||
const currentDate = new Date(firstDayOfWeek);
|
result[dayIndex] = [];
|
||||||
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;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
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,
|
|
||||||
}];
|
|
||||||
continue;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Dle dohledaného indexu najdeme správný tabpanel
|
// Projdeme pouze dostupné dny
|
||||||
const rows = $('div.tab-content').children();
|
for (const [dayIndex, contentIndex] of Object.entries(availableDays)) {
|
||||||
if (index >= rows.length) {
|
const dayIndexNum = Number.parseInt(dayIndex);
|
||||||
throw Error("V HTML nebyl nalezen řádek menu pro index " + index);
|
const contentIndexNum = contentIndex;
|
||||||
}
|
|
||||||
const tabPanel = $(rows.get(index));
|
|
||||||
|
|
||||||
// Opětovná validace, že daný tabpanel je pro vstupní datum
|
if (contentIndexNum >= menuContentElements.length) {
|
||||||
const headers = tabPanel.find('h2');
|
continue; // Přeskočíme, pokud content element neexistuje
|
||||||
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 contentElement = $(menuContentElements[contentIndexNum]);
|
||||||
const tables = tabPanel.find('table');
|
const itemElement = contentElement.find('.daily-menu-content__item');
|
||||||
if (tables.length !== 2) {
|
const table = itemElement.find('table.daily-menu-content__table tbody');
|
||||||
throw Error("Neočekávaný počet tabulek na řádce nalezeného dne: " + tables.length + ", ale očekávány byly 2");
|
const rows = table.children('tr');
|
||||||
}
|
|
||||||
const currentDayFood: Food[] = [];
|
const currentDayFood: Food[] = [];
|
||||||
// Polévka - div -> table -> tbody -> tr -> 3x td
|
|
||||||
const soupCells = $(tables.get(0)).children().first().children().first().children();
|
// Projdeme všechny řádky - první je polévka, zbytek jsou hlavní jídla
|
||||||
if (soupCells.length !== 3) {
|
rows.each((i, row) => {
|
||||||
throw Error("Neočekávaný počet buněk v tabulce polévky: " + soupCells.length + ", ale očekávány byly 3");
|
const cells = $(row).children('td');
|
||||||
|
if (cells.length !== 3) {
|
||||||
|
return; // Přeskočíme řádky s nesprávnou strukturou
|
||||||
}
|
}
|
||||||
|
|
||||||
|
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
|
||||||
|
if (parsed.cleanName.trim().length > 0) {
|
||||||
currentDayFood.push({
|
currentDayFood.push({
|
||||||
amount: sanitizeText($(soupCells.get(0)).text()),
|
amount,
|
||||||
name: sanitizeText($(soupCells.get(1)).text()),
|
name: parsed.cleanName,
|
||||||
price: sanitizeText($(soupCells.get(2)).text().replace(' ', '\xA0')),
|
price,
|
||||||
isSoup: true,
|
isSoup: i === 0, // První řádek je polévka
|
||||||
|
allergens: parsed.allergens.length > 0 ? parsed.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");
|
|
||||||
}
|
}
|
||||||
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[dayIndex] = currentDayFood;
|
result[dayIndexNum] = currentDayFood;
|
||||||
}
|
}
|
||||||
|
|
||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -176,7 +185,7 @@ export const getMenuUMotliku = async (firstDayOfWeek: Date, mock: boolean = fals
|
|||||||
// Najdeme první tabulku, nad kterou je v H3 datum začínající co nejdřívějším dnem v aktuálním týdnu
|
// 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');
|
const tables = $('table.table.table-hover.Xtable-striped');
|
||||||
let usedTable;
|
let usedTable;
|
||||||
let usedDate = new Date(firstDayOfWeek.getTime());
|
let usedDate = new Date(firstDayOfWeek);
|
||||||
for (let i = 0; i < 4; i++) {
|
for (let i = 0; i < 4; i++) {
|
||||||
const dayOfWeekString = `${usedDate.getDate()}.${usedDate.getMonth() + 1}.`;
|
const dayOfWeekString = `${usedDate.getDate()}.${usedDate.getMonth() + 1}.`;
|
||||||
for (const tableNode of tables) {
|
for (const tableNode of tables) {
|
||||||
@@ -196,7 +205,7 @@ export const getMenuUMotliku = async (firstDayOfWeek: Date, mock: boolean = fals
|
|||||||
|
|
||||||
if (usedTable == null) {
|
if (usedTable == null) {
|
||||||
const firstDayOfWeekString = `${firstDayOfWeek.getDate()}.${firstDayOfWeek.getMonth() + 1}.`;
|
const firstDayOfWeekString = `${firstDayOfWeek.getDate()}.${firstDayOfWeek.getMonth() + 1}.`;
|
||||||
throw Error(`Nepodařilo se najít tabulku pro týden začínající ${firstDayOfWeekString}`);
|
throw new Error(`Nepodařilo se najít tabulku pro týden začínající ${firstDayOfWeekString}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
const body = usedTable.children().first();
|
const body = usedTable.children().first();
|
||||||
@@ -229,11 +238,11 @@ export const getMenuUMotliku = async (firstDayOfWeek: Date, mock: boolean = fals
|
|||||||
} else if (foodType === 'Hlavní jídlo') {
|
} else if (foodType === 'Hlavní jídlo') {
|
||||||
isSoup = false;
|
isSoup = false;
|
||||||
} else {
|
} else {
|
||||||
throw Error("Neočekáváný typ jídla: " + foodType);
|
throw new Error("Neočekáváný typ jídla: " + foodType);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (children.length !== 3) {
|
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 amount = sanitizeText($(children.get(0)).text());
|
||||||
const name = sanitizeText($(children.get(1)).text());
|
const name = sanitizeText($(children.get(1)).text());
|
||||||
@@ -286,12 +295,12 @@ export const getMenuTechTower = async (firstDayOfWeek: Date, mock: boolean = fal
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
if (!font) {
|
if (!font) {
|
||||||
throw Error('Chyba: nenalezen <font> pro obědy v HTML Techtower.');
|
throw new Error('Chyba: nenalezen <font> pro obědy v HTML Techtower.');
|
||||||
}
|
}
|
||||||
|
|
||||||
const result: Food[][] = [];
|
const result: Food[][] = [];
|
||||||
// TODO validovat, že v textu nalezeného <font> je rozsah, do kterého spadá vstupní datum
|
// TODO validovat, že v textu nalezeného <font> je rozsah, do kterého spadá vstupní datum
|
||||||
const siblings = secondTry ? $(font).parent().siblings() : $(font).parent().parent().siblings();
|
const siblings = secondTry ? $(font).parent().parent().parent().siblings('p') : $(font).parent().parent().siblings();
|
||||||
let parsing = false;
|
let parsing = false;
|
||||||
let currentDayIndex = 0;
|
let currentDayIndex = 0;
|
||||||
for (let i = 0; i < siblings.length; i++) {
|
for (let i = 0; i < siblings.length; i++) {
|
||||||
@@ -309,21 +318,30 @@ export const getMenuTechTower = async (firstDayOfWeek: Date, mock: boolean = fal
|
|||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
let price = 'na\xA0váhu';
|
let price = 'na\xA0váhu';
|
||||||
let name = text.replace('•', '');
|
let nameRaw = text.replace('•', '');
|
||||||
if (text.toLowerCase().endsWith('kč')) {
|
if (text.toLowerCase().endsWith('kč')) {
|
||||||
const tmp = text.replace('\xA0', ' ').split(' ');
|
const tmp = text.replace('\xA0', ' ').split(' ');
|
||||||
const split = [tmp.slice(0, -2).join(' ')].concat(tmp.slice(-2));
|
const split = [tmp.slice(0, -2).join(' ')].concat(tmp.slice(-2));
|
||||||
price = `${split.slice(1)[0]}\xA0Kč`
|
price = `${split.slice(1)[0]}\xA0Kč`
|
||||||
name = split[0].replace('•', '');
|
nameRaw = split[0].replace('•', '');
|
||||||
|
} else if (text.toLowerCase().endsWith(',-')) {
|
||||||
|
const tmp = text.replace('\xA0', ' ').split(' ');
|
||||||
|
const split = [tmp.slice(0, -1).join(' ')].concat(tmp.slice(-1));
|
||||||
|
price = `${split.slice(1)[0].replace(',-', '')}\xA0Kč`
|
||||||
|
nameRaw = split[0].replace('•', '');
|
||||||
}
|
}
|
||||||
if (result[currentDayIndex] == null) {
|
if (nameRaw.endsWith('–')|| nameRaw.endsWith('—')) {
|
||||||
result[currentDayIndex] = [];
|
nameRaw = nameRaw.slice(0, -1).trim();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const parsed = parseAllergens(nameRaw);
|
||||||
|
result[currentDayIndex] ??= [];
|
||||||
result[currentDayIndex].push({
|
result[currentDayIndex].push({
|
||||||
amount: '-',
|
amount: '-',
|
||||||
name,
|
name: parsed.cleanName,
|
||||||
price,
|
price,
|
||||||
isSoup: isTextSoupName(name),
|
isSoup: isTextSoupName(parsed.cleanName),
|
||||||
|
allergens: parsed.allergens.length > 0 ? parsed.allergens : undefined,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -342,7 +360,8 @@ export const getMenuZastavkaUmichala = async (firstDayOfWeek: Date, mock: boolea
|
|||||||
return getMenuZastavkaUmichalaMock();
|
return getMenuZastavkaUmichalaMock();
|
||||||
}
|
}
|
||||||
|
|
||||||
const nowDate = new Date().getDate();
|
const today = new Date();
|
||||||
|
today.setHours(0,0,0,0);
|
||||||
const headers = {
|
const headers = {
|
||||||
"Cookie": "_nss=1; PHPSESSID=9e37de17e0326b0942613d6e67a30e69",
|
"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",
|
"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",
|
||||||
@@ -351,8 +370,8 @@ export const getMenuZastavkaUmichala = async (firstDayOfWeek: Date, mock: boolea
|
|||||||
for (let dayIndex = 0; dayIndex < 5; dayIndex++) {
|
for (let dayIndex = 0; dayIndex < 5; dayIndex++) {
|
||||||
const currentDate = new Date(firstDayOfWeek);
|
const currentDate = new Date(firstDayOfWeek);
|
||||||
currentDate.setDate(firstDayOfWeek.getDate() + dayIndex);
|
currentDate.setDate(firstDayOfWeek.getDate() + dayIndex);
|
||||||
|
currentDate.setHours(0,0,0,0);
|
||||||
if (currentDate.getDate() < nowDate || (currentDate.getDate() === nowDate && new Date().getHours() >= 14)) {
|
if (currentDate < today || (currentDate.getTime() === today.getTime() && new Date().getHours() >= 14)) {
|
||||||
result[dayIndex] = [{
|
result[dayIndex] = [{
|
||||||
amount: undefined,
|
amount: undefined,
|
||||||
name: "Pro tento den není uveřejněna nabídka jídel",
|
name: "Pro tento den není uveřejněna nabídka jídel",
|
||||||
@@ -360,8 +379,9 @@ export const getMenuZastavkaUmichala = async (firstDayOfWeek: Date, mock: boolea
|
|||||||
isSoup: false,
|
isSoup: false,
|
||||||
}];
|
}];
|
||||||
} else {
|
} else {
|
||||||
const url = (currentDate.getDate() === nowDate) ?
|
const url = (currentDate.getTime() === today.getTime())
|
||||||
ZASTAVKAUMICHALA_URL : ZASTAVKAUMICHALA_URL + '/?do=dailyMenu-changeDate&dailyMenu-dateString=' + formatDate(currentDate, 'DD.MM.YYYY');
|
? ZASTAVKAUMICHALA_URL
|
||||||
|
: ZASTAVKAUMICHALA_URL + '/?do=dailyMenu-changeDate&dailyMenu-dateString=' + formatDate(currentDate, 'DD.MM.YYYY');
|
||||||
const html = await axios.get(url, {
|
const html = await axios.get(url, {
|
||||||
headers,
|
headers,
|
||||||
}).then(res => res.data).then(content => content);
|
}).then(res => res.data).then(content => content);
|
||||||
@@ -401,11 +421,13 @@ export const getMenuSenkSerikova = async (firstDayOfWeek: Date, mock: boolean =
|
|||||||
}).then(res => decoder.decode(new Uint8Array(res.data))).then(content => content);
|
}).then(res => decoder.decode(new Uint8Array(res.data))).then(content => content);
|
||||||
const $ = load(html);
|
const $ = load(html);
|
||||||
|
|
||||||
const nowDate = new Date().getDate();
|
const today = new Date();
|
||||||
|
today.setHours(0,0,0,0);
|
||||||
const currentDate = new Date(firstDayOfWeek);
|
const currentDate = new Date(firstDayOfWeek);
|
||||||
const result: Food[][] = [];
|
const result: Food[][] = [];
|
||||||
let dayIndex = 0;
|
let dayIndex = 0;
|
||||||
while (currentDate.getDate() < nowDate) {
|
currentDate.setHours(0,0,0,0);
|
||||||
|
while (currentDate < today) {
|
||||||
result[dayIndex] = [{
|
result[dayIndex] = [{
|
||||||
amount: undefined,
|
amount: undefined,
|
||||||
name: "Pro tento den není uveřejněna nabídka jídel",
|
name: "Pro tento den není uveřejněna nabídka jídel",
|
||||||
@@ -419,10 +441,12 @@ export const getMenuSenkSerikova = async (firstDayOfWeek: Date, mock: boolean =
|
|||||||
$('.menicka').each((i, element) => {
|
$('.menicka').each((i, element) => {
|
||||||
const currentDayFood: Food[] = [];
|
const currentDayFood: Food[] = [];
|
||||||
$(element).find('.popup-gallery li').each((j, element) => {
|
$(element).find('.popup-gallery li').each((j, element) => {
|
||||||
|
const rawName = $(element).children('div.polozka').text();
|
||||||
|
const nameWithoutNumber = rawName.replace(/^\d+\.\s*/, '');
|
||||||
currentDayFood.push({
|
currentDayFood.push({
|
||||||
amount: '-',
|
amount: '-',
|
||||||
name: $(element).children('div.polozka').text(),
|
name: nameWithoutNumber,
|
||||||
price: $(element).children('div.cena').text().replace(/ /g, '\xA0'),
|
price: $(element).children('div.cena').text().replaceAll(' ', '\xA0'),
|
||||||
isSoup: $(element).hasClass('polevka'),
|
isSoup: $(element).hasClass('polevka'),
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import path from "path";
|
|||||||
import fs from "fs";
|
import fs from "fs";
|
||||||
import { EasterEgg } from "../../../types/gen/types.gen";
|
import { EasterEgg } from "../../../types/gen/types.gen";
|
||||||
|
|
||||||
const EASTER_EGGS_JSON_PATH = path.join(__dirname, "../../.easter-eggs.json");
|
const EASTER_EGGS_JSON_PATH = path.join(__dirname, "../../resources/.easter-eggs.json");
|
||||||
const IMAGES_PATH = '../../resources/easterEggs';
|
const IMAGES_PATH = '../../resources/easterEggs';
|
||||||
|
|
||||||
type EasterEggsJson = {
|
type EasterEggsJson = {
|
||||||
|
|||||||
@@ -1,13 +1,51 @@
|
|||||||
import express, { Request } from "express";
|
import express, { Request, Response } from "express";
|
||||||
import { getLogin, getTrusted } from "../auth";
|
import { getLogin, getTrusted } from "../auth";
|
||||||
import { addChoice, getDateForWeekIndex, getRestaurantMenu, getToday, removeChoice, removeChoices, updateDepartureTime, updateNote } from "../service";
|
import { addChoice, getDateForWeekIndex, getToday, removeChoice, removeChoices, updateDepartureTime, updateNote, fetchRestaurantWeekMenuData, saveRestaurantWeekMenu, updateBuyer } from "../service";
|
||||||
import { getDayOfWeekIndex, parseToken } from "../utils";
|
import { getDayOfWeekIndex, parseToken, getFirstWorkDayOfWeek } from "../utils";
|
||||||
import { getWebsocket } from "../websocket";
|
import { getWebsocket } from "../websocket";
|
||||||
import { callNotifikace } from "../notifikace";
|
import { callNotifikace } from "../notifikace";
|
||||||
import { AddChoiceData, ChangeDepartureTimeData, RemoveChoiceData, RemoveChoicesData, UdalostEnum, UpdateNoteData } from "../../../types/gen/types.gen";
|
import { AddChoiceData, ChangeDepartureTimeData, RemoveChoiceData, RemoveChoicesData, UdalostEnum, UpdateNoteData } from "../../../types/gen/types.gen";
|
||||||
|
|
||||||
/** Po jak dlouhé době (v minutách) lze provést nové načtení menu. */
|
|
||||||
const MENU_REFRESH_INTERVAL = 15;
|
// 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ň
|
* Ověří a vrátí index dne v týdnu z požadavku, za předpokladu, že byl předán, a je zároveň
|
||||||
@@ -144,25 +182,94 @@ router.post("/jdemeObed", async (req, res, next) => {
|
|||||||
} catch (e: any) { next(e) }
|
} catch (e: any) { next(e) }
|
||||||
});
|
});
|
||||||
|
|
||||||
router.post("/refreshMenu", async (req, res, next) => {
|
router.post("/updateBuyer", async (req, res, next) => {
|
||||||
if (!req.body || !Array.isArray(req.body)) {
|
const login = getLogin(parseToken(req));
|
||||||
return res.status(400).json({ error: "Neplatný požadavek" });
|
|
||||||
}
|
|
||||||
try {
|
try {
|
||||||
const now = new Date();
|
const data = await updateBuyer(login);
|
||||||
for (const restaurant of req.body) {
|
getWebsocket().emit("message", data);
|
||||||
// TODO tohle je technicky špatně, protože pokud aktuálně jídla načtená nejsou, tak je toto volání načte a následně je to načte znovu kvůli force!
|
|
||||||
const menu = await getRestaurantMenu(restaurant);
|
|
||||||
if (menu.lastUpdate != null) {
|
|
||||||
const minutes = (now.getTime() - menu.lastUpdate) / 1000 / 60;
|
|
||||||
if (minutes < MENU_REFRESH_INTERVAL) {
|
|
||||||
throw Error(`Podnik ${restaurant} byl přenačtený před ${Math.round(minutes)} minutami. Nové přenačtení lze provést nejdříve za ${Math.round(MENU_REFRESH_INTERVAL - minutes)} minut.`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
await getRestaurantMenu(restaurant, undefined, true);
|
|
||||||
}
|
|
||||||
res.status(200).json({});
|
res.status(200).json({});
|
||||||
} catch (e: any) { next(e) }
|
} 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;
|
export default router;
|
||||||
32
server/src/routes/notificationRoutes.ts
Normal file
32
server/src/routes/notificationRoutes.ts
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
import express, { Request } from "express";
|
||||||
|
import { getLogin } from "../auth";
|
||||||
|
import { parseToken } from "../utils";
|
||||||
|
import { getNotificationSettings, saveNotificationSettings } from "../notifikace";
|
||||||
|
import { UpdateNotificationSettingsData } from "../../../types";
|
||||||
|
|
||||||
|
const router = express.Router();
|
||||||
|
|
||||||
|
/** Vrátí nastavení notifikací pro přihlášeného uživatele. */
|
||||||
|
router.get("/settings", async (req, res, next) => {
|
||||||
|
const login = getLogin(parseToken(req));
|
||||||
|
try {
|
||||||
|
const settings = await getNotificationSettings(login);
|
||||||
|
res.status(200).json(settings);
|
||||||
|
} catch (e: any) { next(e) }
|
||||||
|
});
|
||||||
|
|
||||||
|
/** Uloží nastavení notifikací pro přihlášeného uživatele. */
|
||||||
|
router.post("/settings", async (req: Request<{}, any, UpdateNotificationSettingsData["body"]>, res, next) => {
|
||||||
|
const login = getLogin(parseToken(req));
|
||||||
|
try {
|
||||||
|
const settings = await saveNotificationSettings(login, {
|
||||||
|
ntfyTopic: req.body.ntfyTopic,
|
||||||
|
discordWebhookUrl: req.body.discordWebhookUrl,
|
||||||
|
teamsWebhookUrl: req.body.teamsWebhookUrl,
|
||||||
|
enabledEvents: req.body.enabledEvents,
|
||||||
|
});
|
||||||
|
res.status(200).json(settings);
|
||||||
|
} catch (e: any) { next(e) }
|
||||||
|
});
|
||||||
|
|
||||||
|
export default router;
|
||||||
@@ -1,9 +1,9 @@
|
|||||||
import express, { Request } from "express";
|
import express, { Request } from "express";
|
||||||
import { getLogin } from "../auth";
|
import { getLogin } from "../auth";
|
||||||
import { createPizzaDay, deletePizzaDay, getPizzaList, addPizzaOrder, removePizzaOrder, lockPizzaDay, unlockPizzaDay, finishPizzaOrder, finishPizzaDelivery, updatePizzaDayNote, updatePizzaFee } from "../pizza";
|
import { createPizzaDay, deletePizzaDay, getPizzaList, addPizzaOrder, removePizzaOrder, lockPizzaDay, unlockPizzaDay, finishPizzaOrder, finishPizzaDelivery, updatePizzaDayNote, updatePizzaFee, dismissPendingQr } from "../pizza";
|
||||||
import { parseToken } from "../utils";
|
import { parseToken } from "../utils";
|
||||||
import { getWebsocket } from "../websocket";
|
import { getWebsocket } from "../websocket";
|
||||||
import { AddPizzaData, FinishDeliveryData, RemovePizzaData, UpdatePizzaDayNoteData, UpdatePizzaFeeData } from "../../../types";
|
import { AddPizzaData, DismissQrData, FinishDeliveryData, RemovePizzaData, UpdatePizzaDayNoteData, UpdatePizzaFeeData } from "../../../types";
|
||||||
|
|
||||||
const router = express.Router();
|
const router = express.Router();
|
||||||
|
|
||||||
@@ -109,4 +109,16 @@ router.post("/updatePizzaFee", async (req: Request<{}, any, UpdatePizzaFeeData["
|
|||||||
} catch (e: any) { next(e) }
|
} catch (e: any) { next(e) }
|
||||||
});
|
});
|
||||||
|
|
||||||
|
/** Označí QR kód jako uhrazený. */
|
||||||
|
router.post("/dismissQr", async (req: Request<{}, any, DismissQrData["body"]>, res, next) => {
|
||||||
|
const login = getLogin(parseToken(req));
|
||||||
|
if (!req.body.date) {
|
||||||
|
return res.status(400).json({ error: "Nebyl předán datum" });
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
await dismissPendingQr(login, req.body.date);
|
||||||
|
res.status(200).json({});
|
||||||
|
} catch (e: any) { next(e) }
|
||||||
|
});
|
||||||
|
|
||||||
export default router;
|
export default router;
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import express, { Request } from "express";
|
import express, { Request } from "express";
|
||||||
import { getLogin } from "../auth";
|
import { getLogin } from "../auth";
|
||||||
import { parseToken } from "../utils";
|
import { parseToken } from "../utils";
|
||||||
import { getUserVotes, updateFeatureVote } from "../voting";
|
import { getUserVotes, updateFeatureVote, getVotingStats } from "../voting";
|
||||||
import { GetVotesData, UpdateVoteData } from "../../../types";
|
import { GetVotesData, UpdateVoteData } from "../../../types";
|
||||||
|
|
||||||
const router = express.Router();
|
const router = express.Router();
|
||||||
@@ -23,4 +23,11 @@ router.post("/updateVote", async (req: Request<{}, any, UpdateVoteData["body"]>,
|
|||||||
} catch (e: any) { next(e) }
|
} catch (e: any) { next(e) }
|
||||||
});
|
});
|
||||||
|
|
||||||
|
router.get("/stats", async (req, res, next) => {
|
||||||
|
try {
|
||||||
|
const data = await getVotingStats();
|
||||||
|
res.status(200).json(data);
|
||||||
|
} catch (e: any) { next(e) }
|
||||||
|
});
|
||||||
|
|
||||||
export default router;
|
export default router;
|
||||||
@@ -76,15 +76,107 @@ async function getMenu(date: Date): Promise<WeekMenu | undefined> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// TODO přesun do restaurants.ts
|
// 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.
|
* Vrátí menu dané restaurace pro předaný den.
|
||||||
* Pokud neexistuje nebo je nastaven příznak force, provede stažení menu pro příslušný týden a uložení do DB.
|
* Pokud neexistuje, provede stažení menu pro příslušný týden a uložení do DB.
|
||||||
*
|
*
|
||||||
* @param restaurant restaurace
|
* @param restaurant restaurace
|
||||||
* @param date datum, ke kterému získat menu
|
* @param date datum, ke kterému získat menu
|
||||||
* @param force Příznak, zda znovu získat aktuální menu i v případě, že je již načteno. Pokud není předán, provede se načtení pouze v případě, že menu aktuálně nemáme. Pokud je true, provede nové načtení. Pokud je false, neprovede se nové načtení ani v případě, že menu aktuálně nemáme.
|
* @param forceRefresh příznak vynuceného obnovení
|
||||||
*/
|
*/
|
||||||
export async function getRestaurantMenu(restaurant: Restaurant, date?: Date, force?: boolean): Promise<RestaurantDayMenu> {
|
export async function getRestaurantMenu(restaurant: Restaurant, date?: Date, forceRefresh = false): Promise<RestaurantDayMenu> {
|
||||||
const usedDate = date ?? getToday();
|
const usedDate = date ?? getToday();
|
||||||
const dayOfWeekIndex = getDayOfWeekIndex(usedDate);
|
const dayOfWeekIndex = getDayOfWeekIndex(usedDate);
|
||||||
const now = new Date().getTime();
|
const now = new Date().getTime();
|
||||||
@@ -97,96 +189,90 @@ export async function getRestaurantMenu(restaurant: Restaurant, date?: Date, for
|
|||||||
}
|
}
|
||||||
|
|
||||||
let weekMenu = await getMenu(usedDate);
|
let weekMenu = await getMenu(usedDate);
|
||||||
if (weekMenu == null) {
|
weekMenu ??= [{}, {}, {}, {}, {}];
|
||||||
weekMenu = [{}, {}, {}, {}, {}];
|
|
||||||
}
|
|
||||||
for (let i = 0; i < 5; i++) {
|
for (let i = 0; i < 5; i++) {
|
||||||
if (weekMenu[i] == null) {
|
weekMenu[i] ??= {};
|
||||||
weekMenu[i] = {};
|
weekMenu[i][restaurant] ??= {
|
||||||
}
|
|
||||||
if (weekMenu[i][restaurant] == null) {
|
|
||||||
weekMenu[i][restaurant] = {
|
|
||||||
lastUpdate: now,
|
lastUpdate: now,
|
||||||
closed: false,
|
closed: false,
|
||||||
food: [],
|
food: [],
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
const MENU_REFETCH_TTL_MS = 60 * 60 * 1000; // 1 hour
|
||||||
|
const existingMenu = weekMenu[dayOfWeekIndex][restaurant];
|
||||||
if ((!weekMenu[dayOfWeekIndex][restaurant]?.food?.length && force === undefined) || force) {
|
const lastFetchExpired = !existingMenu?.lastUpdate ||
|
||||||
|
existingMenu.lastUpdate === now || // freshly initialized, never fetched
|
||||||
|
(now - existingMenu.lastUpdate) > MENU_REFETCH_TTL_MS;
|
||||||
|
const shouldFetch = forceRefresh ||
|
||||||
|
(!existingMenu?.food?.length && !existingMenu?.closed && lastFetchExpired);
|
||||||
|
if (shouldFetch) {
|
||||||
const firstDay = getFirstWorkDayOfWeek(usedDate);
|
const firstDay = getFirstWorkDayOfWeek(usedDate);
|
||||||
const mock = process.env.MOCK_DATA === '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) {
|
switch (restaurant) {
|
||||||
case 'SLADOVNICKA':
|
case 'SLADOVNICKA':
|
||||||
try {
|
if (restaurantWeekFood[i].length === 1 && restaurantWeekFood[i][0].name.toLowerCase() === 'pro daný den nebyla nalezena denní nabídka') {
|
||||||
const sladovnickaFood = await getMenuSladovnicka(firstDay, mock);
|
|
||||||
for (let i = 0; i < sladovnickaFood.length; i++) {
|
|
||||||
weekMenu[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') {
|
|
||||||
weekMenu[i][restaurant]!.closed = true;
|
weekMenu[i][restaurant]!.closed = true;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
} catch (e: any) {
|
|
||||||
console.error("Selhalo načtení jídel pro podnik Sladovnická", e);
|
|
||||||
}
|
|
||||||
break;
|
break;
|
||||||
// case '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;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// } catch (e: any) {
|
|
||||||
// console.error("Selhalo načtení jídel pro podnik U Motlíků", e);
|
|
||||||
// }
|
|
||||||
// break;
|
|
||||||
case 'TECHTOWER':
|
case 'TECHTOWER':
|
||||||
try {
|
if (restaurantWeekFood[i]?.length === 1 && restaurantWeekFood[i][0].name.toLowerCase() === 'svátek') {
|
||||||
const techTowerFood = await getMenuTechTower(firstDay, mock);
|
|
||||||
for (let i = 0; i < techTowerFood.length; i++) {
|
|
||||||
weekMenu[i][restaurant]!.food = techTowerFood[i];
|
|
||||||
if (techTowerFood[i]?.length === 1 && techTowerFood[i][0].name.toLowerCase() === 'svátek') {
|
|
||||||
weekMenu[i][restaurant]!.closed = true;
|
weekMenu[i][restaurant]!.closed = true;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
} catch (e: any) {
|
|
||||||
console.error("Selhalo načtení jídel pro podnik TechTower", e);
|
|
||||||
}
|
|
||||||
break;
|
break;
|
||||||
case 'ZASTAVKAUMICHALA':
|
case 'ZASTAVKAUMICHALA':
|
||||||
try {
|
if (restaurantWeekFood[i]?.length === 1 && restaurantWeekFood[i][0].name === 'Pro tento den není uveřejněna nabídka jídel.') {
|
||||||
const zastavkaUmichalaFood = await getMenuZastavkaUmichala(firstDay, mock);
|
|
||||||
for (let i = 0; i < zastavkaUmichalaFood.length; i++) {
|
|
||||||
weekMenu[i][restaurant]!.food = zastavkaUmichalaFood[i];
|
|
||||||
if (zastavkaUmichalaFood[i]?.length === 1 && zastavkaUmichalaFood[i][0].name === 'Pro tento den není uveřejněna nabídka jídel.') {
|
|
||||||
weekMenu[i][restaurant]!.closed = true;
|
weekMenu[i][restaurant]!.closed = true;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
} catch (e: any) {
|
|
||||||
console.error("Selhalo načtení jídel pro podnik Zastávka u Michala", e);
|
|
||||||
}
|
|
||||||
break;
|
break;
|
||||||
case 'SENKSERIKOVA':
|
case 'SENKSERIKOVA':
|
||||||
try {
|
if (restaurantWeekFood[i]?.length === 1 && restaurantWeekFood[i][0].name === 'Pro tento den nebylo zadáno menu.') {
|
||||||
const senkSerikovaFood = await getMenuSenkSerikova(firstDay, mock);
|
|
||||||
for (let i = 0; i < senkSerikovaFood.length; i++) {
|
|
||||||
weekMenu[i][restaurant]!.food = senkSerikovaFood[i];
|
|
||||||
if (senkSerikovaFood[i]?.length === 1 && senkSerikovaFood[i][0].name === 'Pro tento den nebylo zadáno menu.') {
|
|
||||||
weekMenu[i][restaurant]!.closed = true;
|
weekMenu[i][restaurant]!.closed = true;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
} catch (e: any) {
|
|
||||||
console.error("Selhalo načtení jídel pro podnik Pivovarský šenk Šeříková", e);
|
|
||||||
}
|
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
await storage.setData(getMenuKey(usedDate), weekMenu);
|
|
||||||
}
|
}
|
||||||
return weekMenu[dayOfWeekIndex][restaurant]!;
|
|
||||||
|
// Uložení do storage
|
||||||
|
await storage.setData(getMenuKey(usedDate), weekMenu);
|
||||||
|
} catch (e: any) {
|
||||||
|
console.error(`Selhalo načtení jídel pro podnik ${restaurant}`, e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const result = weekMenu[dayOfWeekIndex][restaurant]!;
|
||||||
|
result.warnings = generateMenuWarnings(result, now);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generuje varování o kvalitě/úplnosti dat menu restaurace.
|
||||||
|
*/
|
||||||
|
function generateMenuWarnings(menu: RestaurantDayMenu, now: number): string[] {
|
||||||
|
const warnings: string[] = [];
|
||||||
|
if (!menu.food?.length || menu.closed) {
|
||||||
|
return warnings;
|
||||||
|
}
|
||||||
|
const hasSoup = menu.food.some(f => f.isSoup);
|
||||||
|
if (!hasSoup) {
|
||||||
|
warnings.push('Chybí polévka');
|
||||||
|
}
|
||||||
|
const missingPrice = menu.food.some(f => !f.isSoup && (!f.price || f.price.trim() === ''));
|
||||||
|
if (missingPrice) {
|
||||||
|
warnings.push('U některých jídel chybí cena');
|
||||||
|
}
|
||||||
|
const STALE_THRESHOLD_MS = 24 * 60 * 60 * 1000;
|
||||||
|
if (menu.lastUpdate && (now - menu.lastUpdate) > STALE_THRESHOLD_MS) {
|
||||||
|
warnings.push('Data jsou starší než 24 hodin');
|
||||||
|
}
|
||||||
|
return warnings;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -324,12 +410,10 @@ export async function addChoice(login: string, trusted: boolean, locationKey: Lu
|
|||||||
data = await removeChoiceIfPresent(login, usedDate);
|
data = await removeChoiceIfPresent(login, usedDate);
|
||||||
} else {
|
} else {
|
||||||
// Mažeme případné ostatní volby (měla by být maximálně jedna)
|
// Mažeme případné ostatní volby (měla by být maximálně jedna)
|
||||||
removeChoiceIfPresent(login, usedDate, locationKey);
|
data = await removeChoiceIfPresent(login, usedDate, locationKey);
|
||||||
}
|
}
|
||||||
// TODO vytáhnout inicializaci "prázdné struktury" do vlastní funkce
|
// TODO vytáhnout inicializaci "prázdné struktury" do vlastní funkce
|
||||||
if (!(data.choices[locationKey])) {
|
data.choices[locationKey] ??= {};
|
||||||
data.choices[locationKey] = {}
|
|
||||||
}
|
|
||||||
if (!(login in data.choices[locationKey])) {
|
if (!(login in data.choices[locationKey])) {
|
||||||
if (!data.choices[locationKey]) {
|
if (!data.choices[locationKey]) {
|
||||||
data.choices[locationKey] = {}
|
data.choices[locationKey] = {}
|
||||||
@@ -425,6 +509,24 @@ export async function updateDepartureTime(login: string, time?: string, date?: D
|
|||||||
return clientData;
|
return clientData;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Nastaví/odnastaví uživatele jako objednatele pro dnešní den.
|
||||||
|
* Objednatelů může být více.
|
||||||
|
*
|
||||||
|
* @param login přihlašovací jméno uživatele
|
||||||
|
*/
|
||||||
|
export async function updateBuyer(login: string) {
|
||||||
|
const usedDate = getToday();
|
||||||
|
let clientData = await getClientData(usedDate);
|
||||||
|
const userEntry = clientData.choices?.['OBJEDNAVAM']?.[login];
|
||||||
|
if (!userEntry) {
|
||||||
|
throw new Error("Nelze nastavit objednatele pro uživatele s jinou volbou než \"Budu objednávat\"");
|
||||||
|
}
|
||||||
|
userEntry.isBuyer = !(userEntry.isBuyer || false);
|
||||||
|
await storage.setData(formatDate(usedDate), clientData);
|
||||||
|
return clientData;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Vrátí data pro klienta pro předaný nebo aktuální den.
|
* Vrátí data pro klienta pro předaný nebo aktuální den.
|
||||||
*
|
*
|
||||||
|
|||||||
@@ -25,6 +25,12 @@ export async function getStats(startDate: string, endDate: string): Promise<Week
|
|||||||
throw Error('Neplatný rozsah');
|
throw Error('Neplatný rozsah');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const today = new Date();
|
||||||
|
today.setHours(23, 59, 59, 999);
|
||||||
|
if (end > today) {
|
||||||
|
throw Error('Nelze načíst statistiky pro budoucí datum');
|
||||||
|
}
|
||||||
|
|
||||||
const result = [];
|
const result = [];
|
||||||
for (const date = start; date <= end; date.setDate(date.getDate() + 1)) {
|
for (const date = start; date <= end; date.setDate(date.getDate() + 1)) {
|
||||||
const locationsStats: DailyStats = {
|
const locationsStats: DailyStats = {
|
||||||
|
|||||||
@@ -5,6 +5,12 @@
|
|||||||
* Postupem času lze předělat pro efektivnější využití Redis.
|
* Postupem času lze předělat pro efektivnější využití Redis.
|
||||||
*/
|
*/
|
||||||
export interface StorageInterface {
|
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íč.
|
* Vrátí příznak, zda existují data pro předaný klíč.
|
||||||
* @param key klíč, pro který zjišťujeme data (typicky datum)
|
* @param key klíč, pro který zjišťujeme data (typicky datum)
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import JsonStorage from "./json";
|
|||||||
import RedisStorage from "./redis";
|
import RedisStorage from "./redis";
|
||||||
|
|
||||||
const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
|
const ENVIRONMENT = process.env.NODE_ENV ?? 'production';
|
||||||
dotenv.config({ path: path.resolve(__dirname, `../.env.${ENVIRONMENT}`) });
|
dotenv.config({ path: path.resolve(__dirname, `../../.env.${ENVIRONMENT}`) });
|
||||||
|
|
||||||
const JSON_KEY = 'json';
|
const JSON_KEY = 'json';
|
||||||
const REDIS_KEY = 'redis';
|
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'");
|
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 {
|
export default function getStorage(): StorageInterface {
|
||||||
return storage;
|
return storage;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,6 +11,9 @@ export default class RedisStorage implements StorageInterface {
|
|||||||
const HOST = process.env.REDIS_HOST ?? 'localhost';
|
const HOST = process.env.REDIS_HOST ?? 'localhost';
|
||||||
const PORT = process.env.REDIS_PORT ?? 6379;
|
const PORT = process.env.REDIS_PORT ?? 6379;
|
||||||
client = createClient({ url: `redis://${HOST}:${PORT}` });
|
client = createClient({ url: `redis://${HOST}:${PORT}` });
|
||||||
|
}
|
||||||
|
|
||||||
|
async initialize() {
|
||||||
client.connect();
|
client.connect();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,10 +1,14 @@
|
|||||||
import { FeatureRequest } from "../../types/gen/types.gen";
|
import { FeatureRequest, VotingStats } from "../../types/gen/types.gen";
|
||||||
import getStorage from "./storage";
|
import getStorage from "./storage";
|
||||||
|
|
||||||
interface VotingData {
|
interface VotingData {
|
||||||
[login: string]: FeatureRequest[],
|
[login: string]: FeatureRequest[],
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface VotingStatsResult {
|
||||||
|
[feature: string]: number;
|
||||||
|
}
|
||||||
|
|
||||||
const storage = getStorage();
|
const storage = getStorage();
|
||||||
const STORAGE_KEY = 'voting';
|
const STORAGE_KEY = 'voting';
|
||||||
|
|
||||||
@@ -29,9 +33,7 @@ export async function getUserVotes(login: string) {
|
|||||||
*/
|
*/
|
||||||
export async function updateFeatureVote(login: string, option: FeatureRequest, active: boolean): Promise<VotingData> {
|
export async function updateFeatureVote(login: string, option: FeatureRequest, active: boolean): Promise<VotingData> {
|
||||||
let data = await storage.getData<VotingData>(STORAGE_KEY);
|
let data = await storage.getData<VotingData>(STORAGE_KEY);
|
||||||
if (data == null) {
|
data ??= {};
|
||||||
data = {};
|
|
||||||
}
|
|
||||||
if (!(login in data)) {
|
if (!(login in data)) {
|
||||||
data[login] = [];
|
data[login] = [];
|
||||||
}
|
}
|
||||||
@@ -54,3 +56,21 @@ export async function updateFeatureVote(login: string, option: FeatureRequest, a
|
|||||||
await storage.setData(STORAGE_KEY, data);
|
await storage.setData(STORAGE_KEY, data);
|
||||||
return data;
|
return data;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Vrátí agregované statistiky hlasování - počet hlasů pro každou funkci.
|
||||||
|
*
|
||||||
|
* @returns objekt, kde klíčem je název funkce a hodnotou počet hlasů
|
||||||
|
*/
|
||||||
|
export async function getVotingStats(): Promise<VotingStatsResult> {
|
||||||
|
const data = await storage.getData<VotingData>(STORAGE_KEY);
|
||||||
|
const stats: VotingStatsResult = {};
|
||||||
|
if (data) {
|
||||||
|
for (const votes of Object.values(data)) {
|
||||||
|
for (const feature of votes) {
|
||||||
|
stats[feature] = (stats[feature] || 0) + 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return stats;
|
||||||
|
}
|
||||||
@@ -1,5 +1,4 @@
|
|||||||
import { Server } from "socket.io";
|
import { DefaultEventsMap, Server } from "socket.io";
|
||||||
import { DefaultEventsMap } from "socket.io/dist/typed-events";
|
|
||||||
|
|
||||||
let io: Server<DefaultEventsMap, DefaultEventsMap, DefaultEventsMap, any>;
|
let io: Server<DefaultEventsMap, DefaultEventsMap, DefaultEventsMap, any>;
|
||||||
|
|
||||||
|
|||||||
@@ -4,10 +4,11 @@
|
|||||||
"../types/**/*"
|
"../types/**/*"
|
||||||
],
|
],
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"target": "ES2016",
|
"target": "ES2022",
|
||||||
"module": "CommonJS",
|
"module": "Node16",
|
||||||
"jsx": "react",
|
"moduleResolution": "node16",
|
||||||
"esModuleInterop": true,
|
"esModuleInterop": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
"forceConsistentCasingInFileNames": true,
|
"forceConsistentCasingInFileNames": true,
|
||||||
"outDir": "./dist",
|
"outDir": "./dist",
|
||||||
"rootDir": "../",
|
"rootDir": "../",
|
||||||
|
|||||||
3953
server/yarn.lock
3953
server/yarn.lock
File diff suppressed because it is too large
Load Diff
@@ -26,8 +26,8 @@ paths:
|
|||||||
$ref: "./paths/food/changeDepartureTime.yml"
|
$ref: "./paths/food/changeDepartureTime.yml"
|
||||||
/food/jdemeObed:
|
/food/jdemeObed:
|
||||||
$ref: "./paths/food/jdemeObed.yml"
|
$ref: "./paths/food/jdemeObed.yml"
|
||||||
/food/refreshMenu:
|
/food/updateBuyer:
|
||||||
$ref: "./paths/food/refreshMenu.yml"
|
$ref: "./paths/food/updateBuyer.yml"
|
||||||
|
|
||||||
# Pizza day (/api/pizzaDay)
|
# Pizza day (/api/pizzaDay)
|
||||||
/pizzaDay/create:
|
/pizzaDay/create:
|
||||||
@@ -50,6 +50,12 @@ paths:
|
|||||||
$ref: "./paths/pizzaDay/updatePizzaDayNote.yml"
|
$ref: "./paths/pizzaDay/updatePizzaDayNote.yml"
|
||||||
/pizzaDay/updatePizzaFee:
|
/pizzaDay/updatePizzaFee:
|
||||||
$ref: "./paths/pizzaDay/updatePizzaFee.yml"
|
$ref: "./paths/pizzaDay/updatePizzaFee.yml"
|
||||||
|
/pizzaDay/dismissQr:
|
||||||
|
$ref: "./paths/pizzaDay/dismissQr.yml"
|
||||||
|
|
||||||
|
# Notifikace (/api/notifications)
|
||||||
|
/notifications/settings:
|
||||||
|
$ref: "./paths/notifications/settings.yml"
|
||||||
|
|
||||||
# Easter eggy (/api/easterEggs)
|
# Easter eggy (/api/easterEggs)
|
||||||
/easterEggs:
|
/easterEggs:
|
||||||
@@ -66,6 +72,8 @@ paths:
|
|||||||
$ref: "./paths/voting/getVotes.yml"
|
$ref: "./paths/voting/getVotes.yml"
|
||||||
/voting/updateVote:
|
/voting/updateVote:
|
||||||
$ref: "./paths/voting/updateVote.yml"
|
$ref: "./paths/voting/updateVote.yml"
|
||||||
|
/voting/stats:
|
||||||
|
$ref: "./paths/voting/getVotingStats.yml"
|
||||||
|
|
||||||
components:
|
components:
|
||||||
schemas:
|
schemas:
|
||||||
|
|||||||
@@ -6,6 +6,6 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@hey-api/client-fetch": "^0.8.2",
|
"@hey-api/client-fetch": "^0.8.2",
|
||||||
"@hey-api/openapi-ts": "^0.64.7",
|
"@hey-api/openapi-ts": "^0.64.7",
|
||||||
"typescript": "^5.0.2"
|
"typescript": "^5.9.3"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,15 +0,0 @@
|
|||||||
post:
|
|
||||||
operationId: refreshMenu
|
|
||||||
summary: Přenačtení menu vybraných podniků
|
|
||||||
requestBody:
|
|
||||||
required: true
|
|
||||||
content:
|
|
||||||
application/json:
|
|
||||||
schema:
|
|
||||||
type: array
|
|
||||||
items:
|
|
||||||
$ref: "../../schemas/_index.yml#/Restaurant"
|
|
||||||
|
|
||||||
responses:
|
|
||||||
"200":
|
|
||||||
description: Menu bylo přenačteno
|
|
||||||
6
types/paths/food/updateBuyer.yml
Normal file
6
types/paths/food/updateBuyer.yml
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
post:
|
||||||
|
operationId: setBuyer
|
||||||
|
summary: Nastavení/odnastavení aktuálně přihlášeného uživatele jako objednatele pro stav "Budu objednávat" pro aktuální den.
|
||||||
|
responses:
|
||||||
|
"200":
|
||||||
|
description: Stav byl úspěšně změněn.
|
||||||
26
types/paths/notifications/settings.yml
Normal file
26
types/paths/notifications/settings.yml
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
get:
|
||||||
|
operationId: getNotificationSettings
|
||||||
|
summary: Vrátí nastavení notifikací pro přihlášeného uživatele.
|
||||||
|
responses:
|
||||||
|
"200":
|
||||||
|
description: Nastavení notifikací
|
||||||
|
content:
|
||||||
|
application/json:
|
||||||
|
schema:
|
||||||
|
$ref: "../../schemas/_index.yml#/NotificationSettings"
|
||||||
|
post:
|
||||||
|
operationId: updateNotificationSettings
|
||||||
|
summary: Uloží nastavení notifikací pro přihlášeného uživatele.
|
||||||
|
requestBody:
|
||||||
|
required: true
|
||||||
|
content:
|
||||||
|
application/json:
|
||||||
|
schema:
|
||||||
|
$ref: "../../schemas/_index.yml#/NotificationSettings"
|
||||||
|
responses:
|
||||||
|
"200":
|
||||||
|
description: Nastavení notifikací bylo uloženo.
|
||||||
|
content:
|
||||||
|
application/json:
|
||||||
|
schema:
|
||||||
|
$ref: "../../schemas/_index.yml#/NotificationSettings"
|
||||||
17
types/paths/pizzaDay/dismissQr.yml
Normal file
17
types/paths/pizzaDay/dismissQr.yml
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
post:
|
||||||
|
operationId: dismissQr
|
||||||
|
summary: Označí QR kód pro daný den jako uhrazený (odstraní ho ze seznamu nevyřízených).
|
||||||
|
requestBody:
|
||||||
|
required: true
|
||||||
|
content:
|
||||||
|
application/json:
|
||||||
|
schema:
|
||||||
|
properties:
|
||||||
|
date:
|
||||||
|
description: Datum Pizza day, ke kterému se QR kód vztahuje
|
||||||
|
type: string
|
||||||
|
required:
|
||||||
|
- date
|
||||||
|
responses:
|
||||||
|
"200":
|
||||||
|
description: QR kód byl označen jako uhrazený.
|
||||||
9
types/paths/voting/getVotingStats.yml
Normal file
9
types/paths/voting/getVotingStats.yml
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
get:
|
||||||
|
operationId: getVotingStats
|
||||||
|
summary: Vrátí agregované statistiky hlasování o nových funkcích.
|
||||||
|
responses:
|
||||||
|
"200":
|
||||||
|
content:
|
||||||
|
application/json:
|
||||||
|
schema:
|
||||||
|
$ref: "../../schemas/_index.yml#/VotingStats"
|
||||||
@@ -53,6 +53,11 @@ ClientData:
|
|||||||
description: Datum a čas poslední aktualizace pizz
|
description: Datum a čas poslední aktualizace pizz
|
||||||
type: string
|
type: string
|
||||||
format: date-time
|
format: date-time
|
||||||
|
pendingQrs:
|
||||||
|
description: Nevyřízené QR kódy pro platbu z předchozích pizza day
|
||||||
|
type: array
|
||||||
|
items:
|
||||||
|
$ref: "#/PendingQr"
|
||||||
|
|
||||||
# --- OBĚDY ---
|
# --- OBĚDY ---
|
||||||
UserLunchChoice:
|
UserLunchChoice:
|
||||||
@@ -74,6 +79,9 @@ UserLunchChoice:
|
|||||||
note:
|
note:
|
||||||
description: Volitelná, veřejně viditelná uživatelská poznámka k vybrané volbě
|
description: Volitelná, veřejně viditelná uživatelská poznámka k vybrané volbě
|
||||||
type: string
|
type: string
|
||||||
|
isBuyer:
|
||||||
|
description: Příznak, zda je tento uživatel objednatelem pro stav "Budu objednávat"
|
||||||
|
type: boolean
|
||||||
LocationLunchChoicesMap:
|
LocationLunchChoicesMap:
|
||||||
description: Objekt, kde klíčem je možnost stravování ((#LunchChoice)) a hodnotou množina uživatelů s touto volbou ((#LunchChoices)).
|
description: Objekt, kde klíčem je možnost stravování ((#LunchChoice)) a hodnotou množina uživatelů s touto volbou ((#LunchChoices)).
|
||||||
type: object
|
type: object
|
||||||
@@ -151,6 +159,12 @@ Food:
|
|||||||
isSoup:
|
isSoup:
|
||||||
description: Příznak, zda se jedná o polévku
|
description: Příznak, zda se jedná o polévku
|
||||||
type: boolean
|
type: boolean
|
||||||
|
allergens:
|
||||||
|
description: Seznam čísel alergenů obsažených v jídle
|
||||||
|
type: array
|
||||||
|
items:
|
||||||
|
type: integer
|
||||||
|
example: [1, 3, 7]
|
||||||
RestaurantDayMenu:
|
RestaurantDayMenu:
|
||||||
description: Menu restaurace na konkrétní den
|
description: Menu restaurace na konkrétní den
|
||||||
type: object
|
type: object
|
||||||
@@ -167,6 +181,11 @@ RestaurantDayMenu:
|
|||||||
type: array
|
type: array
|
||||||
items:
|
items:
|
||||||
$ref: "#/Food"
|
$ref: "#/Food"
|
||||||
|
warnings:
|
||||||
|
description: Seznam varování o kvalitě/úplnosti dat menu
|
||||||
|
type: array
|
||||||
|
items:
|
||||||
|
type: string
|
||||||
RestaurantDayMenuMap:
|
RestaurantDayMenuMap:
|
||||||
description: Objekt, kde klíčem je podnik ((#Restaurant)) a hodnotou denní menu daného podniku ((#RestaurantDayMenu))
|
description: Objekt, kde klíčem je podnik ((#Restaurant)) a hodnotou denní menu daného podniku ((#RestaurantDayMenu))
|
||||||
type: object
|
type: object
|
||||||
@@ -249,6 +268,12 @@ FeatureRequest:
|
|||||||
- UI
|
- UI
|
||||||
- DEVELOPMENT
|
- DEVELOPMENT
|
||||||
|
|
||||||
|
VotingStats:
|
||||||
|
description: Statistiky hlasování - klíčem je název funkce, hodnotou počet hlasů
|
||||||
|
type: object
|
||||||
|
additionalProperties:
|
||||||
|
type: integer
|
||||||
|
|
||||||
# --- EASTER EGGS ---
|
# --- EASTER EGGS ---
|
||||||
EasterEgg:
|
EasterEgg:
|
||||||
description: Data pro zobrazení easter eggů ssss
|
description: Data pro zobrazení easter eggů ssss
|
||||||
@@ -507,6 +532,24 @@ NotifikaceData:
|
|||||||
type: boolean
|
type: boolean
|
||||||
ntfy:
|
ntfy:
|
||||||
type: boolean
|
type: boolean
|
||||||
|
NotificationSettings:
|
||||||
|
description: Nastavení notifikací pro konkrétního uživatele
|
||||||
|
type: object
|
||||||
|
properties:
|
||||||
|
ntfyTopic:
|
||||||
|
description: Téma pro ntfy push notifikace
|
||||||
|
type: string
|
||||||
|
discordWebhookUrl:
|
||||||
|
description: URL webhooku Discord kanálu
|
||||||
|
type: string
|
||||||
|
teamsWebhookUrl:
|
||||||
|
description: URL webhooku MS Teams kanálu
|
||||||
|
type: string
|
||||||
|
enabledEvents:
|
||||||
|
description: Seznam událostí, o kterých chce být uživatel notifikován
|
||||||
|
type: array
|
||||||
|
items:
|
||||||
|
$ref: "#/UdalostEnum"
|
||||||
GotifyServer:
|
GotifyServer:
|
||||||
type: object
|
type: object
|
||||||
required:
|
required:
|
||||||
@@ -519,3 +562,23 @@ GotifyServer:
|
|||||||
type: array
|
type: array
|
||||||
items:
|
items:
|
||||||
type: string
|
type: string
|
||||||
|
|
||||||
|
# --- NEVYŘÍZENÉ QR KÓDY ---
|
||||||
|
PendingQr:
|
||||||
|
description: Nevyřízený QR kód pro platbu z předchozího Pizza day
|
||||||
|
type: object
|
||||||
|
additionalProperties: false
|
||||||
|
required:
|
||||||
|
- date
|
||||||
|
- creator
|
||||||
|
- totalPrice
|
||||||
|
properties:
|
||||||
|
date:
|
||||||
|
description: Datum Pizza day, ke kterému se QR kód vztahuje
|
||||||
|
type: string
|
||||||
|
creator:
|
||||||
|
description: Jméno zakladatele Pizza day (objednávajícího)
|
||||||
|
type: string
|
||||||
|
totalPrice:
|
||||||
|
description: Celková cena objednávky v Kč
|
||||||
|
type: number
|
||||||
|
|||||||
@@ -283,10 +283,10 @@ tinyexec@^0.3.2:
|
|||||||
resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-0.3.2.tgz#941794e657a85e496577995c6eef66f53f42b3d2"
|
resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-0.3.2.tgz#941794e657a85e496577995c6eef66f53f42b3d2"
|
||||||
integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
|
integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
|
||||||
|
|
||||||
typescript@^5.0.2:
|
typescript@^5.9.3:
|
||||||
version "5.8.2"
|
version "5.9.3"
|
||||||
resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.8.2.tgz#8170b3702f74b79db2e5a96207c15e65807999e4"
|
resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
|
||||||
integrity sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==
|
integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
|
||||||
|
|
||||||
ufo@^1.5.4:
|
ufo@^1.5.4:
|
||||||
version "1.5.4"
|
version "1.5.4"
|
||||||
|
|||||||
Reference in New Issue
Block a user