Improvements to thumbnail generation and detail page

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

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>