r

frontend/src/components/weather/currentData.js

@@ -186,7 +186,11 @@ const Currentdata = (props) => {
             <input type="checkbox" id="id_day" className="checkBoxFilter" />
             <label for="id_day">ID Day</label>
             <br />
-            <input type="checkbox" id="condition_text" className="checkBoxFilter" />
+            <input
+              type="checkbox"
+              id="condition_text"
+              className="checkBoxFilter"
+            />
             <label for="condition">Condition Text</label>
             <br />
           </div>
@@ -194,7 +198,14 @@ const Currentdata = (props) => {
             <div class="h3">
               <h3>Wind</h3>
             </div>
-            <input type="checkbox" id="wind_degree" className="checkBoxFilter" />
+            <input type="checkbox" id="wind" className="checkBoxFilter" />
+            <label for="wind">Wind Speed</label>
+            <br />
+            <input
+              type="checkbox"
+              id="wind_degree"
+              className="checkBoxFilter"
+            />
             <label for="wind_degree">Wind Degree</label>
             <br />
             <input type="checkbox" id="wind_dir" className="checkBoxFilter" />
@@ -352,12 +363,8 @@ const Currentdata = (props) => {
     //switch
     const units = document.getElementById("units").value;
 
-    const city_text = document.getElementById("city_text").value;
-    const region_text = document.getElementById("region_text").value;
-    const country_text = document.getElementById("country_text").value;
     const latitude_text = document.getElementById("latitude_text").value;
     const longitude_text = document.getElementById("longitude_text").value;
-
     //Checkboxes
     //location
     const name = document.getElementById("name").checked;
@@ -375,7 +382,9 @@ const Currentdata = (props) => {
     const temp = document.getElementById("temp").checked;
     const id_day = document.getElementById("id_day").checked;
     const condition = document.getElementById("condition_text").checked;
+
     const wind = document.getElementById("wind").checked;
+
     const wind_degree = document.getElementById("wind_degree").checked;
     const wind_dir = document.getElementById("wind_dir").checked;
     const pressure = document.getElementById("pressure").checked;
@@ -403,7 +412,6 @@ const Currentdata = (props) => {
     const air_quality_gb_defra_index = document.getElementById(
       "air_quality_gb_defra_index"
     ).checked;
-
     let filterArray = [];
 
     if (name) {

frontend/src/components/weather/historicalWeatherData.css

@@ -4,7 +4,6 @@
 }
 
 .fw input[type="text"],
-
 .fw {
   width: 100%;
   padding: 8px;
@@ -27,14 +26,13 @@
   margin-bottom: 5px;
 }
 
-
 .fw1 {
   padding: 8px;
   margin-bottom: 10px;
   border: 1px solid #ccc;
   border-radius: 5px;
   text-align: center;
-  display:grid;
+  display: grid;
 }
 
 .fw1 {
@@ -48,7 +46,12 @@
 }
 
 .output {
-  margin-top: 40px;
+  padding: 10px 20px;
+  color: #fff;
+  border-style: dashed;
+  border-color: #fff;
+  cursor: pointer;
+  transition: background-color 0.3s;
 }
 
 .checkBoxFilter {
@@ -65,29 +68,33 @@
 #apiUrloutput {
   width: 1250px;
 }
-.field_write{
-margin-top: 30px;
-display: flex;
+.field_write {
+  margin-top: 30px;
+  display: flex;
 }
-.fw{
-  margin-left:20px;
+.fw {
+  margin-left: 20px;
 }
-.h1{
+.h1 {
   margin-bottom: -30px;
 }
-.thq-grid-5{
+.thq-grid-5 {
   display: flex;
   flex-direction: column;
 }
-.dataselect{
+.dataselect {
   display: flex;
   flex-direction: row;
-
 }
-.data{
-  margin-top:40px;
-  margin-left:80px;
+.data {
+  margin-top: 40px;
+  margin-left: 80px;
 }
-.h3{
+.h3 {
   margin-bottom: 10px;
 }
+
+.listStyle {
+  border-style: solid;
+  border-color: #ccc;
+}

frontend/src/components/weather/historicalWeatherData.js

@@ -158,9 +158,6 @@ const HistoricalWeatherData = (props) => {
             <div class="h3">
               <h3>Primery Data</h3>
             </div>
-            <input type="checkbox" id="hourly_time" class="checkBoxFilter" />
-            <label for="hourly_time">Hourly Time</label>
-            <br />
             <input type="checkbox" id="temperature_2m" class="checkBoxFilter" />
             <label for="temperature_2m">Temperature 2m</label>
             <br />
@@ -206,9 +203,6 @@ const HistoricalWeatherData = (props) => {
             <div class="h3">
               <h3>Dayly Data</h3>
             </div>
-            <input type="checkbox" id="daily_time" class="checkBoxFilter" />
-            <label for="daily_time">Daily Time</label>
-            <br />
             <input
               type="checkbox"
               id="temperature_2m_max"
@@ -348,7 +342,6 @@ const HistoricalWeatherData = (props) => {
 
     //Checkboxes
 
-    const hourly_time = document.getElementById("hourly_time").checked;
     const temperature_2m = document.getElementById("temperature_2m").checked;
     const relative_humidity_2m = document.getElementById(
       "relative_humidity_2m"
@@ -360,7 +353,6 @@ const HistoricalWeatherData = (props) => {
     const wind_direction_10m =
       document.getElementById("wind_direction_10m").checked;
     const wind_gusts_10m = document.getElementById("wind_gusts_10m").checked;
-    const daily_time = document.getElementById("daily_time").checked;
     const temperature_2m_max =
       document.getElementById("temperature_2m_max").checked;
     const temperature_2m_min =
@@ -387,9 +379,6 @@ const HistoricalWeatherData = (props) => {
     let filterHourlyArray = [];
     let filterDailyArray = [];
 
-    if (hourly_time) {
-      filterHourlyArray.push("time");
-    }
     if (temperature_2m) {
       filterHourlyArray.push("temperature_2m");
     }
@@ -411,9 +400,6 @@ const HistoricalWeatherData = (props) => {
     if (wind_gusts_10m) {
       filterHourlyArray.push("wind_gusts_10m");
     }
-    if (daily_time) {
-      filterDailyArray.push("time");
-    }
     if (temperature_2m_max) {
       filterDailyArray.push("temperature_2m_max");
     }