diff --git a/ipmd/templates/ipmd/saddlegallmidgeform.html b/ipmd/templates/ipmd/saddlegallmidgeform.html index 0d7fecd46f179cb6fa4d97e31c82dda77afa3ca3..6b6479ac810fb7afa231adddcae3e66c644c6493 100644 --- a/ipmd/templates/ipmd/saddlegallmidgeform.html +++ b/ipmd/templates/ipmd/saddlegallmidgeform.html @@ -30,7 +30,7 @@ <p>This model is integrated in VIPS from the <a href="https://platform.ipmdecisions.net/" target="new">IPM Decisions Platform</a> to support field validations for evaluation of the potential for use of this model in Norway. The integration of the model in VIPS, also serves as a demonstration of how decisions support systems from IPM Decisions can be integrated into external services. - Please read the <a href="https://gitlab.nibio.no/VIPS/VIPSWeb/" target="new">documentation on GitLab</a> for a more technical description.<br/> + Please read the <a href="https://gitlab.nibio.no/VIPS/VIPSWeb/-/tree/develop/ipmd" target="new">documentation on GitLab</a> for a more technical description.<br/> Source organization: <a href="https://adas.co.uk/" target="new">ADAS, England</a>. </p> @@ -44,7 +44,7 @@ </div> </div> <div id="weatherDataForm" style="display: none;"> - <h2>Weather data</h2> + <h2>Weather data sources</h2> <div class="row"> <div class="col-md-6"> <div id="parameterInfo" style="display: none;"></div> @@ -85,10 +85,14 @@ <div class="col-md-6"><div id="forecastDatasourceMap"></div></div> </div> <button class="btn btn-primary" type="button" onclick="submitData();">Run</button> - <div style="aspect-ratio: 2;"> + <div style="aspect-ratio: 2; display: none;" id="chartContainer"> + <h2>Results chart</h2> <canvas id="resultChart"></canvas> </div> - <div id="weatherData" class="table-responsive"></div> + <div id="weatherDataContainer" style="display: none;"> + <h2>Weather data</h2> + <div id="weatherData" class="table-responsive"></div> + </div> </div> {% endblock %} @@ -558,6 +562,8 @@ */ function displayResult(result) { + document.getElementById("chartContainer").style.display="block"; + let chartData = []; // Generate dates let dates = getDateArray(result.timeStart, 86400, result.locationResult[0].length); @@ -597,7 +603,9 @@ data: { datasets: chartData } - }) + }); + + document.getElementById("weatherDataContainer").style.display="block"; renderWeatherData(weatherData, document.getElementById("weatherData"), "table table-striped") }