Add filters to compare page

This commit is contained in:
Alexandre Aubin 2018-05-21 21:59:34 +00:00
parent fe800033a8
commit e84ee5b4a2

View file

@ -7,6 +7,10 @@
<div class="row"> <div class="row">
<div class="mx-auto"> <div class="mx-auto">
<div> <div>
<button id="filter_onlyDiffs" type="button" class="btn btn-primary btn-lg" href="javascript:void(0)" onclick="toggle(this)">Show only diffs</button>
<button id="filter_onlyOfficials" type="button" class="btn btn-default btn-lg" href="javascript:void(0)" onclick="toggle(this)">Show only officials</button>
</div>
<div>
<table class="table table-responsive ci-app-table"> <table class="table table-responsive ci-app-table">
<thead> <thead>
<tr> <tr>
@ -18,7 +22,7 @@
</thead> </thead>
<tbody> <tbody>
{% for result in results %} {% for result in results %}
<tr class="ci-branch-comparison" value="{{ result.compare }}" app="{{ result.app.name }}"> <tr class="ci-branch-comparison {% if result.app.list.name == "official" %}official{% endif %}" value="{{ result.compare }}" app="{{ result.app.name }}">
<td class="ci-app-row-title"> <td class="ci-app-row-title">
{% if result.app.list.name == "official" %} {% if result.app.list.name == "official" %}
<span class="official-star oi oi-star" title="Official" aria-hidden="true"></span> <span class="official-star oi oi-star" title="Official" aria-hidden="true"></span>
@ -75,7 +79,22 @@ window.onload = function () {
}] }]
}); });
chart.render(); chart.render();
update_filters();
} }
function toggle(e) {
$(e).toggleClass("btn-default");
$(e).toggleClass("btn-primary");
update_filters();
}
function update_filters() {
var onlyDiffs = $("#filter_onlyDiffs").hasClass("btn-primary");
var onlyOfficials = $("#filter_onlyOfficials").hasClass("btn-primary");
$(".ci-branch-comparison").show();
if (onlyDiffs) { $(".ci-branch-comparison[value='same']").hide(); }
if (onlyOfficials) { $(".ci-branch-comparison:not(.official)").hide(); }
}
</script> </script>