MatDenDagen/Components/Pages/Home.razor
+32
-7
diff --git a/MatDenDagen/Components/Pages/Home.razor b/MatDenDagen/Components/Pages/Home.razor
index ab7de6a..9ef0ec1 100644
@@ -2,11 +2,12 @@
@using MatDenDagen.Models
@using MatDenDagen.Services
@inject DateService dateService
@inject TimeProvider timeProvider
@layout MainLayout
<div class="home-content">
<h1>Välkommen till Mat den <span class="highlight">dagen</span></h1>
<div class="cookbook-intro card">
<p>Vi delar recept och matupplevelser från en och samma dag.</p>
</div>
@@ -30,36 +31,60 @@
@if (actualDate is null)
{
<p>Datumet för "the day" har inte slumpats ännu.</p>
<p>Datumet för <span class="highlight">dagen</span> har inte slumpats ännu.</p>
}
else
{
<div class="date-reveal-container">
<input type="checkbox" id="today-reveal-checkbox" class="date-reveal-checkbox" style="display: none;">
<label for="today-reveal-checkbox" class="date-reveal-toggle">
<span class="reveal-button">Är det idag?</span>
</label>
<div class="date-reveal-content">
@if (today == actualDate)
{
<h2>Ja</h2>
<p>Idag är <span class="highlight">dagen</span>!</p>
}
else if (today < actualDate)
{
<h2>Nej</h2>
<p>Inte än</p>
}
else
{
<h2>Nej</h2>
<p><span class="highlight">Dagen</span> har redan varit</p>
}
</div>
</div>
<div class="date-reveal-container">
<input type="checkbox" id="date-reveal-checkbox" class="date-reveal-checkbox" style="display: none;">
<label for="date-reveal-checkbox" class="date-reveal-toggle">
<span class="reveal-button">Avslöja dagen</span>
</label>
<div class="date-reveal-content">
<h2><span class="highlight">Dagen</span> är den <code>@actualDate</code></h2>
<p>Spara datumet i din almanacka och se fram emot en underbar matupplevelse!</p>
<h2><span class="highlight">Dagen</span> @(today <= actualDate ? "är" : "var") den <code>@actualDate</code></h2>
</div>
</div>
}
</div>
}
<div class="action-buttons">
<a href="/submission" class="btn">Skicka in din mat</a>
<a href="/submission" class="btn">Till formuläret!</a>
</div>
</div>
@code {
private DateSpan? dateSpan { get; set; }
private DateOnly? actualDate { get; set; }
private DateOnly? today { get; set; }
protected override async Task OnInitializedAsync()
{
dateSpan = await dateService.GetDateSpanAsync();
actualDate = (await dateService.GetDateConfigAsync())?.TheDay;
today = DateOnly.FromDateTime(timeProvider.GetLocalNow().LocalDateTime);
}
}