dfaw

frontend/src/components/weather/weatherForecastData.js

@@ -316,10 +316,12 @@ const WeatherForecastData = (props) => {
               <input type="checkbox" id="hour_uv" class="checkBoxFilter" />
               <label for="hour_uv">Hour UV</label>
               <br />
+              <input type="checkbox" id="alerts" class="checkBoxFilter" />
+              <label for="alerts">Alerts</label>
               <br />
               <div>
                 <label for="days">Days:</label>
-                <input type="range" id="days" name="days" min="0" max="7" />
+                <input type="range" id="days" name="days" min="1" max="7" />
               </div>
               <div>
                 <label for="units">Choose a unit:</label>
@@ -361,6 +363,7 @@ const WeatherForecastData = (props) => {
   function getData() {
     const units = document.getElementById("units").value;
     const days = document.getElementById("days").value;
+    const alerts = boolToWord(document.getElementById("alerts").checked);
 
     const city_text = document.getElementById("city_text").value;
     const region_text = document.getElementById("region_text").value;
@@ -578,7 +581,7 @@ const WeatherForecastData = (props) => {
 
     let filterString = filterArray.join(",");
 
-    const apiUrl = `http://localhost:8080/forecastweather?q=${latitude_text},${longitude_text}&filter=${filterString}&days=${days}`;
+    const apiUrl = `http://localhost:8080/forecastweather?q=${latitude_text},${longitude_text}&days=${days}&filter=${filterString}&alerts=${alerts}`;
 
     console.log(apiUrl);
     fetch(apiUrl)