4fe11d99f6
Now the title & version is also dynamically updated with Vue.
73 lines
2.6 KiB
HTML
73 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Flamenco Manager {{.Version}}</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/static/toastr/toastr.min.css">
|
|
<link rel='stylesheet' href='/static/dashboard.css'>
|
|
|
|
|
|
<script src='/static/vuejs/vue{{if ne .Config.Mode "develop"}}.min{{end}}.js'></script>
|
|
<script src="/static/jquery.min.js"></script>
|
|
<script src="/static/toastr/toastr.min.js"></script>
|
|
<script src="/static/bootstrap/js/bootstrap.min.js" async></script>
|
|
<script src="/static/clipboard.min.js" async></script>
|
|
<script src="/static/imagewatch.js" async></script>
|
|
|
|
{{ .VueTemplates }}
|
|
</head>
|
|
<body>
|
|
<div class="container theme-showcase" role="main" id='vue_app'>
|
|
<page-header :serverinfo="serverinfo"></page-header>
|
|
|
|
<section class="row">
|
|
<div class='col-md-5'>
|
|
<div class="card">
|
|
<div class="card-header" id='statusheading'>
|
|
<h3 class="card-title">Status</h3>
|
|
<button id='downloadkick' class='btn btn-sm btn-outline-light'>Kick task downloader</button>
|
|
</div>
|
|
<div class="card-body">
|
|
<status id='status'
|
|
:serverinfo="serverinfo"
|
|
:idle_workers="idle_workers"
|
|
:errormsg="errormsg">
|
|
</status>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='col-md-7'>
|
|
<div class="card">
|
|
<div class="card-header"><h3 class="card-title">Last rendered image</h3></div>
|
|
<div class="card-body imageholder">
|
|
<a href='/latest-image'>
|
|
<img id='last_rendered_image'
|
|
class='small-last-rendered-image'
|
|
alt='Last-rendered image'
|
|
src='/static/latest-image.jpg'>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="row table-responsive">
|
|
<worker-table
|
|
:workers="current_workers"
|
|
:server="serverinfo.server"
|
|
:selected_worker_ids="selected_worker_ids"
|
|
:all_workers_selected="all_workers_selected"
|
|
@worker-selected="onWorkerSelected"
|
|
@toggle-all-workers-selected="toggleSelectAllWorkers"
|
|
></worker-table>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="/static/dashboard.js"></script>
|
|
</body>
|
|
</html>
|