mirror of
https://github.com/MindWorkAI/AI-Studio.git
synced 2026-02-12 11:41:38 +00:00
64 lines
2.5 KiB
Plaintext
64 lines
2.5 KiB
Plaintext
|
@inherits MSGComponentBase
|
||
|
|
|
||
|
|
<MudDialog>
|
||
|
|
<TitleContent>
|
||
|
|
<MudText Typo="Typo.h6" Class="d-flex align-center">
|
||
|
|
<MudIcon Icon="@Icons.Material.Filled.Keyboard" Class="mr-2"/>
|
||
|
|
@T("Configure Keyboard Shortcut")
|
||
|
|
</MudText>
|
||
|
|
</TitleContent>
|
||
|
|
<DialogContent>
|
||
|
|
<MudJustifiedText Typo="Typo.body1" Class="mb-3">
|
||
|
|
@T("Press the desired key combination to set the shortcut. The shortcut will be registered globally and will work even when the app is not focused.")
|
||
|
|
</MudJustifiedText>
|
||
|
|
|
||
|
|
<MudPaper Class="pa-4 mb-3 d-flex align-center justify-center shortcut-capture-area"
|
||
|
|
Style="min-height: 80px; cursor: pointer;"
|
||
|
|
Elevation="2"
|
||
|
|
@onclick="@this.FocusInput">
|
||
|
|
@* Hidden input to capture keyboard events *@
|
||
|
|
<input type="text"
|
||
|
|
@ref="this.hiddenInput"
|
||
|
|
@onkeydown="@this.HandleKeyDown"
|
||
|
|
style="position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none;"
|
||
|
|
autocomplete="off"
|
||
|
|
readonly />
|
||
|
|
@if (string.IsNullOrWhiteSpace(this.currentShortcut))
|
||
|
|
{
|
||
|
|
<MudText Typo="Typo.h6" Color="Color.Secondary">
|
||
|
|
@T("Press a key combination...")
|
||
|
|
</MudText>
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
<MudText Typo="Typo.h5" Color="Color.Primary">
|
||
|
|
@this.GetDisplayShortcut()
|
||
|
|
</MudText>
|
||
|
|
}
|
||
|
|
</MudPaper>
|
||
|
|
|
||
|
|
@if (!string.IsNullOrWhiteSpace(this.validationMessage))
|
||
|
|
{
|
||
|
|
<MudAlert Severity="@this.validationSeverity" Class="mb-3">
|
||
|
|
@this.validationMessage
|
||
|
|
</MudAlert>
|
||
|
|
}
|
||
|
|
|
||
|
|
<MudText Typo="Typo.caption" Color="Color.Secondary" Class="mb-2">
|
||
|
|
@T("Supported modifiers: Ctrl/Cmd, Shift, Alt. Example: Ctrl+Shift+R")
|
||
|
|
</MudText>
|
||
|
|
</DialogContent>
|
||
|
|
<DialogActions>
|
||
|
|
<MudButton OnClick="@this.ClearShortcut" Variant="Variant.Text" Color="Color.Warning" StartIcon="@Icons.Material.Filled.Clear">
|
||
|
|
@T("Clear Shortcut")
|
||
|
|
</MudButton>
|
||
|
|
<MudSpacer/>
|
||
|
|
<MudButton OnClick="@this.Cancel" Variant="Variant.Filled">
|
||
|
|
@T("Cancel")
|
||
|
|
</MudButton>
|
||
|
|
<MudButton OnClick="@this.Confirm" Variant="Variant.Filled" Color="Color.Primary" Disabled="@this.hasValidationError">
|
||
|
|
@T("Save")
|
||
|
|
</MudButton>
|
||
|
|
</DialogActions>
|
||
|
|
</MudDialog>
|