Update templates/index.html
Browse files- templates/index.html +6 -5
templates/index.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
| 1 |
-
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
|
@@ -223,6 +223,7 @@
|
|
| 223 |
<option value="Malayalam">Malayalam</option>
|
| 224 |
</select>
|
| 225 |
</div>
|
|
|
|
| 226 |
</div>
|
| 227 |
</div>
|
| 228 |
|
|
@@ -312,7 +313,7 @@
|
|
| 312 |
|
| 313 |
// Fetch weather data from backend (/get_weather_data)
|
| 314 |
function fetchWeatherData(lat, lng) {
|
| 315 |
-
fetch(
|
| 316 |
.then(response => response.json())
|
| 317 |
.then(data => {
|
| 318 |
// Update the weather card container
|
|
@@ -367,13 +368,13 @@
|
|
| 367 |
|
| 368 |
// Fetch soil properties from backend (/get_soil_properties)
|
| 369 |
function fetchSoilProperties(lat, lng) {
|
| 370 |
-
fetch(
|
| 371 |
.then(response => response.json())
|
| 372 |
.then(data => {
|
| 373 |
if(data.soil_properties) {
|
| 374 |
let tableHTML = "<table><thead><tr><th>Parameter</th><th>Value</th><th>Unit</th></tr></thead><tbody>";
|
| 375 |
data.soil_properties.forEach(function(item) {
|
| 376 |
-
tableHTML +=
|
| 377 |
});
|
| 378 |
tableHTML += "</tbody></table>";
|
| 379 |
document.getElementById("soilTableContainer").innerHTML = tableHTML;
|
|
@@ -385,4 +386,4 @@
|
|
| 385 |
}
|
| 386 |
</script>
|
| 387 |
</body>
|
| 388 |
-
</html>
|
|
|
|
| 1 |
+
\<!DOCTYPE html>
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
|
|
|
| 223 |
<option value="Malayalam">Malayalam</option>
|
| 224 |
</select>
|
| 225 |
</div>
|
| 226 |
+
|
| 227 |
</div>
|
| 228 |
</div>
|
| 229 |
|
|
|
|
| 313 |
|
| 314 |
// Fetch weather data from backend (/get_weather_data)
|
| 315 |
function fetchWeatherData(lat, lng) {
|
| 316 |
+
fetch(/get_weather_data?lat=${lat}&lon=${lng})
|
| 317 |
.then(response => response.json())
|
| 318 |
.then(data => {
|
| 319 |
// Update the weather card container
|
|
|
|
| 368 |
|
| 369 |
// Fetch soil properties from backend (/get_soil_properties)
|
| 370 |
function fetchSoilProperties(lat, lng) {
|
| 371 |
+
fetch(/get_soil_properties?lat=${lat}&lon=${lng})
|
| 372 |
.then(response => response.json())
|
| 373 |
.then(data => {
|
| 374 |
if(data.soil_properties) {
|
| 375 |
let tableHTML = "<table><thead><tr><th>Parameter</th><th>Value</th><th>Unit</th></tr></thead><tbody>";
|
| 376 |
data.soil_properties.forEach(function(item) {
|
| 377 |
+
tableHTML += <tr><td>${item[0]}</td><td>${item[1]}</td><td>${item[2]}</td></tr>;
|
| 378 |
});
|
| 379 |
tableHTML += "</tbody></table>";
|
| 380 |
document.getElementById("soilTableContainer").innerHTML = tableHTML;
|
|
|
|
| 386 |
}
|
| 387 |
</script>
|
| 388 |
</body>
|
| 389 |
+
</html>
|