fixed comments for filters (#6331)

This commit is contained in:
Irina Burgun
2021-06-24 16:18:28 +03:00
committed by GitHub
parent 6cf4f7eecf
commit 23f689bf74
4 changed files with 497 additions and 35 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,8 +1,9 @@
deviceList = [];
$(document).ready(function () {
var opsets = {};
LoadOpsetNumbers();
LoadDevices();
$('#status').prop("disabled", true);
$("#status").chosen({max_selected_options: 6});
$("#filters").submit(function (event) {
event.preventDefault();
@@ -11,19 +12,24 @@ $(document).ready(function () {
$('#reset').click(function () {
$('#opsetNumber').val(0);
$('#operationName').val('');
$('#status').prop("disabled", true).val(0);
$('#status').prop("disabled", true).val('');
$('#devices').val(0);
$('#references').val(0);
$("#status").chosen("destroy");
$("#status").chosen({max_selected_options: 6});
filterTable();
});
$('#devices').on('change', function () {
if (this.value == 0) {
$('#status').prop("disabled", true).val(0);
$('#status').prop("disabled", true).val('');
$("#status").chosen("destroy");
$("#status").chosen({max_selected_options: 6});
} else {
$('#status').prop("disabled", false);
$("#status").chosen("destroy");
$("#status").chosen({max_selected_options: 6});
};
});
});
function LoadOpsetNumbers() {
@@ -86,7 +92,7 @@ function filterTable() {
if (operationName) {
$("#report #data tr:not(:hidden)").filter(function () {
$(this).toggle($(this).find('th').text().split("-")[0].toLowerCase().indexOf(operationName.toLowerCase()) > -1);
$(this).toggle($(this).find('th').text().toLowerCase().indexOf(operationName.toLowerCase()) > -1);
});
}
@@ -101,32 +107,35 @@ function filterTable() {
});
}
}
if (status != 0) {
if (status == 'p') {
$("#report #data tr:not(:hidden)").filter(function () {
$(this).toggle($(this).find('.value:visible[crashed="0"][failed="0"][skipped="0"]').length > 0)
});
} else if (status == 'f') {
$("#report #data tr:not(:hidden)").filter(function () {
$(this).toggle($(this).find('.value:visible[passed="0"][crashed="0"][skipped="0"]').length > 0)
});
} else if (status == 'c') {
$("#report #data tr:not(:hidden)").filter(function () {
$(this).toggle($(this).find('.value:visible[passed="0"][failed="0"][skipped="0"]').length > 0)
});
} else if (status == 's') {
$("#report #data tr:not(:hidden)").filter(function () {
$(this).toggle($(this).find('.value:visible[passed="0"][failed="0"][crashed="0"]').length > 0)
});
} else { // No tests
$("#report #data tr:not(:hidden)").filter(function () {
$(this).toggle($(this).find('.table-secondary:visible').length > 0)
});
}
if (status) {
select = status.split(',');
selector = [];
select.forEach(item => {
if (item == 'p') {
selector.push('.value:visible[crashed="0"][failed="0"][skipped="0"]');
}
if (item == 'f') {
selector.push('.value:visible[failed!="0"]');
}
if (item == 'c') {
selector.push('.value:visible[crashed!="0"]');
}
if (item == 's') {
selector.push('.value:visible[skipped!="0"]');
}
if (item == 'ex') {
selector.push('.value:visible');
}
if (item == 'na') {
selector.push('.table-secondary:visible');
}
});
elements = selector.join(',');
$("#report #data tr:not(:hidden)").filter(function () {
$(this).toggle($(this).find(elements).length > 0)
});
}
if ($("#report #data tr").length == $("#report #data tr:hidden").length) {
$('#report').hide();
$('#message').show();

View File

@@ -14,6 +14,7 @@
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="template/filters.js"></script>
<script src="template/chosen.jquery.min.js" type="text/javascript"></script>
<title>Report</title>
</head>
@@ -65,14 +66,14 @@
</div>
<div class="form-group">
<div class="form-group col-5" style="padding-left:0">
<label for="status"><b>Status</b></label>
<select id="status" class="form-control" disabled>
<option value="0">All</option>
<select id="status" class="form-control" multiple>
<option value="p">100% Passed</option>
<option value="f">100% Failed</option>
<option value="s">100% Skipped</option>
<option value="c">100% Crashed</option>
<option value="f">Failed</option>
<option value="s">Skipped</option>
<option value="c">Crashed</option>
<option value="ex">Existing tests</option>
<option value="na">No tests</option>
</select>
</div>

View File

@@ -34,6 +34,7 @@ body {
padding: 5px 10px;
position: sticky;
top: 0;
z-index: 30;
}
.filters form {
display: flex;
@@ -86,3 +87,451 @@ form button {
h2 {
margin-bottom: 2rem;
}
/* @group Base */
.chosen-container {
position: relative;
display: block;
user-select: none;
}
.chosen-container * {
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%);
}
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
-webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%);
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: .75rem;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
font-size: 1rem;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #007bff;
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
height: calc(2.25rem + 2px);
box-sizing: border-box;
cursor: text;
padding: .375rem .75rem;
font-size: 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: auto;
outline: 0;
border: 0 !important;
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #999;
font-size: 1rem;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 0px 5px 0px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 1rem;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: calc( 50% - 6px);
right: 3px;
display: block;
width: 12px;
height: 12px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
content: "";
width: 0;
height: 12px;
border-left: 2px solid #555;
position: absolute;
top: 0;
left: 50%;
transform: rotate(45deg);
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
content:"";
width: 0;
height: 12px;
border-left: 2px solid #555;
position: absolute;
top: 0;
left: 50%;
transform: rotate(-45deg);
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
background-image: linear-gradient(#eee 20%, #fff 80%);
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #80bdff;
box-shadow:0 0 0 0.2rem rgb(0 123 255 / 25%)
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}