Verified Commit 94cf9d4d authored by Michal Hrusecky's avatar Michal Hrusecky 🐉

UI polishing

parent 3554ff77
......@@ -34,11 +34,15 @@ i {
font-weight: bold;
}
.extra_row {
#pakon-results .extra_row {
display: none;
font-style: italic;
}
#pakon-results .extra_row td {
padding-left: 20px;
}
#date-from, #date-to, #time-from, #time-to, #apply-changes {
float: right;
margin-left: 10px;
......@@ -82,13 +86,13 @@ label {
font-weight: bold;
}
tr.odd, tr.even, tr.extra_row.even, tr.extra_row.odd {
border-style: none none solid none;
border-width: 1px;
border-color: rgba(255,255,255,0);
tr.odd, tr.even {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgba(255,255,255,0);
}
tr.odd:hover, tr.even:hover, tr.extra_row.even:hover, tr.extra_row.odd:hover {
tr.odd:hover, tr.even:hover {
border-color: rgba(0,162,226,1);
}
......@@ -98,12 +102,6 @@ tr.odd {
tr.even {
background: #FFF;
}
tr.extra_row.even {
background: #DDD;
}
tr.extra_row.odd {
background: #EEE;
}
td:nth-child(7), td:nth-child(8), th:nth-child(7), th:nth-child(8) {
text-align: right;
......@@ -123,3 +121,23 @@ td:nth-child(7), td:nth-child(8), th:nth-child(7), th:nth-child(8) {
display: inline-block;
width: 10em;
}
tr.extra_row {
border-right-width: 1px;
border-right-style: dotted;
border-right-color: black;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: black;
}
tr.extra_last, tr.extra_first {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: black;
}
table {
border-collapse: collapse;
border-spacing: 1px;
}
......@@ -110,7 +110,10 @@ function render_results() {
if(filtered_data[x][8]) {
let y = 0;
for(y = 0; y < filtered_data[x][8].length; y++) {
table += '<tr class="extra_row extra_' + x + ' ' + (y % 2 ? 'odd' : 'even') + '"><td></td>' + render_entry(filtered_data[x][8][y]) + '</tr>\n';
let extra_class = ' ';
if(y == filtered_data[x][8].length - 1)
extra_class = ' extra_last ';
table += '<tr class="extra_row extra_' + x + extra_class + (y % 2 ? 'odd' : 'even') + '"><td></td>' + render_entry(filtered_data[x][8][y]) + '</tr>\n';
}
}
}
......
......@@ -16,9 +16,11 @@ function toogle_lines(line) {
if($('#line_' + line + ' td.line-toogle i').attr('class') == 'fas fa-plus') {
$('.extra_' + line).show();
$('#line_' + line + ' td.line-toogle i').removeClass('fa-plus').addClass('fa-minus');
$('#line_' + line).addClass('extra_first');
} else {
$('.extra_' + line).hide();
$('#line_' + line + ' td.line-toogle i').addClass('fa-plus').removeClass('fa-minus');
$('#line_' + line).removeClass('extra_first');
}
}
......@@ -101,7 +103,7 @@ function apply() {
}
function dnd() {
$("#spinner").addClass('spinner');
Foris.SpinnerDisplay('{% trans %}Loading data...{% endtrans %}');
$("#tagcloud").css("height", '0px');
$("#apply-changes").prop("disabled", true);
$("#pakon-table-data").html('');
......@@ -109,7 +111,7 @@ function dnd() {
function available() {
$("#apply-changes").prop("disabled", false);
$("#spinner").removeClass('spinner');
Foris.SpinnerRemove();
}
function zp(data) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment