blazor-calendar/BlazorApp/Pages/Event.razor

104 lines
2.2 KiB
Plaintext

@page "/calendars/{calendarId:int}/events/{eventUid}"
@inject Data.CalendarService _calendarService
@inject NavigationManager _navigationManager
<a href="/calendars/@CalendarId">
<span class="oi oi-arrow-left"></span> Back
</a>
@if (_event == null)
{
<p>
<em>@(_notFound ? "Event not found" : "Loading...")</em>
</p>
}
else
{
@if (!_editTitle)
{
<h1 class="event-summary">
<span @onclick="() => _editTitle = true">@_event.Summary</span>
</h1>
}
else
{
<input @bind="@_event.Summary">
<button @onclick="UpdateEvent">Save</button>
}
<div>
<strong>ETag:</strong> @_event.ETag
</div>
@if (_event.DtStart != null)
{
<div>
<strong>Start:</strong> @_event.DtStart
</div>
}
@if (_event.CalculatedEnd != null)
{
<div>
<strong>End:</strong> @_event.CalculatedEnd
</div>
}
@if (_event.Description != null)
{
<p class="event-description">@_event.Description</p>
}
@if (!_confirmDelete)
{
<button class="btn btn-outline-danger" @onclick="DeleteEvent">Delete</button>
}
else
{
<button class="btn btn-danger" @onclick="DeleteEvent">Are you sure?</button>
}
}
@code
{
[Parameter]
public int CalendarId { get; set; }
[Parameter]
public string EventUid { get; set; }
private Data.Calendar _calendar;
private Data.Event _event;
private bool _notFound;
private bool _editTitle;
private bool _confirmDelete;
protected override async Task OnInitializedAsync()
{
_calendar = await Data.CalendarService.GetCalendarById(CalendarId);
_event = await _calendar.GetEventByUid(EventUid);
_notFound = _event == null;
}
private async Task UpdateEvent()
{
_event = await _calendar.UpdateEvent(_event);
}
private async Task DeleteEvent()
{
if (!_confirmDelete)
{
_confirmDelete = true;
await Task.Delay(2000);
}
else
{
await _calendar.DeleteEvent(_event);
_navigationManager.NavigateTo($"/calendars/{CalendarId}");
}
_confirmDelete = false;
}
}