blob: 967759be17e76c10e01f14785595e38f661514b8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
@page
@model HyperBooru.Pages.ViewMediaModel
@{
ViewBag.ContentScroll = false;
}
<link rel="stylesheet" type="text/css" href="@(nameof(HyperBooru)).styles.css"/>
<script>
async function deleteMedia() {
var mediaId = new URL(window.location.href).searchParams.get('m');
var resp = await fetch('/media/' + mediaId, { method: 'delete' });
if(resp.ok) {
window.location.href = '/';
} else {
alert('Failed to delete media object!');
}
}
function selectPane(tab) {
var tabs = Array.from(document.querySelectorAll('div#metadata-header > a'));
var panes = Array.from(document.querySelectorAll('div#metadata > div'))
.filter(x => x.id != 'metadata-header');
var pane = panes.filter(x => x.id == tab.dataset.pane)[0];
for(var t of tabs) {
if(t == tab)
t.classList.add('selected');
else
t.classList.remove('selected');
}
for(var p of panes) {
if(p == pane)
p.classList.add('selected');
else
p.classList.remove('selected');
}
}
</script>
<div id="content">
<img src="/media/@(Model.Media.Guid)"/>
<div id="metadata">
<div id="metadata-header">
<a href="javascript:;" onclick="selectPane(this);" data-pane="metadata-fileinfo">File Info</a>
<a href="javascript:;" onclick="selectPane(this);" data-pane="metadata-tags" class="selected">Tags</a>
</div>
@* <form method="post">
<label for="shortDescription">Short Description</label>
<input type="text" name="shortDescription" placeholder="@Model.Media.ShortDescription"/>
<label for="longDescription">Long Description</label>
<input type="text" name="longDescription" placeholder="@Model.Media.LongDescription"/>
<input type="submit" value="Update"/>
</form>*@
<div id="metadata-fileinfo">
<p>Upload history</p>
<hr />
<table class="data-table">
<tr>
<th>Created On</th>
<th>Last Write</th>
<th>Uploaded On</th>
<th>Filename</th>
<th>Original Checksum</th>
</tr>
@foreach(var file in Model.Media.UploadedFiles) {
<tr>
<td>@(file.CreateTime?.ToString() ?? "N/A")</td>
<td>@(file.LastWriteTime?.ToString() ?? "N/A")</td>
<td>@file.UploadTime</td>
<td>@file.Filename</td>
<td>@file.OriginalChecksum</td>
</tr>
}
</table>
</div>
<div id="metadata-tags" class="selected">
<table class="data-table">
<tr>
<th>Tag Name</th>
</tr>
</table>
<button>Add Tag</button>
</div>
</div>
</div>
|