Add an icon to display regression/improvement compared to public level

This commit is contained in:
Alexandre Aubin 2020-11-12 23:58:51 +01:00
parent 8c627522b2
commit 1f0c3d108f
2 changed files with 10 additions and 2 deletions

View file

@ -36,6 +36,7 @@ th.ci-app-test-title > div > span
border:none;
}
td.ci-app-level { width: 48px; }
td.ci-app-test-result { text-align:center; padding: 14px 8px 8px 8px; }
td.ci-app-test-result > div { position:relative; background-color: #bdc3c7; border-radius:5px; width: 18px; height: 18px;}
td.ci-app-test-result > div.success { background-color: rgb(46,204,83); }

View file

@ -49,7 +49,7 @@
<thead>
<tr>
<th class="ci-app-row-title"></th>
<th class="ci-app-test-title"><div>Level</div></th>
<th class="ci-app-test-title ci-app-level"><div>Quality level</div></th>
{% for test in tests %}
<th class="ci-app-test-title"><div><span>{{ test }}</span></div></th>
{% endfor %}
@ -73,7 +73,14 @@
</a>
</td>
<td class="ci-app-level" value="{{ result.level }}">
<div title="Level"><strong>{{ result.level if result.level >= 0 else "?" }}</strong></div></td>
<div title="Level">
<strong>{{ result.level if result.level >= 0 else "?" }}</strong>
{% if result.level < result.app.public_level %}
<span class="ml-1 oi oi-arrow-thick-bottom" title="Regression" aria-hidden="true" style="color: crimson;"></span>
{% elif result.level > result.app.public_level %}
<span class="ml-1 oi oi-arrow-thick-bottom" title="Improvement" aria-hidden="true" style="color: limegreen;"></span>
{% endif %}
</div></td>
{% for test in tests %}
{% set r = result.results[test] %}
<td class="ci-app-test-result">