Upload 4 files

Dockerfile

@@ -0,0 +1,23 @@
+# Base image
+FROM python:3.9-slim
+
+# Set the working directory
+WORKDIR /app
+
+# Copy only the requirements first (to leverage Docker cache)
+COPY requirements.txt /app/requirements.txt
+
+# Install dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy the rest of the application files
+COPY . /app
+
+# Create the directory for cached images
+RUN mkdir -p cache_images
+
+# Expose the port your app runs on
+EXPOSE 7860
+
+# Command to run the application
+CMD ["gunicorn", "-w", "4", "-b", "0.0.0.0:7860", "app:app"]

app.py

@@ -0,0 +1,162 @@
+from flask import Flask, render_template, request, jsonify, Response
+import requests
+from bs4 import BeautifulSoup
+from flask import stream_with_context
+
+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 the external image URL (using HTTP)
+        base_url = f"http://www.icar-crida.res.in:8080/naip/gisimages/{crop}/{year}/{pest}_"
+        external_image_url = f"{base_url}{param}{week}.jpg"
+        # Instead of using the external HTTP URL directly, we build our proxy URL
+        image_url = f"/proxy-image?url={external_image_url}"
+
+    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():
+    crop = request.args.get('crop', '')
+    pest = request.args.get('pest', '')
+    year = request.args.get('year', '')
+
+    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]
+
+    payload = {
+        "country": ext_crop,
+        "city": ext_pest,
+        "sowing": year
+    }
+
+    weeks = []
+    try:
+        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')
+        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})
+
+@app.route('/proxy-image')
+def proxy_image():
+    external_url = request.args.get('url')
+    if not external_url:
+        return "Missing URL", 400
+
+    try:
+        # Use streaming so that the response is sent in chunks
+        resp = requests.get(external_url, timeout=10, stream=True)
+        return Response(
+            stream_with_context(resp.iter_content(chunk_size=1024)),
+            mimetype=resp.headers.get('Content-Type', 'image/jpeg')
+        )
+    except Exception as e:
+        return str(e), 500
+        
+
+if __name__ == '__main__':
+    app.run(debug=True)

requirements.txt

@@ -0,0 +1,5 @@
+gunicorn
+flask
+beautifulsoup4
+requests
+flask_caching

templates/index.html

