yolo_web/views/index.hbs

55 lines
1.7 KiB
Handlebars
Executable File

<!doctype html>
<html>
<title>YOLOv5 Training Web</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<body>
<div class="container">
<div class="row" style="center : true;">
<form method="POST" enctype="multipart/form-data" class="u-full-width">
<select name="model" id="model" required>
<option value="yolov5s_onnx">YOLOv5 (small) -> ONNX</option>
<option value="yolov5m_onnx">YOLOv5 (medium) -> ONNX</option>
<option value="yolov5l_onnx">YOLOv5 (large) -> ONNX</option>
</select>
<br />
<input type="text" name="name" id="name" placeholder="Model name" required />
<br />
<input type="email" name="email" id="email" placeholder="Email" required />
<br />
<input type="file" name="dataset" id="dataset" required />
<br />
<input type="submit" />
</form>
</div>
<div class="row">
{{#if hasTable}}
<table class="u-full-width">
<thead>
<tr>
<th>Job</th>
<th>Model</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{{#each rows}}
<tr>
<td>{{this.name}}</td>
{{#if this.hasModel}}
<td><a href="/model/{{this.id}}">{{this.id}}</a></td>
{{else}}
<td>{{this.id}}</td>
{{/if}}
<td>{{this.status}}</td>
</tr>
{{/each}}
</tbody>
</table>
{{else}}
<div><i>No jobs listed in queue</i></div>
{{/if}}
</div>
</div>
</body>
</html>