Started conversion to bootstrap for the frontend framework

This commit is contained in:
2025-07-01 14:12:59 -04:00
parent 604025179c
commit 03dab84224
5 changed files with 76 additions and 60 deletions

View File

@ -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>