Checkpoint prof-rossetti#4

Author: aredfern15

web_app/routes/weather_routes.py

@@ -1,13 +1,14 @@
 # web_app/routes/weather_routes.py
 
-from flask import Blueprint, request, jsonify
+from flask import Blueprint, request, jsonify, render_template, redirect
 
 from app.weather_service import get_hourly_forecasts
 
 weather_routes = Blueprint("weather_routes", __name__)
 
 @weather_routes.route("/weather/forecast.json")
 def weather_forecast_api():
+
     print("WEATHER FORECAST (API)...")
     print("URL PARAMS:", dict(request.args))
 
@@ -18,4 +19,31 @@ def weather_forecast_api():
     if results:
         return jsonify(results)
     else:
-        return jsonify({"message":"Invalid Geography. Please try again."}), 404
+        return jsonify({"message":"Invalid Geography. Please try again."}), 404
+
+@weather_routes.route("/weather/form")
+def weather_form():
+    print("WEATHER FORM...")
+    return render_template("weather_form.html")
+
+@weather_routes.route("/weather/forecast", methods=["GET", "POST"])
+def weather_forecast():
+    print("WEATHER FORECAST...")
+
+    if request.method == "GET":
+        print("URL PARAMS:", dict(request.args))
+        request_data = dict(request.args)
+    elif request.method == "POST": # the form will send a POST
+        print("FORM DATA:", dict(request.form))
+        request_data = dict(request.form)
+
+    country_code = request_data.get("country_code") or "US"
+    zip_code = request_data.get("zip_code") or "20057"
+
+    results = get_hourly_forecasts(country_code=country_code, zip_code=zip_code)
+    if results:
+        #flash(f"Weather Forecast Generated Successfully!", "success")
+        return render_template("weather_forecast.html", country_code=country_code, zip_code=zip_code, results=results)
+    else:
+        #flash(f"Geography Error. Please try again!", "danger")
+        return redirect("/weather/form")

web_app/templates/weather_forecast.html

@@ -0,0 +1,17 @@
+{% extends "layout.html" %}
+
+{% block content %}
+
+    <h2>Weather Forecast for {{ results["city_name"] }}</h2>
+
+    <p>Zip Code: {{ zip_code }}</p>
+
+    <!-- TODO: consider using a table instead of a list -->
+    <!-- TODO: consider adding images using the provided icon urls -->
+    <ul>
+    {% for forecast in results["hourly_forecasts"] %}
+        <li>{{ forecast["timestamp"] }} | {{ forecast["temp"] }} | {{ forecast["conditions"].upper() }}</li>
+    {% endfor %}
+    </ul>
+
+{% endblock %}

web_app/templates/weather_form.html

@@ -0,0 +1,22 @@
+{% extends "layout.html" %}
+
+{% block content %}
+
+    <h2>Weather Form</h2>
+
+    <p>Request an hourly forecast for your zip code...</p>
+
+    <form action="/weather/forecast" method="POST">
+
+        <label>Country Code:</label>
+        <input type="text" name="country_code" placeholder="US" value="US">
+        <br>
+
+        <label>Zip Code:</label>
+        <input type="text" name="zip_code" placeholder="20057" value="20057">
+        <br>
+
+        <button>Submit</button>
+    </form>
+
+{% endblock %}