diff options
Diffstat (limited to 'Pages/ViewMedia.razor')
| -rw-r--r-- | Pages/ViewMedia.razor | 44 |
1 files changed, 34 insertions, 10 deletions
diff --git a/Pages/ViewMedia.razor b/Pages/ViewMedia.razor index c6ff2ce..27a366c 100644 --- a/Pages/ViewMedia.razor +++ b/Pages/ViewMedia.razor @@ -100,27 +100,51 @@ </div> <div id="button-container"> <ButtonContainer> - <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> + <button @onclick=@(() => deleteDialog.Show()) class="warning" data-keyboard-shortcut="d"> + <img src="/images/trash.svg"/> + <p><u>D</u>elete</p> + </button> + <button @onclick=@(() => tagDialog.Show()) class="secondary" data-keyboard-shortcut="t"> + <img src="/images/tag.svg"/> + <p>Add <u>T</u>ag</p> + </button> + <button @onclick=@(() => ocrDialog.Show()) class="secondary" data-keyboard-shortcut="o"> + <img src="/images/book.svg"/> + <p>View <u>O</u>CR</p> + </button> @if(infoEditMode) { - <button @onclick=@(() => ApplyInfoEdit(false)) class="secondary">Cancel</button> - <button @onclick=@(() => ApplyInfoEdit(true))>Apply</button> + <button @onclick=@(() => ApplyInfoEdit(false)) class="secondary"> + <img src="/images/cross.svg"/> + <p>Cancel</p> + </button> + <button @onclick=@(() => ApplyInfoEdit(true))> + <img src="/images/checkmark.svg"/> + <p>Apply</p> + </button> } else { - <button @onclick=@(() => InfoEditMode = true) class="secondary" data-keyboard-shortcut="e"><u>E</u>dit Info</button> + <button @onclick=@(() => InfoEditMode = true) class="secondary" data-keyboard-shortcut="e"> + <img src="/images/edit.svg"/> + <p><u>E</u>dit Info</p> + </button> } @if(media.IsIngest) { - <button @onclick=@(() => SetIngest(false)) data-keyboard-shortcut="c">Mark Tagging <u>C</u>omplete</button> + <button @onclick=@(() => SetIngest(false)) data-keyboard-shortcut="c"> + <img src="/images/checkmark.svg"/> + <p>Mark Tagging <u>C</u>omplete</p> + </button> } else { - <button class="secondary" @onclick=@(() => SetIngest(true)) data-keyboard-shortcut="c">Mark Tagging In<u>c</u>omplete</button> + <button class="secondary" @onclick=@(() => SetIngest(true)) data-keyboard-shortcut="c"> + <img src="/images/cross.svg"/> + <p>Mark Tagging In<u>c</u>omplete</p> + </button> } </ButtonContainer> </div> </div> </div> <div id="bottom-bar"> - <a href="javascript:showSidebar(false);">🖼</a> - <a href="javascript:showSidebar(true);">🛈</a> + <img onclick="showSidebar(false);" src="/images/photo.svg" width="25" height="25"/> + <img onclick="showSidebar(true);" src="/images/info.svg" width="25" height="25"/> </div> </div> |