Oprava zvýraznění aktuálního dne
This commit is contained in:
parent
8d80678a9a
commit
87beb5b66e
@ -357,12 +357,13 @@ function App() {
|
|||||||
<li>Loader při zakládání Pizza day</li>
|
<li>Loader při zakládání Pizza day</li>
|
||||||
<li>Možnost ručního zadání příplatku k Pizza day objednávkám</li>
|
<li>Možnost ručního zadání příplatku k Pizza day objednávkám</li>
|
||||||
<li>Vylepšená detekce uzavření pro podniky Sladovnická a TechTower</li>
|
<li>Vylepšená detekce uzavření pro podniky Sladovnická a TechTower</li>
|
||||||
|
<li>Úprava zvýraznění aktuálního dne</li>
|
||||||
</ul>
|
</ul>
|
||||||
</Alert>
|
</Alert>
|
||||||
{dayIndex != null &&
|
{dayIndex != null &&
|
||||||
<div className='day-navigator'>
|
<div className='day-navigator'>
|
||||||
{dayIndex > 0 && <FontAwesomeIcon title="Předchozí den" icon={faChevronLeft} style={{ cursor: "pointer" }} onClick={() => handleDayChange(dayIndex - 1)} />}
|
{dayIndex > 0 && <FontAwesomeIcon title="Předchozí den" icon={faChevronLeft} style={{ cursor: "pointer" }} onClick={() => handleDayChange(dayIndex - 1)} />}
|
||||||
<h1 className='title'>{`${dayIndex === data.todayWeekIndex ? "(Dnes) " : ""}${data.date}`}</h1>
|
<h1 className='title' style={{ color: dayIndex === data.todayWeekIndex ? 'black' : 'gray' }}>{data.date}</h1>
|
||||||
{dayIndex < 4 && <FontAwesomeIcon title="Následující den" icon={faChevronRight} style={{ cursor: "pointer" }} onClick={() => handleDayChange(dayIndex + 1)} />}
|
{dayIndex < 4 && <FontAwesomeIcon title="Následující den" icon={faChevronRight} style={{ cursor: "pointer" }} onClick={() => handleDayChange(dayIndex + 1)} />}
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
@ -373,7 +374,7 @@ function App() {
|
|||||||
</Row>
|
</Row>
|
||||||
<div className='content-wrapper'>
|
<div className='content-wrapper'>
|
||||||
<div className='content'>
|
<div className='content'>
|
||||||
{(dayIndex == null || dayIndex >= data.todayWeekIndex) && <>
|
{(dayIndex == null || data.todayWeekIndex == null || dayIndex >= data.todayWeekIndex) && <>
|
||||||
<p>{`Jak to ${dayIndex == null || dayIndex === data.todayWeekIndex ? 'dnes' : 'tento den'} vidíš s obědem?`}</p>
|
<p>{`Jak to ${dayIndex == null || dayIndex === data.todayWeekIndex ? 'dnes' : 'tento den'} vidíš s obědem?`}</p>
|
||||||
<Form.Select ref={choiceRef} onChange={doAddChoice}>
|
<Form.Select ref={choiceRef} onChange={doAddChoice}>
|
||||||
<option></option>
|
<option></option>
|
||||||
|
@ -33,7 +33,6 @@ function getEmptyData(date?: Date): ClientData {
|
|||||||
date: getHumanDate(usedDate),
|
date: getHumanDate(usedDate),
|
||||||
isWeekend: getIsWeekend(usedDate),
|
isWeekend: getIsWeekend(usedDate),
|
||||||
weekIndex: getDayOfWeekIndex(usedDate),
|
weekIndex: getDayOfWeekIndex(usedDate),
|
||||||
todayWeekIndex: getDayOfWeekIndex(getToday()),
|
|
||||||
choices: {},
|
choices: {},
|
||||||
departureTimes: Object.values(DepartureTime),
|
departureTimes: Object.values(DepartureTime),
|
||||||
};
|
};
|
||||||
@ -45,6 +44,7 @@ function getEmptyData(date?: Date): ClientData {
|
|||||||
export async function getData(date?: Date): Promise<ClientData> {
|
export async function getData(date?: Date): Promise<ClientData> {
|
||||||
const dateString = formatDate(date ?? getToday());
|
const dateString = formatDate(date ?? getToday());
|
||||||
const data = await storage.getData(dateString) || getEmptyData(date);
|
const data = await storage.getData(dateString) || getEmptyData(date);
|
||||||
|
data.todayWeekIndex = getDayOfWeekIndex(getToday());
|
||||||
// Dotažení jídel, pokud je ještě nemáme
|
// Dotažení jídel, pokud je ještě nemáme
|
||||||
if (!data.menus) {
|
if (!data.menus) {
|
||||||
data.menus = {
|
data.menus = {
|
||||||
|
@ -72,7 +72,7 @@ export interface ClientData {
|
|||||||
date: string, // datum vybraného dne pro zobrazení
|
date: string, // datum vybraného dne pro zobrazení
|
||||||
isWeekend: boolean, // příznak, zda je zvolené datum víkend
|
isWeekend: boolean, // příznak, zda je zvolené datum víkend
|
||||||
weekIndex: number, // index zvoleného dne v týdnu (0-6)
|
weekIndex: number, // index zvoleného dne v týdnu (0-6)
|
||||||
todayWeekIndex: number, // index dnešního dne v týdnu (0-6)
|
todayWeekIndex?: number, // index dnešního dne v týdnu (0-6)
|
||||||
choices: Choices, // seznam voleb
|
choices: Choices, // seznam voleb
|
||||||
departureTimes: DepartureTime[], // seznam možných časů odchodu
|
departureTimes: DepartureTime[], // seznam možných časů odchodu
|
||||||
menus?: { [restaurant in Restaurants]?: Menu }, // menu jednotlivých restaurací
|
menus?: { [restaurant in Restaurants]?: Menu }, // menu jednotlivých restaurací
|
||||||
|
Loading…
x
Reference in New Issue
Block a user