summaryrefslogtreecommitdiff
path: root/Pages/ViewMedia.razor
diff options
context:
space:
mode:
Diffstat (limited to 'Pages/ViewMedia.razor')
-rw-r--r--Pages/ViewMedia.razor211
1 files changed, 121 insertions, 90 deletions
diff --git a/Pages/ViewMedia.razor b/Pages/ViewMedia.razor
index e210e79..73ded5f 100644
--- a/Pages/ViewMedia.razor
+++ b/Pages/ViewMedia.razor
@@ -1,9 +1,9 @@
@page "/ViewMedia"
-@* @using HyperBooru.Util*@
+@inject ISourceService sourceService
@inject HBSession hb
@inject IJSRuntime jsRuntime
-<PageTitle>@title</PageTitle>
+<PageTitle>@Title</PageTitle>
<script suppress-warning="BL9992">
function toggleSidebar() {
@@ -44,7 +44,6 @@
<div id="metadata-container">
<div id="metadata-fileinfo">
@if(infoEditMode) {
-@*
<form action="javascript:;" @onsubmit=@(() => ApplyInfoEdit(true))>
<table id="edit-metadata">
<tr>
@@ -57,13 +56,11 @@
</tr>
</table>
</form>
-*@
} else {
<p>Title: <i>@(media?.ShortDescription ?? "None")</i></p>
<p class="newlines">Description:<br/><i>@(media?.LongDescription ?? "None")</i></p>
}
-@*
- <p>Resolution: @(media.CurrentUploadedFile.Width)x@(media.CurrentUploadedFile.Height)</p>
+ @*<p>Resolution: @(media.CurrentUploadedFile.Width)x@(media.CurrentUploadedFile.Height)</p>*@
<p class="heading">Upload history</p>
<hr/>
<table id="uploaded-files" class="data-table">
@@ -75,36 +72,45 @@
<th>Size</th>
<th>Original Checksum</th>
</tr>
- @foreach(var file in media.UploadedFiles.OrderByDescending(uf => uf.UploadTime)) {
- string? sourceUrl = null;
- if(file.Filename is not null)
- sourceUrl = sourceService.GetUrlFromFilename(file.Filename);
- <tr>
- <td title=@file.CreateTime?.ToString()>
- @(file.CreateTime?.ToString("d") ?? "N/A")
- </td>
- <td title=@file.LastWriteTime?.ToString()>
- @(file.LastWriteTime?.ToString("d") ?? "N/A")
- </td>
- <td title=@file.UploadTime>@(file.UploadTime.ToString("d"))</td>
- <td title=@(file.Path is not null ? $"{file.Path.Replace('\\', '/')}/{file.Filename}" : file.Filename)>
- @if(sourceUrl is not null) {
- <a class="nondecorated" target="_blank" href=@sourceUrl>@file.Filename</a>
- } else {
- @file.Filename
- }
- </td>
- <td title=@file.Length>@file.Length.ToBytesSI()</td>
- <td
- title=@(file.Checksum + (file.ChecksumVerified ? " (verified)" : ""))
- class=@(file.ChecksumVerified ? "verified" : null)>
-
- @file.Checksum.Substring(0, 8)
- </td>
- </tr>
- }
+ <LoadableContent T="List<UploadedFile>" DataSource=LoadUploadedFiles @ref=uploadedFilesContent>
+ <LoadingState>
+ <p><i>Loading...</i></p>
+ </LoadingState>
+ <ErrorState>
+ <p><i>Unable to fetch file info for this item!</i></p>
+ </ErrorState>
+ <LoadedState>
+ @foreach(var file in uploadedFilesContent.Data!) {
+ string? sourceUrl = null;
+ if(file.Filename is not null)
+ sourceUrl = sourceService.GetUrlFromFilename(file.Filename);
+ <tr>
+ <td title=@file.CreateTime?.ToString()>
+ @(file.CreateTime?.ToString("d") ?? "N/A")
+ </td>
+ <td title=@file.LastWriteTime?.ToString()>
+ @(file.LastWriteTime?.ToString("d") ?? "N/A")
+ </td>
+ <td title=@file.UploadTime>@(file.UploadTime.ToString("d"))</td>
+ <td title=@(file.Path is not null ? $"{file.Path.Replace('\\', '/')}/{file.Filename}" : file.Filename)>
+ @if(sourceUrl is not null) {
+ <a class="nondecorated" target="_blank" href=@sourceUrl>@file.Filename</a>
+ } else {
+ @file.Filename
+ }
+ </td>
+ <td title=@file.Length>@file.Length.ToBytesSI()</td>
+ <td
+ title=@(file.Checksum + (file.ChecksumVerified ? " (verified)" : ""))
+ class=@(file.ChecksumVerified ? "verified" : null)>
+
+ @file.Checksum.Substring(0, 8)
+ </td>
+ </tr>
+ }
+ </LoadedState>
+ </LoadableContent>
</table>
-*@
</div>
<div id="metadata-tags">
<p class="heading">Tags</p>
@@ -114,8 +120,7 @@
</div>
<div id="button-container">
<ButtonContainer>
-@*
- <button @onclick=@(() => deleteDialog.Show()) class="warning" data-keyboard-shortcut="d">
+ <button @onclick=@(() => deleteDialog.Show()) class="warning" data-keyboard-shortcut="d">
<img src="/images/trash.svg"/>
<p><u>D</u>elete</p>
</button>
@@ -127,14 +132,13 @@
<img src="/images/book.svg"/>
<p>View <u>O</u>CR</p>
</button>
-*@
@if(infoEditMode) {
@*
- <button @onclick=@(() => ApplyInfoEdit(false)) class="secondary">
+ <button @onclick=@(() => await ApplyInfoEdit(false)) class="secondary">
<img src="/images/cross.svg"/>
<p>Cancel</p>
</button>
- <button @onclick=@(() => ApplyInfoEdit(true))>
+ <button @onclick=@(() => await ApplyInfoEdit(true))>
<img src="/images/checkmark.svg"/>
<p>Apply</p>
</button>
@@ -168,7 +172,6 @@
</div>
</div>
-@*
<Dialog Title="Delete this media?" @ref=deleteDialog>
<ButtonContainer>
<button @onclick=@(() => deleteDialog.Hide()) class="secondary">Cancel</button>
@@ -177,11 +180,13 @@
</Dialog>
<Dialog Title="OCR Data" @ref=ocrDialog>
- @if(media.OcrData is null) {
+ @*@if(media.OcrData is null) {*@
<p><center>This media item hasn't been scanned yet!</center></p>
+@*
} else {
<code style="max-height:400px;">@media.OcrData?.Text</code>
}
+*@
<ButtonContainer>
<button @onclick=@(() => ocrDialog.Hide())>Close</button>
</ButtonContainer>
@@ -191,14 +196,15 @@
Title="Select one or more tag(s) to add"
OnSubmit=AddTags
@ref=tagDialog/>
-*@
@code {
[Parameter]
[SupplyParameterFromQuery(Name = "m")]
public Guid MediaId { get; set; }
- private ApiModels.Media media;
+ private ApiModels.Media? media;
+
+ private LoadableContent<List<UploadedFile>> uploadedFilesContent;
private string title;
@@ -207,9 +213,9 @@
private string? longDescription;
private MediaTagTable mediaTagTable;
- // private Dialog deleteDialog;
- // private Dialog ocrDialog;
- // private TagSelectDialog tagDialog;
+ private Dialog deleteDialog;
+ private Dialog ocrDialog;
+ private TagSelectDialog tagDialog;
private ElementReference shortDescriptionInput;
@@ -223,56 +229,81 @@
private async void LoadMedia() {
media = await hb.Media.GetAsync(MediaId);
- // using var db = dbFactory.CreateDbContext();
- // media = db.Media
- // .Include(m => m.Tags)
- // .ThenInclude(t => t.TagDefinition)
- // .Include(m => m.CurrentUploadedFile)
- // .Include(m => m.UploadedFiles)
- // .Include(m => m.OcrData)
- // .First(m => m.Guid == MediaId);
+ await InvokeAsync(() => StateHasChanged());
+ }
+
+ private async Task<List<UploadedFile>> LoadUploadedFiles() {
+ return (await hb.Media.GetUploadedFilesAsync(MediaId))
+ .OrderByDescending(uf => uf.UploadTime)
+ .ToList();
+ }
- // title = media.DisplayName ?? "Media View";
- // InvokeAsync(() => StateHasChanged());
+ private void AddTags(TagDefinition[] tagDefs) {
+ // foreach(var tagDef in tagDefs)
+ // tagService.AddTag(media, tagDef);
+ // mediaTagTable.Refresh();
}
- // private void AddTags(TagDefinition[] tagDefs) {
- // foreach(var tagDef in tagDefs)
- // tagService.AddTag(media, tagDef);
- // mediaTagTable.Refresh();
- // }
+ private async void SetIngest(bool ingest) {
+ // mediaService.SetIngest(media, ingest);
+ LoadMedia();
- private async void SetIngest(bool ingest) {
- // mediaService.SetIngest(media, ingest);
- LoadMedia();
+ if(ingest)
+ StateHasChanged();
+ else
+ await jsRuntime.InvokeVoidAsync("history.back");
+ }
- if(ingest)
- StateHasChanged();
- else
- await jsRuntime.InvokeVoidAsync("history.back");
- }
+ private string Title {
+ get {
+ if(media is null)
+ return "View Media";
- private bool InfoEditMode {
- get => infoEditMode;
- set {
- shortDescription = media.ShortDescription;
- longDescription = media.LongDescription;
- infoEditMode = value;
- StateHasChanged();
- }
- }
+ if(media.ShortDescription is not null)
+ return media.ShortDescription;
- // private void ApplyInfoEdit(bool apply) {
- // if(apply) {
- // mediaService.SetDescription(media, shortDescription, longDescription);
- // LoadMedia();
- // }
+ if(uploadedFilesContent.Data is null)
+ return $"Media ({media.MediaId.ToString().ToUpper().Substring(0, 8)})";
+
+ return uploadedFilesContent.Data
+ .OrderBy(f => f.UploadTime)
+ .FirstOrDefault()?.Filename ?? media.MediaId.ToString().ToUpper();
+ }
+ }
+
+ private bool InfoEditMode {
+ get => infoEditMode;
+ set {
+ shortDescription = media.ShortDescription;
+ longDescription = media.LongDescription;
+ infoEditMode = value;
+ InvokeAsync(() => StateHasChanged());
+ }
+ }
- // infoEditMode = false;
- // }
+ private async Task ApplyInfoEdit(bool apply) {
+ if(apply) {
+ var updatedMedia = new ApiModels.Media() {
+ MediaId = MediaId,
+ ShortDescription = shortDescription?.NullIfEmpty(),
+ LongDescription = longDescription?.NullIfEmpty()
+ };
- // private async void DeleteMedia() {
- // mediaService.Delete(media);
- // await jsRuntime.InvokeVoidAsync("history.back");
- // }
+ await hb.Media.UpdateAsync(updatedMedia);
+
+ media = updatedMedia;
+ }
+
+ infoEditMode = false;
+ await InvokeAsync(() => StateHasChanged());
+ }
+
+ private async Task DeleteMedia() {
+ await hb.Media.DeleteAsync(MediaId);
+
+ deleteDialog.Hide();
+
+ // TODO: Use the NavigationManager properly
+ await jsRuntime.InvokeVoidAsync("history.back");
+ }
}
generated by cgit v1.3 (git 2.53.0) at 2026-06-17 15:32:08 +0000