Browse Source

allow enter key to submit add to collection dialog (#167)

pull/168/head
Jason Dove 5 years ago committed by GitHub
parent
commit
a854294cb6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 67
      ErsatzTV/Shared/AddToCollectionDialog.razor

67
ErsatzTV/Shared/AddToCollectionDialog.razor

@ -7,34 +7,37 @@ @@ -7,34 +7,37 @@
@inject ISnackbar Snackbar
@inject ILogger<AddToCollectionDialog> Logger
<MudDialog>
<DialogContent>
<MudContainer Class="mb-6">
<MudHighlighter Class="mud-primary-text"
Style="background-color: transparent; font-weight: bold"
Text="@FormatText()"
HighlightedText="@EntityName"/>
</MudContainer>
<MudSelect Label="Collection" @bind-Value="_selectedCollection" For="@(() => _selectedCollection)" Class="mb-6 mx-4">
@foreach (MediaCollectionViewModel collection in _collections)
{
<MudSelectItem Value="@collection">@collection.Name</MudSelectItem>
}
</MudSelect>
<MudTextFieldString Label="New Collection Name"
Disabled="@(_selectedCollection != _newCollection)"
@bind-Text="@_newCollectionName"
Immediate="true"
Class="mb-6 mx-4">
</MudTextFieldString>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel">Cancel</MudButton>
<MudButton Color="Color.Primary" Variant="Variant.Filled" Disabled="@(!CanSubmit())" OnClick="Submit">
Add To Collection
</MudButton>
</DialogActions>
</MudDialog>
<div @onkeydown="@OnKeyDown">
<MudDialog>
<DialogContent>
<MudContainer Class="mb-6">
<MudHighlighter Class="mud-primary-text"
Style="background-color: transparent; font-weight: bold"
Text="@FormatText()"
HighlightedText="@EntityName"/>
</MudContainer>
<MudSelect Label="Collection" @bind-Value="_selectedCollection" For="@(() => _selectedCollection)" Class="mb-6 mx-4">
@foreach (MediaCollectionViewModel collection in _collections)
{
<MudSelectItem Value="@collection">@collection.Name</MudSelectItem>
}
</MudSelect>
<MudTextFieldString Label="New Collection Name"
Disabled="@(_selectedCollection != _newCollection)"
@bind-Text="@_newCollectionName"
Immediate="true"
Class="mb-6 mx-4">
</MudTextFieldString>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel">Cancel</MudButton>
<MudButton Color="Color.Primary" Variant="Variant.Filled" Disabled="@(!CanSubmit())" OnClick="Submit">
Add To Collection
</MudButton>
</DialogActions>
</MudDialog>
</div>
@code {
@ -109,4 +112,12 @@ @@ -109,4 +112,12 @@
private void Cancel() => MudDialog.Cancel();
private async Task OnKeyDown(KeyboardEventArgs e)
{
if (e.Code is "Enter" or "NumpadEnter" && CanSubmit())
{
await Submit();
}
}
}
Loading…
Cancel
Save