@@ -0,0 +1,428 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Pest Geospatial Analytics | AgriTech Suite</title>
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+  <!-- Bootstrap -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Icons -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
+
+  <style>
+    :root {
+      --primary-green: #1a5d3a;
+      --accent-green: #198754;
+      --light-bg: #f8f9fa;
+      --text-dark: #212529;
+      --card-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
+    }
+
+    body {
+      font-family: 'Outfit', sans-serif;
+      background-color: var(--light-bg);
+      color: var(--text-dark);
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+    }
+
+    /* --- Header Section --- */
+    .analytics-header {
+      background-color: var(--primary-green);
+      color: white;
+      padding: 3rem 1rem 6rem;
+      text-align: center;
+      border-bottom-left-radius: 50% 20px;
+      border-bottom-right-radius: 50% 20px;
+      margin-bottom: 2rem;
+    }
+
+    .header-title {
+      font-weight: 700;
+      font-size: 2rem;
+      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    }
+
+    /* --- Main Dashboard --- */
+    .dashboard-container {
+      margin-top: -5rem;
+      padding: 0 2rem 3rem;
+      flex: 1;
+      display: flex;
+      justify-content: center;
+    }
+
+    .dashboard-card {
+      background: white;
+      border-radius: 24px;
+      box-shadow: var(--card-shadow);
+      width: 100%;
+      max-width: 1200px;
+      overflow: hidden;
+      display: grid;
+      grid-template-columns: 320px 1fr;
+      /* Sidebar | Content */
+      min-height: 600px;
+      border: 1px solid #eef0f3;
+    }
+
+    /* --- Left Sidebar (Controls) --- */
+    .sidebar-controls {
+      background: #fdfdfd;
+      border-right: 1px solid #f1f3f5;
+      padding: 2rem;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .sidebar-title {
+      font-size: 1rem;
+      font-weight: 700;
+      color: var(--primary-green);
+      margin-bottom: 2rem;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding-bottom: 1rem;
+      border-bottom: 2px solid #f0f0f0;
+    }
+
+    .form-group {
+      margin-bottom: 1.5rem;
+    }
+
+    .form-label-custom {
+      font-size: 0.8rem;
+      font-weight: 600;
+      color: #6c757d;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 0.5rem;
+      display: block;
+    }
+
+    .form-select-custom {
+      width: 100%;
+      border: 1px solid #e2e8f0;
+      border-radius: 10px;
+      padding: 0.8rem 1rem;
+      font-size: 0.95rem;
+      font-weight: 500;
+      background-color: white;
+      transition: all 0.2s;
+    }
+
+    .form-select-custom:focus {
+      border-color: var(--accent-green);
+      box-shadow: 0 0 0 4px rgba(25, 135, 84, 0.1);
+      outline: none;
+    }
+
+    .btn-visualize {
+      background-color: var(--accent-green);
+      color: white;
+      border: none;
+      border-radius: 10px;
+      padding: 1rem;
+      font-weight: 600;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.5rem;
+      margin-top: auto;
+      /* Push to bottom */
+      transition: all 0.2s;
+      box-shadow: 0 4px 15px rgba(25, 135, 84, 0.2);
+    }
+
+    .btn-visualize:hover {
+      background-color: #146c43;
+      transform: translateY(-2px);
+      box-shadow: 0 6px 20px rgba(25, 135, 84, 0.3);
+    }
+
+    /* --- Right Content (Map) --- */
+    .map-viewport {
+      background-color: #f8fafc;
+      padding: 2rem;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+    }
+
+    .map-frame {
+      background: white;
+      padding: 1rem;
+      border-radius: 16px;
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+      max-width: 100%;
+    }
+
+    .map-image {
+      max-width: 100%;
+      max-height: 550px;
+      border-radius: 8px;
+      display: block;
+    }
+
+    .result-meta {
+      position: absolute;
+      top: 1.5rem;
+      left: 1.5rem;
+      background: white;
+      padding: 0.5rem 1rem;
+      border-radius: 50px;
+      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+      display: flex;
+      gap: 1rem;
+      z-index: 5;
+      font-size: 0.85rem;
+      font-weight: 500;
+      color: var(--text-dark);
+    }
+
+    .meta-item {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .meta-item i {
+      color: var(--accent-green);
+    }
+
+    /* Empty States */
+    .empty-state {
+      text-align: center;
+      color: #adb5bd;
+    }
+
+    .empty-icon {
+      font-size: 4rem;
+      margin-bottom: 1rem;
+      color: #e9ecef;
+    }
+
+    /* Mobile */
+    @media (max-width: 992px) {
+      .dashboard-card {
+        grid-template-columns: 1fr;
+      }
+
+      .sidebar-controls {
+        border-right: none;
+        border-bottom: 1px solid #f1f3f5;
+      }
+
+      .map-image {
+        max-height: 400px;
+      }
+    }
+
+    /* Loading Overlay */
+    #loadingOverlay {
+      position: absolute;
+      inset: 0;
+      background: rgba(255, 255, 255, 0.9);
+      display: none;
+      justify-content: center;
+      align-items: center;
+      z-index: 50;
+      border-radius: 20px;
+    }
+  </style>
+</head>
+
+<body>
+
+  <!-- Header -->
+  <div class="analytics-header">
+    <h1 class="header-title">Geospatial Intelligence Dashboard</h1>
+    <p class="opacity-75">Analysis of pest distribution patterns over space and time</p>
+  </div>
+
+  <!-- Main Dashboard -->
+  <div class="dashboard-container">
+    <div class="dashboard-card">
+
+      <!-- Sidebar: Controls -->
+      <aside class="sidebar-controls">
+        <div class="sidebar-title">
+          <i class="bi bi-sliders2"></i> FILTER PARAMETERS
+        </div>
+
+        <form method="GET" action="/" id="analyticsForm">
+
+          <div class="form-group">
+            <label class="form-label-custom">Select Crop</label>
+            <select id="crop" name="crop" class="form-select-custom" onchange="updatePestDropdown()">
+              <option value="">Choose Crop...</option>
+              {% for c in crops %}
+              <option value="{{ c }}" {% if selected_crop==c %}selected{% endif %}>{{ c }}</option>
+              {% endfor %}
+            </select>
+          </div>
+
+          <div class="form-group">
+            <label class="form-label-custom">Select Pest</label>
+            <select id="pest" name="pest" class="form-select-custom">
+              <option value="">Choose Pest...</option>
+              <!-- JS Populated -->
+            </select>
+          </div>
+
+          <div class="row">
+            <div class="col-6 form-group">
+              <label class="form-label-custom">Year</label>
+              <select id="year" name="year" class="form-select-custom" onchange="fetchWeeks()">
+                <option value="">Year...</option>
+                {% for y in years %}
+                <option value="{{ y }}" {% if selected_year==y %}selected{% endif %}>{{ y }}</option>
+                {% endfor %}
+              </select>
+            </div>
+            <div class="col-6 form-group">
+              <label class="form-label-custom">Week</label>
+              <select id="week" name="week" class="form-select-custom">
+                <option value="">Week...</option>
+                {% if selected_week %}
+                <option value="{{ selected_week }}" selected>{{ selected_week }}</option>
+                {% endif %}
+              </select>
+            </div>
+          </div>
+
+          <div class="form-group mb-5">
+            <label class="form-label-custom">Analysis Metric</label>
+            <select id="param" name="param" class="form-select-custom">
+              <option value="">Select Metric...</option>
+              {% for code, label in params.items() %}
+              <option value="{{ code }}" {% if selected_param==code %}selected{% endif %}>{{ label }}</option>
+              {% endfor %}
+            </select>
+          </div>
+
+          <button type="submit" class="btn-visualize">
+            Generate Map <i class="bi bi-arrow-right-circle"></i>
+          </button>
+
+        </form>
+      </aside>
+
+      <!-- Main: Visualization -->
+      <main class="map-viewport">
+
+        <!-- Loading -->
+        <div id="loadingOverlay">
+          <div class="text-center">
+            <div class="spinner-border text-success mb-3" role="status"></div>
+            <h5 class="text-muted">Rendering Geospatial Data...</h5>
+          </div>
+        </div>
+
+        {% if image_url %}
+        <!-- Results Header -->
+        <div class="result-meta">
+          <div class="meta-item"><i class="bi bi-calendar-event"></i> {{ selected_year }} (W{{ selected_week }})</div>
+          <div class="d-none d-md-flex meta-item text-muted">|</div>
+          <div class="meta-item"><i class="bi bi-bug"></i> {{ selected_pest }}</div>
+        </div>
+
+        <div class="map-frame" id="mapContainer">
+          <img src="{{ image_url }}" alt="Heatmap Result" class="map-image" onerror="handleImageError(this)">
+
+          <!-- Error State (Hidden by default) -->
+          <div id="dataNotAvailable" class="p-5 text-center d-none">
+            <i class="bi bi-database-x fs-1 text-danger mb-3"></i>
+            <h5 class="text-secondary">Data Unavailable</h5>
+            <p class="text-muted small">No records found for this parameter combination.</p>
+          </div>
+        </div>
+
+        {% else %}
+        <!-- Empty State -->
+        <div class="empty-state">
+          <div class="empty-icon"><i class="bi bi-map"></i></div>
+          <h4>Map Visualization</h4>
+          <p>Configure filters on the left to generate insights.</p>
+        </div>
+        {% endif %}
+
+      </main>
+
+    </div>
+  </div>
+
+  <!-- Scripts -->
+  <script>
+    const cropToPests = {{ crop_to_pests | tojson }};
+
+    function updatePestDropdown() {
+      const cropSelect = document.getElementById("crop");
+      const pestSelect = document.getElementById("pest");
+      const selectedCrop = cropSelect.value;
+      const currentPest = "{{ selected_pest }}";
+
+      pestSelect.innerHTML = '<option value="">Choose Pest...</option>';
+
+      if (selectedCrop && cropToPests[selectedCrop]) {
+        cropToPests[selectedCrop].forEach(p => {
+          const opt = document.createElement("option");
+          opt.value = p; opt.textContent = p;
+          if (p === currentPest) opt.selected = true;
+          pestSelect.appendChild(opt);
+        });
+      }
+      if (document.getElementById("year").value) fetchWeeks();
+    }
+
+    function fetchWeeks() {
+      const crop = document.getElementById("crop").value;
+      const pest = document.getElementById("pest").value;
+      const year = document.getElementById("year").value;
+      const currentWeek = "{{ selected_week }}";
+
+      if (!crop || !pest || !year) return;
+
+      fetch(`/fetch_weeks?crop=${crop}&pest=${pest}&year=${year}`)
+        .then(res => res.json())
+        .then(data => {
+          const weekSelect = document.getElementById("week");
+          weekSelect.innerHTML = '<option value="">Week...</option>';
+          data.weeks.forEach(w => {
+            const opt = document.createElement("option");
+            opt.value = w; opt.textContent = w;
+            if (w == currentWeek) opt.selected = true;
+            weekSelect.appendChild(opt);
+          });
+        });
+    }
+
+    function handleImageError(img) {
+      img.style.display = 'none';
+      document.getElementById('dataNotAvailable').classList.remove('d-none');
+    }
+
+    document.getElementById('analyticsForm').addEventListener('submit', () => {
+      document.getElementById('loadingOverlay').style.display = 'flex';
+    });
+
+    window.onload = () => {
+      updatePestDropdown();
+      if ("{{ selected_year }}" && "{{ selected_crop }}") fetchWeeks();
+    };
+  </script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+
+</body>
+
+</html>