diff --git a/cydiapomonella/templates/cydiapomonella/index.html b/cydiapomonella/templates/cydiapomonella/index.html index feb1309c9015d084d5f681816d1f65b48070f48b..739de6257620da03302c3bd57691c798830d4328 100644 --- a/cydiapomonella/templates/cydiapomonella/index.html +++ b/cydiapomonella/templates/cydiapomonella/index.html @@ -46,10 +46,31 @@ {% endblock %} {% block customCSS %} <style> + /* Over ride datatable property to maintain default color */ .navbar-default { background-color: #fff; border-color:#fff; } + + /* Text align center - used in datatable */ + .colCenter {text-align: center;} + + /* Data table odd stripe color */ + .table-striped>tbody>tr:nth-child(odd)>td, + .table-striped>tbody>tr:nth-child(odd)>th { + background-color: #ebf1d4 /* Choose your own color here */ + } + + /* Data table even stripe color */ + .table-striped>tbody>tr:nth-child(even)>td, + .table-striped>tbody>tr:nth-child(even)>th { + background-color: #e4ddd6 /* Choose your own color here */ + } + + body { + font-family: 'Source Sans Pro', sans-serif; + } + </style> {% endblock %} {% block customJS %} @@ -487,57 +508,66 @@ "render" : function(data, type, full, meta) { return data - } + }, + "sClass" : "colCenter", + "bSortable" : false }, { - "mData" : "time19", - "render" : function(data, type, full, meta) - { - return data - }, + "mData" : "time19", + "render" :function(data, type, full, meta) + { + return data + }, + "sClass" : "colCenter", "bSortable" : false }, { - "mData" : "time20", - "render" : function(data, type, full, meta) - { - return data - }, + "mData" : "time20", + "render" :function(data, type, full, meta) + { + return data + }, + "sClass" : "colCenter", "bSortable" : false }, + { - "mData" : "time21", - "render" : function(data, type, full, meta) - { - return data - }, + "mData" : "time21", + "render" :function(data, type, full, meta) + { + return data + }, + "sClass" : "colCenter", "bSortable" : false }, - { - "mData" : "time22", - "render" : function(data, type, full, meta) - { - return data - }, + { + "mData" : "time22", + "render" :function(data, type, full, meta) + { + return data + }, + "sClass" : "colCenter", "bSortable" : false }, { - "mData" : "time23", - "render" : function(data, type, full, meta) - { - return data - }, + "mData" : "time23", + "render" :function(data, type, full, meta) + { + return data + }, + "sClass" : "colCenter", "bSortable" : false } , { - "mData" : "rainFall", - "render" : function(data, type, full, meta) - { - return data - }, + "mData" : "rainFall", + "render" :function(data, type, full, meta) + { + return data + }, + "sClass" : "colCenter", "bSortable" : false - } + } ], destroy : true }); @@ -551,6 +581,8 @@ } + + /* Fetch hourly data through ajax call */ function getAjaxHourlyData(jsonParamUrlDataHourly,idJsonParam, flagActivate) { @@ -577,9 +609,10 @@ $('#idTableWeather').show(); $('#idDivHeatSum').show(); - resultData = data; + $('#divIdErrorWeatherStation').hide(); + resultData = data; setConvertHourlyData(resultData, flagActivate); - + if($.trim(idJsonParam.pas)) { @@ -591,9 +624,12 @@ funDtPickerHeatSum(); } + } else{ $('#idDivHeatSum').hide(); + $('#divIdErrorWeatherStation').show(); + $('#idTableWeather').hide(); } }, error : function(xhr, status, error) @@ -674,9 +710,13 @@ <div class="col-md-12" > <h1>{% trans "Calculate the risk of attack by the coddling moth" %}</h1> </div> - - -<div class="container-fluid"> +<div class="clearfix"></div> + <div class="container-fluid"> + <div class="row"> + <div class="col-sm-10"> + <div id='divIdErrorWeatherStation' class="alert alert-danger .alert-dismissable" style="display: none;" ><span class=".glyphicon .glyphicon-minus-sign"></span> No records available from selected weather station !!</div> + </div> + </div> <div class="row "> <div class="col-sm-4"> <select name="weatherStationName" id="weatherStationId" class="form-control"> @@ -747,16 +787,17 @@ <div class="container-fluid" id="idDivHeatSum" style="display: none;"> <div class="row "> - <label class="control-label">{% trans "Heat sum" %}</label> + <h3>{% trans "Heat sum" %}</h3> <form class="form-inline"> <div class="form-group form-inline"> <label for="nameTxtDateInput">{% trans "Calculate heat sum from date" %}:</label> - <input id="idTxtDateInput" name="nameTxtDateInput" class="form-control" type="date" placeholder="yyyy-mm-dd" onkeydown="return false" value="2020-01-01"/> + <input id="idTxtDateInput" name="nameTxtDateInput" class="form-control" type="date" placeholder="yyyy-mm-dd" onkeydown="return false" value="2020-01-01" style="line-height: inherit;"/> </div> <!-- button type="submit" class="btn btn-default">Submit</button --> </form> </div> + <div><br></div> <div class="row alert alert-warning"> {% trans "Heat sum, with a base temperature of 10 degrees Celcius, calculated for " %} <b><span id='idSpanWeatherStationName'>-</span></b> {% trans "weather station for the period starting with" %} <b><span id="idSpanStartDate">-</span></b> {% trans "and ending with" %} <b><span id="idSpanEndDate">--</span></b> (<b><span id="idSpanDateDifference">-</span></b> {% trans "days" %}) {% trans "is" %} : <span class="label label-primary" id="idDivResultNonNegative"></span> {% trans "day degrees" %} </div>