Browse Source

enter to submit all dialogs (#168)

pull/169/head
Jason Dove 5 years ago committed by GitHub
parent
commit
1d1f53da01
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 54
      ErsatzTV/Shared/AddToScheduleDialog.razor
  2. 50
      ErsatzTV/Shared/DeleteDialog.razor
  3. 42
      ErsatzTV/Shared/RemoveFromCollectionDialog.razor
  4. 35
      ErsatzTV/Shared/SignOutOfPlexDialog.razor

54
ErsatzTV/Shared/AddToScheduleDialog.razor

@ -2,28 +2,30 @@
@using ErsatzTV.Application.ProgramSchedules.Queries @using ErsatzTV.Application.ProgramSchedules.Queries
@inject IMediator Mediator @inject IMediator Mediator
<MudDialog> <div @onkeydown="@OnKeyDown">
<DialogContent> <MudDialog>
<MudContainer Class="mb-6"> <DialogContent>
<MudHighlighter Class="mud-primary-text" <MudContainer Class="mb-6">
Style="background-color: transparent; font-weight: bold" <MudHighlighter Class="mud-primary-text"
Text="@FormatText()" Style="background-color: transparent; font-weight: bold"
HighlightedText="@EntityName"/> Text="@FormatText()"
</MudContainer> HighlightedText="@EntityName"/>
<MudSelect Label="Schedule" @bind-Value="_selectedSchedule" For="@(() => _selectedSchedule)" Class="mb-6 mx-4"> </MudContainer>
@foreach (ProgramScheduleViewModel schedule in _schedules) <MudSelect Label="Schedule" @bind-Value="_selectedSchedule" For="@(() => _selectedSchedule)" Class="mb-6 mx-4">
{ @foreach (ProgramScheduleViewModel schedule in _schedules)
<MudSelectItem Value="@schedule">@schedule.Name</MudSelectItem> {
} <MudSelectItem Value="@schedule">@schedule.Name</MudSelectItem>
</MudSelect> }
</DialogContent> </MudSelect>
<DialogActions> </DialogContent>
<MudButton OnClick="Cancel">Cancel</MudButton> <DialogActions>
<MudButton Color="Color.Primary" Variant="Variant.Filled" Disabled="@(_selectedSchedule == null)" OnClick="Submit"> <MudButton OnClick="Cancel">Cancel</MudButton>
Add To Schedule <MudButton Color="Color.Primary" Variant="Variant.Filled" Disabled="@(_selectedSchedule == null)" OnClick="Submit">
</MudButton> Add To Schedule
</DialogActions> </MudButton>
</MudDialog> </DialogActions>
</MudDialog>
</div>
@code { @code {
@ -54,5 +56,13 @@
private void Submit() => MudDialog.Close(DialogResult.Ok(_selectedSchedule)); private void Submit() => MudDialog.Close(DialogResult.Ok(_selectedSchedule));
private void Cancel() => MudDialog.Cancel(); private void Cancel() => MudDialog.Cancel();
private void OnKeyDown(KeyboardEventArgs e)
{
if (e.Code is "Enter" or "NumpadEnter")
{
Submit();
}
}
} }

50
ErsatzTV/Shared/DeleteDialog.razor

@ -1,26 +1,28 @@
<MudDialog> <div @onkeydown="@OnKeyDown">
<DialogContent> <MudDialog>
<MudContainer> <DialogContent>
<MudHighlighter Class="mud-primary-text" <MudContainer>
Style="background-color: transparent; font-weight: bold"
Text="@FormatText()"
HighlightedText="@EntityName"/>
</MudContainer>
@if (!string.IsNullOrWhiteSpace(DetailText))
{
<MudContainer Class="mt-3">
<MudHighlighter Class="mud-primary-text" <MudHighlighter Class="mud-primary-text"
Style="background-color: transparent; font-weight: bold" Style="background-color: transparent; font-weight: bold"
Text="@DetailText" Text="@FormatText()"
HighlightedText="@DetailHighlight"/> HighlightedText="@EntityName"/>
</MudContainer> </MudContainer>
} @if (!string.IsNullOrWhiteSpace(DetailText))
</DialogContent> {
<DialogActions> <MudContainer Class="mt-3">
<MudButton OnClick="Cancel">Cancel</MudButton> <MudHighlighter Class="mud-primary-text"
<MudButton Color="Color.Error" Variant="Variant.Filled" OnClick="Submit">Delete</MudButton> Style="background-color: transparent; font-weight: bold"
</DialogActions> Text="@DetailText"
</MudDialog> HighlightedText="@DetailHighlight"/>
</MudContainer>
}
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel">Cancel</MudButton>
<MudButton Color="Color.Error" Variant="Variant.Filled" OnClick="Submit">Delete</MudButton>
</DialogActions>
</MudDialog>
</div>
@code { @code {
@ -44,5 +46,13 @@
private void Submit() => MudDialog.Close(DialogResult.Ok(true)); private void Submit() => MudDialog.Close(DialogResult.Ok(true));
private void Cancel() => MudDialog.Cancel(); private void Cancel() => MudDialog.Cancel();
private void OnKeyDown(KeyboardEventArgs e)
{
if (e.Code is "Enter" or "NumpadEnter")
{
Submit();
}
}
} }

42
ErsatzTV/Shared/RemoveFromCollectionDialog.razor

@ -1,21 +1,23 @@
@inject IMediator Mediator @inject IMediator Mediator
<MudDialog> <div @onkeydown="@OnKeyDown">
<DialogContent> <MudDialog>
<MudContainer Class="mb-6"> <DialogContent>
<MudHighlighter Class="mud-primary-text" <MudContainer Class="mb-6">
Style="background-color: transparent; font-weight: bold" <MudHighlighter Class="mud-primary-text"
Text="@FormatText()" Style="background-color: transparent; font-weight: bold"
HighlightedText="@EntityName"/> Text="@FormatText()"
</MudContainer> HighlightedText="@EntityName"/>
</DialogContent> </MudContainer>
<DialogActions> </DialogContent>
<MudButton OnClick="Cancel">Cancel</MudButton> <DialogActions>
<MudButton Color="Color.Error" Variant="Variant.Filled" OnClick="Submit"> <MudButton OnClick="Cancel">Cancel</MudButton>
Remove From Collection <MudButton Color="Color.Error" Variant="Variant.Filled" OnClick="Submit">
</MudButton> Remove From Collection
</DialogActions> </MudButton>
</MudDialog> </DialogActions>
</MudDialog>
</div>
@code { @code {
@ -39,5 +41,13 @@
private void Submit() => MudDialog.Close(DialogResult.Ok(true)); private void Submit() => MudDialog.Close(DialogResult.Ok(true));
private void Cancel() => MudDialog.Cancel(); private void Cancel() => MudDialog.Cancel();
private void OnKeyDown(KeyboardEventArgs e)
{
if (e.Code is "Enter" or "NumpadEnter")
{
Submit();
}
}
} }

35
ErsatzTV/Shared/SignOutOfPlexDialog.razor

@ -1,16 +1,18 @@
<MudDialog> <div @onkeydown="@OnKeyDown">
<DialogContent> <MudDialog>
<MudContainer> <DialogContent>
<MudHighlighter Class="mud-primary-text" <MudContainer>
Style="background-color: transparent; font-weight: bold" <MudHighlighter Class="mud-primary-text"
Text="Do you really want to sign out of Plex? All synchronized content will be removed."/> Style="background-color: transparent; font-weight: bold"
</MudContainer> Text="Do you really want to sign out of Plex? All synchronized content will be removed."/>
</DialogContent> </MudContainer>
<DialogActions> </DialogContent>
<MudButton OnClick="Cancel">Cancel</MudButton> <DialogActions>
<MudButton Color="Color.Error" Variant="Variant.Filled" OnClick="Submit">Sign out</MudButton> <MudButton OnClick="Cancel">Cancel</MudButton>
</DialogActions> <MudButton Color="Color.Error" Variant="Variant.Filled" OnClick="Submit">Sign out</MudButton>
</MudDialog> </DialogActions>
</MudDialog>
</div>
@code { @code {
@ -21,4 +23,11 @@
private void Cancel() => MudDialog.Cancel(); private void Cancel() => MudDialog.Cancel();
private void OnKeyDown(KeyboardEventArgs e)
{
if (e.Code is "Enter" or "NumpadEnter")
{
Submit();
}
}
} }
Loading…
Cancel
Save