brett/Zordon
1
0
Fork 0
mirror of https://github.com/blw1138/Zordon.git synced 2025-12-17 16:58:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improvements to thumbnail generation and detail page

Browse Source
This commit is contained in:
Brett Williams
2022-12-12 21:45:46 -08:00
parent 9ac22a5555
commit 9a9b0304b9
11 changed files with 51 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
templates/details.html
View File

@@ -24,8 +24,28 @@
</nav>
<div class="container table-container">
{{detail_table|safe}}
<div class="container table-container" style="text-align:center; width: 100%">
{% if media_url: %}
<video width="1280" height="720" controls>
<source src="{{media_url}}" type="video/mp4">
Your browser does not support the video tag.
</video>
{% elif job_status == 'Running': %}
<div style="width: 100%; height: 720px; position: relative; background: black;">
<img src="/static/gears.png" style="vertical-align: middle; width: auto; height: auto; position:absolute; margin: auto; top: 0;bottom: 0; left: 0; right: 0;">
<span style="height: auto; position:absolute; margin: auto; top: 60%; left: 0; right: 0; color: white;">
Rendering - {{ '{0:0.0f}'.format(job.percent_complete() * 100) }}%
</span>
</div>
{% else %}
<div style="width: 100%; height: 720px; position: relative; background: black;">
<img src="/static/{{job_status}}.png" style="vertical-align: middle; width: auto; height: auto; position:absolute; margin: auto; top: 0;bottom: 0; left: 0; right: 0;">
<span style="height: auto; position:absolute; margin: auto; top: 60%; left: 0; right: 0; color: white;">
{{job_status}}
</span>
</div>
{% endif %}
{{detail_table|safe}}
</div>
</body>

10
templates/index.html
View File

@@ -61,8 +61,12 @@
{% for job in all_jobs %}
<tbody>
<tr>
<td style="padding: 0; margin: 0;"><img src="/ui/job/{{job.id}}/thumbnail"></td>
<td>{{job.name}}</td>
<td style="padding: 0; margin: 0;">
<a href="/ui/job/{{job.id}}/full_details">
<img src="/ui/job/{{job.id}}/thumbnail" width="300">
</a>
</td>
<td><a href="/ui/job/{{job.id}}/full_details">{{job.name}}</a></td>
<td>{{job.renderer}}-{{job.worker.renderer_version}}</td>
<td>{{job.priority}}</td>
<td>{{job.render_status().value}}</td>
@@ -70,7 +74,7 @@
<td>{{ '{0:0.0f}'.format(job.percent_complete() * 100) }}%</td>
<td>{{job.frame_count()}}</td>
<td>{{job.client}}</td>
<td>{{job.worker.last_output}}</td>
<td><a href="/api/job/{{job.id}}/logs">{{job.worker.last_output}}</a></td>
<td>
<div class="buttons are-small">
<button class="button is-info" onclick="window.location.href='/ui/job/{{job.id}}/full_details';">