Upload 2 files

app.py

@@ -0,0 +1,154 @@
+from flask import Flask, render_template, request, jsonify
+import requests
+from bs4 import BeautifulSoup
+
+app = Flask(__name__)
+
+# Internal mapping of crops to pests (for the form)
+CROP_TO_PESTS = {
+    "Sorgum": ["FallArmyWorm"],
+    "Maize": ["FallArmyWorm"],
+    "Rice": ["Blast", "GallMidge", "YSB", "PlantHopper", "BlueBeetle", "BacterialLeafBlight"],
+    "Cotton": ["Thrips", "Whitefly", "PinkBollworm", "Jassid", "BollRot", "AmericanBollworm"],
+    "Soybean": ["Girdlebeetle", "H.armigera", "Semilooper", "Spodoptera", "StemFLy"],
+    "Tur": ["Wilt", "Webbed_Leaves", "Pod_damage"],
+    "Sugarcane": ["FallArmyGrub", "WhiteGrub"],
+    "Gram": ["H.armigera", "Wilt"]
+}
+
+# Fixed year options for the form
+YEARS = ["2024-25", "2023-24", "2022-23", "2021-22"]
+
+# Map our internal crop names to the external page's crop values.
+CROP_MAPPING = {
+    "Cotton": "1",
+    "Gram": "4",
+    "Maize": "7",
+    "Rice": "3",
+    "Sorghum": "6",
+    "Soybean": "2",
+    "Sugarcane": "8",
+    "Tur": "5",
+    "Sorgum": "6"  # Adjust if needed
+}
+
+# Map our internal pest names to external page values per crop.
+PEST_MAPPING = {
+    "Cotton": {
+        "FallArmyWorm": "71"
+    },
+    "Gram": {
+        "H.armigera": "72",
+        "Wilt": "73"
+    },
+    "Maize": {
+        "FallArmyWorm": "74"
+    },
+    "Rice": {
+        "Blast": "75",
+        "GallMidge": "76",
+        "YSB": "77",
+        "PlantHopper": "78",
+        "BlueBeetle": "79",
+        "BacterialLeafBlight": "80"
+    },
+    "Soybean": {
+        "Girdlebeetle": "81",
+        "H.armigera": "82",
+        "Semilooper": "83",
+        "Spodoptera": "84",
+        "StemFLy": "85"
+    },
+    "Tur": {
+        "Wilt": "86",
+        "Webbed_Leaves": "87",
+        "Pod_damage": "88"
+    },
+    "Sugarcane": {
+        "FallArmyGrub": "89",
+        "WhiteGrub": "90"
+    },
+    "Sorgum": {
+        "FallArmyWorm": "91"
+    }
+}
+
+# Parameter codes and labels for the final image URL
+PARAMS = {
+    "Mint": "Min Temperature",
+    "Maxt": "Max Temperature",
+    "RH": "Relative Humidity",
+    "RF": "Rainfall",
+    "PR": "Pest Report"
+}
+
+
+@app.route('/')
+def index():
+    # Read query parameters (if provided)
+    crop = request.args.get('crop', '')
+    pest = request.args.get('pest', '')
+    year = request.args.get('year', '')
+    week = request.args.get('week', '')
+    param = request.args.get('param', '')
+
+    image_url = ""
+    if crop and pest and year and week and param:
+        # Build image URL using the pattern:
+        # http://www.icar-crida.res.in:8080/naip/gisimages/{CROP}/{YEAR}/{PEST}_{PARAM}{WEEK}.jpg
+        base_url = f"http://www.icar-crida.res.in:8080/naip/gisimages/{crop}/{year}/{pest}_"
+        image_url = f"{base_url}{param}{week}.jpg"
+
+    return render_template('index.html',
+                           crops=list(CROP_TO_PESTS.keys()),
+                           crop_to_pests=CROP_TO_PESTS,
+                           years=YEARS,
+                           params=PARAMS,
+                           selected_crop=crop,
+                           selected_pest=pest,
+                           selected_year=year,
+                           selected_week=week,
+                           selected_param=param,
+                           image_url=image_url)
+
+
+@app.route('/fetch_weeks')
+def fetch_weeks():
+    """
+    Dynamically fetch available week options by sending a GET request
+    with the selected crop, pest, and year to the external JSP page.
+    """
+    crop = request.args.get('crop', '')
+    pest = request.args.get('pest', '')
+    year = request.args.get('year', '')
+
+    # Use our mappings to get external values
+    ext_crop = CROP_MAPPING.get(crop, '')
+    ext_pest = ""
+    if crop in PEST_MAPPING and pest in PEST_MAPPING[crop]:
+        ext_pest = PEST_MAPPING[crop][pest]
+
+    # Build query parameters as expected by the external page
+    payload = {
+        "country": ext_crop,  # external crop value
+        "city": ext_pest,  # external pest value
+        "sowing": year  # year remains the same
+    }
+
+    weeks = []
+    try:
+        # Use GET request with parameters
+        response = requests.get("http://www.icar-crida.res.in:8080/naip/gismaps.jsp", params=payload, timeout=10)
+        soup = BeautifulSoup(response.text, 'html.parser')
+        week_options = soup.select('select[name="week"] option')
+        # Filter out default options (e.g., those containing "Select")
+        weeks = [opt.get('value') for opt in week_options if opt.get('value') and "Select" not in opt.get('value')]
+        if not weeks:
+            weeks = [str(i) for i in range(1, 53)]
+    except Exception as e:
+        weeks = [str(i) for i in range(1, 53)]
+    return jsonify({"weeks": weeks})
+
+
+if __name__ == '__main__':
+    app.run(debug=True)

