Ability to select specific CI results
This change adds ability to see only selected rows (by clicking on them), to get more illustrative view of a specific CI robot by comparing its results with some Jenkins job, for example. Change-Id: I34ab24e1eb7f989d131025ac9cf9dac70fc3fe76
This commit is contained in:
parent
b880656e32
commit
66d34bff33
|
@ -0,0 +1,20 @@
|
||||||
|
$(document).ready(function () {
|
||||||
|
$("td.ci-name").parent().click(function () {
|
||||||
|
$(this).toggleClass("selected");
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#select-button").click(function () {
|
||||||
|
if ($(this).hasClass("active")) {
|
||||||
|
$("tr:hidden,tbody:hidden").show();
|
||||||
|
$(this).color = "";
|
||||||
|
$(this).html("Select");
|
||||||
|
} else {
|
||||||
|
$("tr:not(.selected):has(td.ci-name)").hide();
|
||||||
|
$("tbody:not(:has(.selected),:not(:has(td.ci-name)))").hide();
|
||||||
|
$(".selected").removeClass("selected");
|
||||||
|
|
||||||
|
$(this).html("Unselect");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
|
@ -6,6 +6,10 @@ table.table {
|
||||||
background-color: #EEE;
|
background-color: #EEE;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.selected {
|
||||||
|
background-color: #EEF;
|
||||||
|
}
|
||||||
|
|
||||||
.failure {
|
.failure {
|
||||||
color: #C00;
|
color: #C00;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
@ -5,3 +5,6 @@
|
||||||
Click the icons to view relevant logs.
|
Click the icons to view relevant logs.
|
||||||
Newest results are shown furthest to the left.
|
Newest results are shown furthest to the left.
|
||||||
</p>
|
</p>
|
||||||
|
<p>
|
||||||
|
To view specific CI results, click on the row/(s) and click 'select' button.
|
||||||
|
</p>
|
||||||
|
|
|
@ -40,6 +40,7 @@
|
||||||
|
|
||||||
<button id="verified-1-button" class="btn btn-default" type="button" data-toggle="button">Highlight Jenkins -1 votes</button>
|
<button id="verified-1-button" class="btn btn-default" type="button" data-toggle="button">Highlight Jenkins -1 votes</button>
|
||||||
<button id="verified1-button" class="btn btn-default" type="button" data-toggle="button">Highlight Jenkins +1 votes</button>
|
<button id="verified1-button" class="btn btn-default" type="button" data-toggle="button">Highlight Jenkins +1 votes</button>
|
||||||
|
<button id="select-button" class="btn btn-default" type="button" data-toggle="button">Select</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="table">
|
<div class="table">
|
||||||
|
@ -57,21 +58,22 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>Patch Set</td>
|
<td>Patch Set</td>
|
||||||
{% for patch_set in patch_sets %}
|
{% for patch_set in patch_sets %}
|
||||||
<td style="text-align:center;">
|
<td style="text-align:center;">
|
||||||
<a href="https://review.openstack.org/#/c/{{ "/".join(patch_set.ref.split("/")[-2:]) }}"
|
<a href="https://review.openstack.org/#/c/{{ "/".join(patch_set.ref.split("/")[-2:]) }}"
|
||||||
data-toggle="popover" data-html="true" data-placement="bottom" title="Commit Message"
|
data-toggle="popover" data-html="true" data-placement="bottom" title="Commit Message"
|
||||||
data-content="{{ patch_set.commit_message|nl2br }}">
|
data-content="{{ patch_set.commit_message|nl2br }}">
|
||||||
<span class="fa fa-external-link"></span>
|
<span class="fa fa-external-link"></span>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tr>
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
{% for owner, results in user_results.iteritems() %}
|
{% for owner, results in user_results.iteritems() %}
|
||||||
|
<tbody>
|
||||||
<tr class="ci-user"><td colspan="{{ patch_sets|length + 1}}" class="ci-user">{{ owner.name }}</td></tr>
|
<tr class="ci-user"><td colspan="{{ patch_sets|length + 1}}" class="ci-user">{{ owner.name }}</td></tr>
|
||||||
{% for ci in results %}
|
{% for ci in results %}
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -96,8 +98,8 @@
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<tr class="blank-row"></tr>
|
<tr class="blank-row"></tr>
|
||||||
{% endfor %}
|
|
||||||
</tbody>
|
</tbody>
|
||||||
|
{% endfor %}
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -105,6 +107,7 @@
|
||||||
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
||||||
<script src="{{ url_for('static', filename='hover.js') }}"></script>
|
<script src="{{ url_for('static', filename='hover.js') }}"></script>
|
||||||
<script src="{{ url_for('static', filename='verified.js') }}"></script>
|
<script src="{{ url_for('static', filename='verified.js') }}"></script>
|
||||||
|
<script src="{{ url_for('static', filename='compare.js') }}"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue