BlazorStart/Start/Client/Components/DeleteContainer.razor

53 lines
1.7 KiB
Plaintext
Raw Permalink Normal View History

2021-12-17 06:06:41 +00:00
@using Start.Client.Components.Shared
@using Start.Client.Store.Features.DeleteContainer
2021-12-04 00:44:02 +00:00
@using Fluxor
2021-12-04 00:44:02 +00:00
@inherits Fluxor.Blazor.Web.Components.FluxorComponent
2021-11-23 06:12:13 +00:00
2021-12-04 00:44:02 +00:00
@inject IDispatcher dispatch
@inject IState<DeleteContainerState> state
2021-11-23 06:12:13 +00:00
2021-12-17 06:06:41 +00:00
<Dialog Active="this.state.Value.ShowDeleteContainerForm" OnClose="this.OnDialogClose">
<Header>
Delete Container "@this.state.Value.BookmarkContainerTitleToDelete"
</Header>
<Body>
@if (this.state.Value.DeleteContainerErrorMessage != null)
2021-12-04 00:44:02 +00:00
{
2021-12-17 06:06:41 +00:00
<Alert Type="Alert.AlertType.Error">
@this.state.Value.DeleteContainerErrorMessage
</Alert>
2021-12-04 00:44:02 +00:00
}
2021-12-17 06:06:41 +00:00
<p>
Are you sure you want to delete the bookmark container
"@this.state.Value.BookmarkContainerTitleToDelete"?
</p>
<div class="text-right">
@if (!this.state.Value.IsLoadingDeleteContainer)
{
<button type="button" class="btn" @onclick="this.OnDialogClose">Cancel</button>
<button type="submit" class="btn btn-error" @onclick="this.OnConfirmDelete">Delete</button>
}
else
{
<button type="button" disabled class="btn" @onclick="this.OnDialogClose">Cancel</button>
<button type="submit" disabled class="btn btn-error loading" @onclick="this.OnConfirmDelete">Delete</button>
}
</div>
</Body>
2021-11-23 06:12:13 +00:00
</Dialog>
@code {
2021-12-04 00:44:02 +00:00
public void OnDialogClose()
2021-11-23 06:12:13 +00:00
{
2021-12-04 00:44:02 +00:00
this.dispatch.Dispatch(new HideDeleteContainerFormAction());
2021-11-23 06:12:13 +00:00
}
2021-12-04 00:44:02 +00:00
public void OnConfirmDelete()
2021-11-23 06:12:13 +00:00
{
2021-12-04 00:44:02 +00:00
this.dispatch.Dispatch(new SubmitDeleteContainerAction(
this.state.Value.BookmarkContainerIdToDelete));
2021-11-23 06:12:13 +00:00
}
}