Changed UI color style

pull/3/head
Sami Mokaddem 2017-11-06 16:09:29 +01:00
parent 671c8f2608
commit 798bd9d6c9
3 changed files with 15 additions and 10 deletions

View File

@ -3,6 +3,11 @@
height: auto; height: auto;
} }
.infoBlue {
background-color: #719bc0 !important;
color: white;
}
.centerInBtn { .centerInBtn {
float: left; float: left;
text-align: center; text-align: center;

View File

@ -269,19 +269,19 @@ function updateProgressHeader(org) {
// update color in other dataTables // update color in other dataTables
datatableTop.rows().every( function() { datatableTop.rows().every( function() {
var row = this.node(); var row = this.node();
if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); } if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
}); });
datatableFame.rows().every( function() { datatableFame.rows().every( function() {
var row = this.node(); var row = this.node();
if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); } if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
}); });
datatableCateg.rows().every( function() { datatableCateg.rows().every( function() {
var row = this.node(); var row = this.node();
if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); } if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
}); });
datatableLast.rows().every( function() { datatableLast.rows().every( function() {
var row = this.node(); var row = this.node();
if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); } if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
}); });
}); });
} }

View File

@ -62,7 +62,7 @@
<label class="checkbox-inline" style="font-weight: bold; position: relative; top: -30%; left:10%"> <label class="checkbox-inline" style="font-weight: bold; position: relative; top: -30%; left:10%">
<input id="reloadCheckbox" type="checkbox" style="top: -2px;" checked>Auto reload <input id="reloadCheckbox" type="checkbox" style="top: -2px;" checked>Auto reload
</label> </label>
<label id='labelRemainingTime' style="font-weight: bold; position: relative; left: -38%; bottom: -30%;"></label> <label id='labelRemainingTime' style="font-weight: bold; font-size: medium; position: relative; left: -38%; bottom: -30%; color: #f0ad4e;"></label>
</div> </div>
</div> </div>
<div id="ledsHolder" style="float: right; height: 50px;"> <div id="ledsHolder" style="float: right; height: 50px;">
@ -99,7 +99,7 @@
<div class="col-lg-8"> <div class="col-lg-8">
<div class="panel panel-default" style="height: 100%;"> <div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;"> <div class="panel-heading bg-info" style="font-weight: bold;">
<i class="fa fa-asterisk " style="margin-right: 5px;"></i><b>Contributor Ranking</b> <i class="fa fa-asterisk " style="margin-right: 5px; color: #f0ad4e;"></i><b>Contributor Ranking</b>
</div> </div>
<div id="panelRanking" class="panel-body" style="height: 100%;"> <div id="panelRanking" class="panel-body" style="height: 100%;">
@ -126,7 +126,7 @@
<div class="col-lg-4"> <div class="col-lg-4">
<div class="panel panel-default" style="height: 100%;"> <div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;"> <div class="panel-heading bg-info" style="font-weight: bold;">
<i class="glyphicon glyphicon-fire " style="margin-right: 5px;"></i><b>Last contributors (24h)</b> <i class="glyphicon glyphicon-fire " style="margin-right: 5px; color: #d9534f;"></i><b>Last contributors (24h)</b>
</div> </div>
<div id="panellast" class="panel-body" style="height: 100%;"> <div id="panellast" class="panel-body" style="height: 100%;">
@ -153,7 +153,7 @@
<div class="col-lg-12"> <div class="col-lg-12">
<div class="panel panel-default" style="height: 100%;"> <div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;"> <div class="panel-heading bg-info" style="font-weight: bold;">
<i class="fa fa-th-list " style="margin-right: 5px;"></i><b>Contributors and Categories</b> <i class="fa fa-th-list " style="margin-right: 5px; color: #f0ad4e;"></i><b>Contributors and Categories</b>
</div> </div>
<div id="panelRanking" class="panel-body" style="height: 100%;"> <div id="panelRanking" class="panel-body" style="height: 100%;">
@ -188,7 +188,7 @@
<div class="panel panel-default" style="height: 100%;"> <div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;"> <div class="panel-heading bg-info" style="font-weight: bold;">
<i class="fa fa-star-o" style="margin-right: 5px;"></i><b>Hall Of Fame</b> <i class="fa fa-star" style="margin-right: 5px; color: #f0ad4e;"></i><b>Hall Of Fame</b>
</div> </div>
<div id="panelRanking" class="panel-body" style="height: 100%;"> <div id="panelRanking" class="panel-body" style="height: 100%;">
@ -213,7 +213,7 @@
<div class="panel panel-default" style="height: 100%;"> <div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;"> <div class="panel-heading bg-info" style="font-weight: bold;">
<i class="fa fa-line-chart" style="margin-right: 5px;"></i><b>Top 5 Contributor overtime</b> <i class="fa fa-line-chart" style="margin-right: 5px; color: #f0ad4e;"></i><b>Top 5 Contributor overtime</b>
</div> </div>
<div id="panelRanking" class="panel-body" style="height: 100%;"> <div id="panelRanking" class="panel-body" style="height: 100%;">
<div id="divTop5Overtime" style="height: 32vh"></div> <div id="divTop5Overtime" style="height: 32vh"></div>