Started conversion to bootstrap for the frontend framework
This commit is contained in:
@ -8,51 +8,47 @@
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<h2>Test: {{ test.title }}</h2>
|
||||
<div class="col-12">
|
||||
<h2>Test: {{ test.title }}</h2>
|
||||
|
||||
<h4>Hardware tested: <a href="/hardware/{{ test.getHardware().id }}">{{ test.getHardware().name }}</a></h4>
|
||||
<h4>Hardware tested: <a href="/hardware/{{ test.getHardware().id }}">{{ test.getHardware().name }}</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<form id="test-result-form" class="twelve columns" action="/api/v1/result/add" method="post">
|
||||
<form id="test-result-form" class="col-12" action="/api/v1/result/add" method="post">
|
||||
<input type="hidden" name="result_test" value="{{ test.id }}">
|
||||
|
||||
<div class="row">
|
||||
<div class="four columns">
|
||||
<label for="result_benchmark">
|
||||
Benchmark:
|
||||
<select class="u-full-width" id="result_benchmark" name="result_benchmark">
|
||||
{% for b in test.getBenchmarks() %}
|
||||
<option value="{{ b.id }}">{{ b.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</label>
|
||||
<div class="col-4">
|
||||
<label class="form-label" for="result_benchmark">Benchmark:</label>
|
||||
<select id="result_benchmark" class="form-select" name="result_benchmark">
|
||||
{% for b in test.getBenchmarks() %}
|
||||
<option value="{{ b.id }}">{{ b.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="two columns">
|
||||
<label for="result_avg">
|
||||
Average:
|
||||
<input type="number" id="result_avg" class="u-full-width" name="result_avg" step="0.01" required>
|
||||
</label>
|
||||
<div class="col-2">
|
||||
<label class="form-label" for="result_avg">Average:</label>
|
||||
<input id="result_avg" class="form-control" type="number" name="result_avg" step="0.01" required>
|
||||
</div>
|
||||
|
||||
<div class="two columns">
|
||||
<label for="result_min">
|
||||
Minimum:
|
||||
<input type="number" id="result_min" class="u-full-width" name="result_min" step="0.01">
|
||||
</label>
|
||||
<div class="col-2">
|
||||
<label class="form-label" for="result_min">Minimum:</label>
|
||||
<input id="result_min" class="form-control" type="number" name="result_min" step="0.01">
|
||||
</div>
|
||||
|
||||
<div class="two columns">
|
||||
<label for="result_max">
|
||||
Maximum:
|
||||
<input type="number" id="result_max" class="u-full-width" name="result_max" step="0.01">
|
||||
</label>
|
||||
<div class="col-2">
|
||||
<label class="form-label" for="result_max">Maximum:</label>
|
||||
<input id="result_max" class="form-control" type="number" name="result_max" step="0.01">
|
||||
</div>
|
||||
|
||||
<input type="submit" class="two columns" value="Submit">
|
||||
<div class="col-2">
|
||||
<input type="submit" class="btn btn-primary" value="Add Result">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -60,10 +56,10 @@
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<div class="twelve columns">
|
||||
<h3>Benchmarks</h3>
|
||||
<table id="results-table" data-test-id="{{ test.id }}" class="u-full-width">
|
||||
<thead>
|
||||
<div class="col-12">
|
||||
<h3 class="mb-3">Benchmarks</h3>
|
||||
<table id="results-table" class="table table-hover table-responsive" data-test-id="{{ test.id }}">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<td>Benchmark</td>
|
||||
<td>Scoring type</td>
|
||||
|
Reference in New Issue
Block a user