This repository has been archived on 2023-02-07. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
flamenco-manager/templates/dashboard.html
T
Sybren A. Stüvel 4fe11d99f6 Configurable name in dashboard
Now the title & version is also dynamically updated with Vue.
2019-02-22 16:12:41 +01:00

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>