templates/index.html

@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Pest GeoSpatial Analytics</title>
+  <style>
+    /* Import a Google Font for a modern look */
+    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
+
+    /* Keyframe for fade-in effect */
+    @keyframes fadeIn {
+      from { opacity: 0; transform: translateY(20px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+
+    /* Global Styles */
+    body {
+      margin: 0;
+      padding: 0;
+      font-family: 'Roboto', sans-serif;
+      background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+    }
+
+    /* Container Styles */
+    .container {
+      width: 95%;
+      max-width: 800px;
+      background: #fff;
+      padding: 40px;
+      margin: 20px;
+      border-radius: 12px;
+      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
+      animation: fadeIn 1s ease-out;
+    }
+
+    /* Heading Styles */
+    h1 {
+      color: #2e7d32;
+      text-align: center;
+      margin-bottom: 30px;
+      font-size: 2.8em;
+    }
+
+    /* Form Styles */
+    form {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    label {
+      font-weight: 500;
+      margin-bottom: 8px;
+      color: #333;
+    }
+
+    select, button {
+      width: 100%;
+      padding: 14px 18px;
+      border: 1px solid #ccc;
+      border-radius: 8px;
+      font-size: 1em;
+      transition: all 0.3s ease;
+    }
+
+    select:focus, button:focus {
+      outline: none;
+      border-color: #2e7d32;
+      box-shadow: 0 0 8px rgba(46, 125, 50, 0.5);
+    }
+
+    button {
+      background-color: #2e7d32;
+      color: #fff;
+      font-weight: 700;
+      cursor: pointer;
+      margin-top: 10px;
+    }
+
+    button:hover {
+      background-color: #276a2e;
+      transform: scale(1.02);
+    }
+
+    .note {
+      font-style: italic;
+      color: #555;
+      margin-top: 10px;
+      text-align: center;
+    }
+
+    /* Map Section Styles */
+    .map {
+      margin-top: 40px;
+      text-align: center;
+    }
+
+    .map h2 {
+      color: #2e7d32;
+      margin-bottom: 20px;
+      font-size: 2em;
+    }
+
+    .map img {
+      max-width: 100%;
+      border: 3px solid #2e7d32;
+      border-radius: 8px;
+      transition: opacity 0.5s ease;
+    }
+
+    .error {
+      color: red;
+      font-weight: 700;
+      margin-top: 20px;
+      font-size: 1.2em;
+    }
+  </style>
+</head>
+<body>
+<div class="container">
+  <h1>Pest GeoSpatial Analytics</h1>
+
+  <form method="GET" action="/">
+    <!-- Crop selection -->
+    <label for="crop">Crop:</label>
+    <select id="crop" name="crop" onchange="updatePestDropdown()">
+      <option value="">--Select Crop--</option>
+      {% for c in crops %}
+        <option value="{{ c }}" {% if selected_crop == c %}selected{% endif %}>{{ c }}</option>
+      {% endfor %}
+    </select>
+
+    <!-- Pest selection (populated dynamically) -->
+    <label for="pest">Pest:</label>
+    <select id="pest" name="pest">
+      <option value="">--Select Pest--</option>
+      <!-- Options will be set by JavaScript based on selected crop -->
+    </select>
+
+    <!-- Year selection -->
+    <label for="year">Year:</label>
+    <select id="year" name="year" onchange="fetchWeeks()">
+      <option value="">--Select Year--</option>
+      {% for y in years %}
+        <option value="{{ y }}" {% if selected_year == y %}selected{% endif %}>{{ y }}</option>
+      {% endfor %}
+    </select>
+
+    <!-- Week selection (populated dynamically) -->
+    <label for="week">Week:</label>
+    <select id="week" name="week">
+      <option value="">--Select Week--</option>
+      {% if selected_week %}
+        <option value="{{ selected_week }}" selected>{{ selected_week }}</option>
+      {% endif %}
+    </select>
+
+    <!-- Parameter selection -->
+    <label for="param">Parameter:</label>
+    <select id="param" name="param">
+      <option value="">--Select Parameter--</option>
+      {% for code, label in params.items() %}
+        <option value="{{ code }}" {% if selected_param == code %}selected{% endif %}>{{ label }}</option>
+      {% endfor %}
+    </select>
+
+    <button type="submit">Load Map</button>
+    <p class="note">Select a Crop, Pest, Year, Week, and Parameter to load the corresponding map.</p>
+  </form>
+
+  {% if image_url %}
+  <div class="map" id="mapContainer">
+    <h2>Fetched Results</h2>
+    <img src="{{ image_url }}" alt="Map for {{ selected_param }} parameter" onerror="handleImageError(this)">
+    <div id="dataNotAvailable" class="error" style="display:none;">Data Not Available. Cannot plot map.</div>
+  </div>
+  {% endif %}
+</div>
+
+<script>
+  // Crop-to-Pest mapping provided from the server
+  const cropToPests = {{ crop_to_pests | tojson }};
+
+  // Update the pest dropdown based on the selected crop
+  function updatePestDropdown() {
+    const cropSelect = document.getElementById("crop");
+    const pestSelect = document.getElementById("pest");
+    const selectedCrop = cropSelect.value;
+
+    // Clear existing options
+    pestSelect.innerHTML = "";
+    const defaultOption = document.createElement("option");
+    defaultOption.value = "";
+    defaultOption.textContent = "--Select Pest--";
+    pestSelect.appendChild(defaultOption);
+
+    if (selectedCrop && cropToPests[selectedCrop]) {
+      const pests = cropToPests[selectedCrop];
+      pests.forEach(function(p) {
+        const option = document.createElement("option");
+        option.value = p;
+        option.textContent = p;
+        // Preserve previous selection if any
+        if (p === "{{ selected_pest }}") {
+          option.selected = true;
+        }
+        pestSelect.appendChild(option);
+      });
+    }
+    // Fetch week options if Year is selected
+    if (document.getElementById("year").value) {
+      fetchWeeks();
+    }
+  }
+
+  // Fetch week options dynamically from the /fetch_weeks endpoint
+  function fetchWeeks() {
+    const crop = document.getElementById("crop").value;
+    const pest = document.getElementById("pest").value;
+    const year = document.getElementById("year").value;
+    if (!crop || !pest || !year) return;
+
+    fetch(`/fetch_weeks?crop=${crop}&pest=${pest}&year=${year}`)
+      .then(response => response.json())
+      .then(data => {
+        const weekSelect = document.getElementById("week");
+        weekSelect.innerHTML = "";
+        const defaultOption = document.createElement("option");
+        defaultOption.value = "";
+        defaultOption.textContent = "--Select Week--";
+        weekSelect.appendChild(defaultOption);
+
+        data.weeks.forEach(function(week) {
+          const option = document.createElement("option");
+          option.value = week;
+          option.textContent = week;
+          if (week === "{{ selected_week }}") {
+            option.selected = true;
+          }
+          weekSelect.appendChild(option);
+        });
+      })
+      .catch(err => console.error("Error fetching weeks:", err));
+  }
+
+  // Error handler for image load failure
+  function handleImageError(img) {
+    img.style.display = "none";
+    document.getElementById("dataNotAvailable").style.display = "block";
+  }
+
+  // Initialize pest dropdown and fetch weeks on page load
+  window.onload = function() {
+    updatePestDropdown();
+    if ("{{ selected_year }}" && "{{ selected_crop }}" && "{{ selected_pest }}") {
+      fetchWeeks();
+    }
+  };
+</script>
+
+</body>
+</html>