Zobrazování data u poslední aktualizace menu

client/src/App.tsx

@@ -20,6 +20,7 @@ import { faChainBroken, faChevronLeft, faChevronRight, faGear, faSatelliteDish,
 import Loader from './components/Loader';
 import { getData, errorHandler, getQrUrl } from './api/Api';
 import { addChoice, removeChoices, removeChoice, changeDepartureTime, jdemeObed } from './api/FoodApi';
+import { getHumanDateTime } from './Utils';
 
 const EVENT_CONNECT = "connect"
 
@@ -315,7 +316,7 @@ function App() {
     }
     return <Col md={12} lg={4}>
       <h3>{name}</h3>
-      {menu?.lastUpdate && <small>Poslední aktualizace: {menu.lastUpdate}</small>}
+      {menu?.lastUpdate && <small>Poslední aktualizace: {getHumanDateTime(new Date(menu.lastUpdate))}</small>}
       {content}
     </Col>
   }

client/src/Utils.tsx

@@ -36,3 +36,15 @@ export const getToken = (): string | null => {
 export const deleteToken = () => {
     localStorage.removeItem(TOKEN_KEY);
 }
+
+/**
+ * Vrátí human-readable reprezentaci předaného data a času pro zobrazení.
+ */
+export function getHumanDateTime(datetime: Date) {
+    let currentDay = String(datetime.getDate()).padStart(2, '0');
+    let currentMonth = String(datetime.getMonth() + 1).padStart(2, "0");
+    let currentYear = datetime.getFullYear();
+    let currentHours = String(datetime.getHours()).padStart(2, '0');
+    let currentMinutes = String(datetime.getMinutes()).padStart(2, "0");
+    return `${currentDay}.${currentMonth}.${currentYear} ${currentHours}:${currentMinutes}`;
+}

server/src/service.ts

@@ -99,9 +99,10 @@ async function getMenu(date: Date): Promise<WeekMenu | undefined> {
 export async function getRestaurantMenu(restaurant: Restaurants, date?: Date): Promise<DayMenu> {
     const usedDate = date ?? getToday();
     const dayOfWeekIndex = getDayOfWeekIndex(usedDate);
+    const now = new Date().getTime();
     if (getIsWeekend(usedDate)) {
         return {
-            lastUpdate: getHumanTime(new Date()),
+            lastUpdate: now,
             closed: true,
             food: [],
         };
@@ -117,7 +118,7 @@ export async function getRestaurantMenu(restaurant: Restaurants, date?: Date): P
         }
         if (menus[i][restaurant] == null) {
             menus[i][restaurant] = {
-                lastUpdate: getHumanTime(new Date()),
+                lastUpdate: now,
                 closed: false,
                 food: [],
             };

types/Types.ts

@@ -93,7 +93,7 @@ export interface ClientData extends DayData {
 
 /** Nabídka jídel jednoho podniku pro jeden konkrétní den. */
 export interface DayMenu {
-    lastUpdate: string, // human-readable čas poslední aktualizace menu
+    lastUpdate: number, // UNIX timestamp poslední aktualizace menu
     closed: boolean, // příznak, zda je daný podnik v tento den zavřený
     food: Food[], // seznam jídel v menu
 }