mirror of
https://github.com/blw1138/Zordon.git
synced 2025-12-17 16:58:12 +00:00
52 lines
2.0 KiB
HTML
52 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Zordon Dashboard</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="#">
|
|
Zordon Render Server - {{hostname}}
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<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>
|
|
</html> |