diff options
| -rw-r--r-- | Pages/TagDefinitions.razor | 2 | ||||
| -rw-r--r-- | Pages/ViewMedia.razor | 33 | ||||
| -rw-r--r-- | Services/MediaService.cs | 7 | ||||
| -rw-r--r-- | wwwroot/js/keyboard.js | 2 |
4 files changed, 22 insertions, 22 deletions
diff --git a/Pages/TagDefinitions.razor b/Pages/TagDefinitions.razor index 95253b7..1a29b40 100644 --- a/Pages/TagDefinitions.razor +++ b/Pages/TagDefinitions.razor @@ -8,7 +8,7 @@ <div style="padding:var(--size-default-gap);"> <ButtonContainer> - <button @onclick=PromptTagCreate>Create</button> + <button @onclick=PromptTagCreate data-keyboard-shortcut="c"><u>C</u>reate</button> </ButtonContainer> <TabContainer @ref=tabContainer> diff --git a/Pages/ViewMedia.razor b/Pages/ViewMedia.razor index 26b7988..7823c75 100644 --- a/Pages/ViewMedia.razor +++ b/Pages/ViewMedia.razor @@ -4,7 +4,6 @@ @inject IDbContextFactory<HBContext> dbFactory @inject ITagService tagService @inject IMediaService mediaService -@implements IDisposable <PageTitle>@title</PageTitle> @@ -30,7 +29,7 @@ <table id="edit-metadata"> <tr> <td>Title:</td> - <td><input type="text" @bind=shortDescription/></td> + <td><input type="text" @bind=shortDescription @ref=shortDescriptionInput/></td> </tr> <tr> <td>Description:</td> @@ -83,19 +82,19 @@ </div> <div id="button-container"> <ButtonContainer> - <button @onclick=@(() => deleteDialog.Show()) class="warning" data-keyboard-shortcut="d">Delete</button> - <button @onclick=@(() => tagDialog.Show()) class="secondary" data-keyboard-shortcut="t">Add Tag</button> - <button @onclick=@(() => ocrDialog.Show()) class="secondary" data-keyboard-shortcut="o">View OCR</button> + <button @onclick=@(() => deleteDialog.Show()) class="warning" data-keyboard-shortcut="d"><u>D</u>elete</button> + <button @onclick=@(() => tagDialog.Show()) class="secondary" data-keyboard-shortcut="t">Add <u>T</u>ag</button> + <button @onclick=@(() => ocrDialog.Show()) class="secondary" data-keyboard-shortcut="o">View <u>O</u>CR</button> @if(infoEditMode) { <button @onclick=@(() => ApplyInfoEdit(false)) class="secondary">Cancel</button> <button @onclick=@(() => ApplyInfoEdit(true))>Apply</button> } else { - <button @onclick=@(() => InfoEditMode = true) class="secondary" data-keyboard-shortcut="e">Edit Info</button> + <button @onclick=@(() => InfoEditMode = true) class="secondary" data-keyboard-shortcut="e"><u>E</u>dit Info</button> } @if(media.IsIngest) { - <button @onclick=@(() => SetIngest(false)) data-keyboard-shortcut="c">Mark Tagging Complete</button> + <button @onclick=@(() => SetIngest(false)) data-keyboard-shortcut="c">Mark Tagging <u>C</u>omplete</button> } else { - <button class="secondary" @onclick=@(() => SetIngest(true)) data-keyboard-shortcut="c">Mark Tagging Incomplete</button> + <button class="secondary" @onclick=@(() => SetIngest(true)) data-keyboard-shortcut="c">Mark Tagging In<u>c</u>omplete</button> } </ButtonContainer> </div> @@ -143,14 +142,18 @@ private Dialog ocrDialog; private TagSelectDialog tagDialog; - private HBContext db; + private ElementReference shortDescriptionInput; - protected override void OnInitialized() { - db = dbFactory.CreateDbContext(); + protected override void OnInitialized() => LoadMedia(); + + protected override async void OnAfterRender(bool firstRender) { + if(infoEditMode) + await shortDescriptionInput.FocusAsync(); } private void LoadMedia() { + using var db = dbFactory.CreateDbContext(); media = db.Media .Include(m => m.Tags) .ThenInclude(t => t.TagDefinition) @@ -170,7 +173,6 @@ private async void SetIngest(bool ingest) { mediaService.SetIngest(media, ingest); - db.Entry(media).State = EntityState.Detached; LoadMedia(); if(ingest) @@ -191,11 +193,8 @@ private void ApplyInfoEdit(bool apply) { if(apply) { - if(string.IsNullOrEmpty(shortDescription)) shortDescription = null; - if(string.IsNullOrEmpty(longDescription)) longDescription = null; - media.ShortDescription = shortDescription; - media.LongDescription = longDescription; mediaService.SetDescription(media, shortDescription, longDescription); + LoadMedia(); } infoEditMode = false; @@ -205,6 +204,4 @@ mediaService.Delete(media); await jsRuntime.InvokeVoidAsync("history.back"); } - - public void Dispose() => db.Dispose(); } diff --git a/Services/MediaService.cs b/Services/MediaService.cs index e573add..c779d8e 100644 --- a/Services/MediaService.cs +++ b/Services/MediaService.cs @@ -83,13 +83,16 @@ public class MediaService : IMediaService { using var db = dbFactory.CreateDbContext(); var m = db.Media.First(m => m.Guid == media.Guid); + shortDescription = shortDescription?.Trim(); + longDescription = longDescription?.Trim(); + if(string.IsNullOrEmpty(shortDescription)) shortDescription = null; if(string.IsNullOrEmpty(longDescription)) longDescription = null; - m.ShortDescription = shortDescription?.Trim(); - m.LongDescription = longDescription?.Trim(); + m.ShortDescription = shortDescription; + m.LongDescription = longDescription; db.SaveChanges(); } diff --git a/wwwroot/js/keyboard.js b/wwwroot/js/keyboard.js index 5669637..4c8e722 100644 --- a/wwwroot/js/keyboard.js +++ b/wwwroot/js/keyboard.js @@ -6,7 +6,7 @@ async function keyDownHandler(e) { return false; } - if(document.activeElement.tagName == 'INPUT') + if(document.activeElement.tagName == 'INPUT' && e.key != 'Escape') return; var element = Array.from(document.querySelectorAll('div.dialog')) |