Commit c326d65d authored by Weiser's avatar Weiser
Browse files

cscscscsraaahhh

parent 52355777
...@@ -34,9 +34,6 @@ const Navbar4 = (props) => { ...@@ -34,9 +34,6 @@ const Navbar4 = (props) => {
<span className="thq-link thq-body-small" <span className="thq-link thq-body-small"
onClick={() => (window.location.href = "/historicalweather")}>{props.link5}</span> onClick={() => (window.location.href = "/historicalweather")}>{props.link5}</span>
</nav> </nav>
<div className="navbar4-buttons">
<button className="thq-button-outline">{props.action2}</button>
</div>
</div> </div>
</header> </header>
</div> </div>
...@@ -52,7 +49,6 @@ Navbar4.defaultProps = { ...@@ -52,7 +49,6 @@ Navbar4.defaultProps = {
logoAlt: "Weather App", logoAlt: "Weather App",
logoSrc: logoSrc:
"https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/84ec08e8-34e9-42c7-9445-d2806d156403/fac575ac-7a41-484f-b7ac-875042de11f8?org_if_sml=1&force_format=original", "https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/84ec08e8-34e9-42c7-9445-d2806d156403/fac575ac-7a41-484f-b7ac-875042de11f8?org_if_sml=1&force_format=original",
action2: "Dark Mode",
imageSrc: "23887698-7562-4cff-bf5f-d07a1767f79b", imageSrc: "23887698-7562-4cff-bf5f-d07a1767f79b",
imageAlt: "image", imageAlt: "image",
imageSrc1: "23887698-7562-4cff-bf5f-d07a1767f79b", imageSrc1: "23887698-7562-4cff-bf5f-d07a1767f79b",
......
...@@ -58,13 +58,6 @@ display: flex; ...@@ -58,13 +58,6 @@ display: flex;
.h2{ .h2{
margin-top: 40px; margin-top: 40px;
} }
.location{
margin-top: 40px;
}
.time{
margin-top:40px;
margin-left:80px;
}
.dataselect{ .dataselect{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
......
...@@ -72,7 +72,10 @@ const Currentdata = (props) => { ...@@ -72,7 +72,10 @@ const Currentdata = (props) => {
</div> </div>
<div class="field_write"> <div class="field_write">
<div class="fw"> <div class="fw">
<label htmlFor="location">Location:</label> <div class="h3">
<h3>Choose your Location</h3>
</div>
<label htmlFor="location"></label>
<input <input
type="text" type="text"
id="city_text" id="city_text"
...@@ -92,28 +95,36 @@ const Currentdata = (props) => { ...@@ -92,28 +95,36 @@ const Currentdata = (props) => {
))} ))}
</div> </div>
<div class="fw"> <div class="fw">
<label for="region">Region:</label> <div class="h3">
<h3>Choose your Region</h3>
</div>
<input type="text" id="region_text" placeholder="Region" /> <input type="text" id="region_text" placeholder="Region" />
</div> </div>
<div class="fw"> <div class="fw">
<label>Country:</label> <div class="h3">
<h3>Choose your Country</h3>
</div>
<input type="text" id="country_text" placeholder="Country" /> <input type="text" id="country_text" placeholder="Country" />
</div> </div>
<div class="fw"> <div class="fw">
<label>Latitude:</label> <div class="h3">
<h3>Choose your Latitude</h3>
</div>
<input type="text" id="latitude_text" placeholder="Latitude" /> <input type="text" id="latitude_text" placeholder="Latitude" />
</div> </div>
<div class="fw"> <div class="fw">
<label>Longitude:</label> <div class="h3">
<h3>Choose your Longitude</h3>
</div>
<input type="text" id="longitude_text" placeholder="Longitude" /> <input type="text" id="longitude_text" placeholder="Longitude" />
</div> </div>
</div> </div>
<div class="h1">
<div class="h2"> <h1>Choose your custom output Data</h1>
<h2>Choose the variables you want.</h2> <br />
</div> </div>
<div className="dataselect"> <div className="dataselect">
<div class="location"> <div class="data">
<div class="h3"> <div class="h3">
<h3>Location</h3> <h3>Location</h3>
</div> </div>
...@@ -133,7 +144,7 @@ const Currentdata = (props) => { ...@@ -133,7 +144,7 @@ const Currentdata = (props) => {
<label> Latitude</label> <label> Latitude</label>
<br /> <br />
</div> </div>
<div class="time"> <div class="data">
<div class="h3"> <div class="h3">
<h3>Time</h3> <h3>Time</h3>
</div> </div>
......
.filter label { .fw {
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
} }
.filter input[type="text"], .fw input[type="text"],
.filter select { .fw {
width: 100%; width: 100%;
padding: 8px; padding: 8px;
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: 5px;
} }
.filter button { .fw {
padding: 10px 20px; padding: 10px 20px;
background-color: var(--dl-color-theme-primary1); background-color: var(--dl-color-theme-primary1);
color: #fff; color: #fff;
...@@ -21,27 +21,52 @@ ...@@ -21,27 +21,52 @@
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s; transition: background-color 0.3s;
} }
.filter button:hover { .output {
background-color: var(--dl-color-theme-primary2);
}
.output {
margin-top: 40px; margin-top: 40px;
} }
.checkBoxFilter { .checkBoxFilter {
margin-bottom: 10px; margin-bottom: 10px;
} }
#weatherData { #weatherData {
white-space: pre-wrap; /* Umbruch von langen Zeilen */ white-space: pre-wrap; /* Umbruch von langen Zeilen */
} }
#apiUrl { #apiUrl {
margin-top: 50px; margin-top: 50px;
} }
#apiUrloutput { #apiUrloutput {
width: 1250px; width: 1250px;
} }
\ No newline at end of file .field_write{
margin-top: 30px;
display: flex;
}
.fw{
margin-left:20px;
}
.h1{
margin-bottom: -30px;
}
.thq-grid-5{
display: flex;
flex-direction: column;
}
.dataselect{
display: flex;
flex-direction: row;
}
.data{
margin-top:40px;
margin-left:80px;
}
.h3{
margin-bottom: 10px;
}
.generate{
margin-top: 20px;
}
\ No newline at end of file
...@@ -68,10 +68,17 @@ const HistoricalWeatherData = (props) => { ...@@ -68,10 +68,17 @@ const HistoricalWeatherData = (props) => {
return ( return (
<div className="home-container"> <div className="home-container">
<div> <div className="thq-grid-5">
<div className="thq-grid-4"> <div class="h1">
<div class="filter"> <h1>Choose your Customised Data</h1>
<label htmlFor="location">Location:</label> <br />
</div>
<div class="field_write">
<div class="fw">
<div class="h3">
<h3>Choose your Location</h3>
</div>
<label htmlFor="location"></label>
<input <input
type="text" type="text"
id="city_text" id="city_text"
...@@ -89,32 +96,68 @@ const HistoricalWeatherData = (props) => { ...@@ -89,32 +96,68 @@ const HistoricalWeatherData = (props) => {
lon={item.lon} lon={item.lon}
/> />
))} ))}
<br /> </div>
<label for="region_text">Region:</label> <div class="fw">
<div class="h3">
<h3>Choose your Region</h3>
</div>
<label for="region_text"></label>
<input type="text" id="region_text" placeholder="Region" /> <input type="text" id="region_text" placeholder="Region" />
<br /> </div>
<label for="country_text">Country:</label> <div class="fw">
<div class="h3">
<h3>Choose your Country</h3>
</div>
<label for="country_text"></label>
<input type="text" id="country_text" placeholder="Country" /> <input type="text" id="country_text" placeholder="Country" />
<br /> </div>
<label for="latitude_text">Latitude:</label> <div class="fw">
<div class="h3">
<h3>Choose your Latitude</h3>
</div>
<label for="latitude_text"></label>
<input type="text" id="latitude_text" placeholder="Latitude" /> <input type="text" id="latitude_text" placeholder="Latitude" />
<br /> </div>
<label for="longitude_text">Longitude:</label> <div class="fw">
<div class="h3">
<h3>Choose your Longitude</h3>
</div>
<label for="longitude_text"></label>
<input type="text" id="longitude_text" placeholder="Longitude" /> <input type="text" id="longitude_text" placeholder="Longitude" />
<br /> </div>
<label for="timezone_text">Time Zone:</label> </div>
<div class="field_write">
<div class="fw">
<div class="h3">
<h3>Choose your Time Zone</h3>
</div>
<label for="timezone_text"></label>
<input type="text" id="timezone_text" placeholder="Timezone" /> <input type="text" id="timezone_text" placeholder="Timezone" />
<br /> </div>
<label for="start_date">Start date:</label> <div class="fw">
<div class="h3">
<h3>Choose your Start date</h3>
</div>
<label for="start_date"></label>
<input type="date" id="start_date" name="Startdate"></input> <input type="date" id="start_date" name="Startdate"></input>
<br /> </div>
<label for="end_date">End date:</label> <div class="fw">
<div class="h3">
<h3>Choose your End date</h3>
</div>
<label for="end_date"></label>
<input type="date" id="end_date" name="Enddate"></input> <input type="date" id="end_date" name="Enddate"></input>
<br />
</div> </div>
<div class="filter"> </div>
<p>Hourly</p> <div class="h1">
<h1>Choose your custom output Data</h1>
<br /> <br />
</div>
<div className="dataselect">
<div class="data">
<div class="h3">
<h3>Primery Data</h3>
</div>
<input type="checkbox" id="hourly_time" class="checkBoxFilter" /> <input type="checkbox" id="hourly_time" class="checkBoxFilter" />
<label for="hourly_time">Hourly Time</label> <label for="hourly_time">Hourly Time</label>
<br /> <br />
...@@ -130,7 +173,11 @@ const HistoricalWeatherData = (props) => { ...@@ -130,7 +173,11 @@ const HistoricalWeatherData = (props) => {
<br /> <br />
<input type="checkbox" id="precipitation" class="checkBoxFilter" /> <input type="checkbox" id="precipitation" class="checkBoxFilter" />
<label for="precipitation">Precipitation</label> <label for="precipitation">Precipitation</label>
<br /> </div>
<div class="data">
<div class="h3">
<h3>Secondary Data</h3>
</div>
<input <input
type="checkbox" type="checkbox"
id="surface_pressure" id="surface_pressure"
...@@ -154,11 +201,11 @@ const HistoricalWeatherData = (props) => { ...@@ -154,11 +201,11 @@ const HistoricalWeatherData = (props) => {
className="checkBoxFilter" className="checkBoxFilter"
/> />
<label for="wind_gusts_10m">Wind Gusts 10m</label> <label for="wind_gusts_10m">Wind Gusts 10m</label>
<br />
</div> </div>
<div class="filter"> <div class="data">
<p>Dayly</p> <div class="h3">
<br /> <h3>Dayly Data</h3>
</div>
<input type="checkbox" id="daily_time" class="checkBoxFilter" /> <input type="checkbox" id="daily_time" class="checkBoxFilter" />
<label for="daily_time">Daily Time</label> <label for="daily_time">Daily Time</label>
<br /> <br />
...@@ -219,31 +266,44 @@ const HistoricalWeatherData = (props) => { ...@@ -219,31 +266,44 @@ const HistoricalWeatherData = (props) => {
<label for="wind_direction_10m_dominant"> <label for="wind_direction_10m_dominant">
Wind Direction 10m Dominant Wind Direction 10m Dominant
</label> </label>
<br />
</div> </div>
<div class="filter"> </div>
<label for="temp_units">Choose a Temeprature Unit:</label>
<div class="field_write">
<div class="fw">
<div class="h3">
<h3>Choose a Temperature Unit</h3>
</div>
<label for="temp_units"></label>
<select name="unnits" id="temp_units"> <select name="unnits" id="temp_units">
<option value="celsius">Celsius C°</option> <option value="celsius">Celsius C°</option>
<option value="fahrenheit">Fahrenheit F°</option> <option value="fahrenheit">Fahrenheit F°</option>
</select> </select>
<br /> </div>
<label for="wind_units">Choose a Wind Speed Unit:</label> <div class="fw">
<div class="h3">
<h3>Choose a Wind Speed Unit</h3>
</div>
<label for="wind_units"></label>
<select name="unnits" id="wind_units"> <select name="unnits" id="wind_units">
<option value="kmh">Km/h</option> <option value="kmh">Km/h</option>
<option value="mph">Mph</option> <option value="mph">Mph</option>
<option value="ms">m/s</option> <option value="ms">m/s</option>
<option value="kn">Knots</option> <option value="kn">Knots</option>
</select> </select>
<br /> </div>
<label for="prec_units">Choose a Precipitation Unit:</label> <div class="fw">
<div class="h3">
<h3>Choose a Precipitation Unit</h3>
</div>
<label for="prec_units"></label>
<select name="unnits" id="prec_units"> <select name="unnits" id="prec_units">
<option value="mm">Millimeter</option> <option value="mm">Millimeter</option>
<option value="inch">Inch</option> <option value="inch">Inch</option>
</select> </select>
</div> </div>
</div> </div>
<div class="filter">
<button className="thq-button-filled" onClick={getData}> <button className="thq-button-filled" onClick={getData}>
Generate Generate
</button> </button>
...@@ -266,9 +326,6 @@ const HistoricalWeatherData = (props) => { ...@@ -266,9 +326,6 @@ const HistoricalWeatherData = (props) => {
<br /> <br />
<input className="input" type="text" id="apiUrloutput" readOnly /> <input className="input" type="text" id="apiUrloutput" readOnly />
</div> </div>
<br />
<br />
</div>
</div> </div>
</div> </div>
); );
......
.filter label { .fw {
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
} }
.filter input[type="text"], .fw input[type="text"],
.filter select { .fw {
width: 100%; width: 100%;
padding: 8px; padding: 8px;
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: 5px;
} }
.filter button { .fw {
padding: 10px 20px; padding: 10px 20px;
background-color: var(--dl-color-theme-primary1); background-color: var(--dl-color-theme-primary1);
color: #fff; color: #fff;
...@@ -21,27 +21,52 @@ ...@@ -21,27 +21,52 @@
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s; transition: background-color 0.3s;
} }
.filter button:hover { .output {
background-color: var(--dl-color-theme-primary2);
}
.output {
margin-top: 40px; margin-top: 40px;
} }
.checkBoxFilter { .checkBoxFilter {
margin-bottom: 10px; margin-bottom: 10px;
} }
#weatherData { #weatherData {
white-space: pre-wrap; /* Umbruch von langen Zeilen */ white-space: pre-wrap; /* Umbruch von langen Zeilen */
} }
#apiUrl { #apiUrl {
margin-top: 50px; margin-top: 50px;
} }
#apiUrloutput { #apiUrloutput {
width: 1250px; width: 1250px;
} }
\ No newline at end of file .field_write{
margin-top: 30px;
display: flex;
}
.fw{
margin-left:20px;
}
.h1{
margin-bottom: -30px;
}
.thq-grid-5{
display: flex;
flex-direction: column;
}
.dataselect{
display: flex;
flex-direction: row;
}
.data{
margin-top:40px;
margin-left:80px;
}
.h3{
margin-bottom: 10px;
}
.generate{
margin-top: 20px;
}
\ No newline at end of file
...@@ -65,11 +65,17 @@ const WeatherForecastData = (props) => { ...@@ -65,11 +65,17 @@ const WeatherForecastData = (props) => {
}; };
return ( return (
<div className="home-container"> <div className="home-container">
<div>
<div className="thq-grid-5"> <div className="thq-grid-5">
<div class="filter"> <div class="h1">
<div> <h1>Choose your City</h1>
<label htmlFor="location">Location:</label> <br />
</div>
<div class="field_write">
<div class="fw">
<div class="h3">
<h3>Choose your Location</h3>
</div>
<label htmlFor="location"></label>
<input <input
type="text" type="text"
id="city_text" id="city_text"
...@@ -87,20 +93,45 @@ const WeatherForecastData = (props) => { ...@@ -87,20 +93,45 @@ const WeatherForecastData = (props) => {
lon={item.lon} lon={item.lon}
/> />
))} ))}
<br /> </div>
<label for="region">Region:</label> <div class="fw">
<div class="h3">
<h3>Choose your Region</h3>
</div>
<label for="region"></label>
<input type="text" id="region_text" placeholder="Region" /> <input type="text" id="region_text" placeholder="Region" />
<br /> </div>
<label>Country:</label> <div class="fw">
<div class="h3">
<h3>Choose your Country</h3>
</div>
<label></label>
<input type="text" id="country_text" placeholder="Country" /> <input type="text" id="country_text" placeholder="Country" />
<br /> </div>
<label>Latitude:</label> <div class="fw">
<div class="h3">
<h3>Choose your Latitude</h3>
</div>
<label></label>
<input type="text" id="latitude_text" placeholder="Latitude" /> <input type="text" id="latitude_text" placeholder="Latitude" />
<label>Longitude:</label> </div>
<div class="fw">
<div class="h3">
<h3>Choose your Longitude</h3>
</div>
<label></label>
<input type="text" id="longitude_text" placeholder="Longitude" /> <input type="text" id="longitude_text" placeholder="Longitude" />
</div>
</div>
<div class="h1">
<h1>Choose your custom output Data</h1>
<br /> <br />
</div> </div>
<div> <div className="dataselect">
<div class="data">
<div class="h3">
<h3>Location</h3>
</div>
<input type="checkbox" id="name" className="checkBoxFilter" /> <input type="checkbox" id="name" className="checkBoxFilter" />
<label> City Name</label> <label> City Name</label>
<br /> <br />
...@@ -115,7 +146,12 @@ const WeatherForecastData = (props) => { ...@@ -115,7 +146,12 @@ const WeatherForecastData = (props) => {
<br /> <br />
<input type="checkbox" id="lat" className="checkBoxFilter" /> <input type="checkbox" id="lat" className="checkBoxFilter" />
<label> Latitude</label> <label> Latitude</label>
<br /> </div>
<div class="data">
<div class="h3">
<h3>Time</h3>
</div>
<input type="checkbox" id="tz_id" className="checkBoxFilter" /> <input type="checkbox" id="tz_id" className="checkBoxFilter" />
<label> Timezone Id</label> <label> Timezone Id</label>
<br /> <br />
...@@ -152,7 +188,11 @@ const WeatherForecastData = (props) => { ...@@ -152,7 +188,11 @@ const WeatherForecastData = (props) => {
<br /> <br />
<input type="checkbox" id="date_epoch" class="checkBoxFilter" /> <input type="checkbox" id="date_epoch" class="checkBoxFilter" />
<label for="date_epoch">Date Epoch</label> <label for="date_epoch">Date Epoch</label>
<br /> </div>
<div class="data">
<div class="h3">
<h3>Primery Data</h3>
</div>
<input type="checkbox" id="maxtemp" class="checkBoxFilter" /> <input type="checkbox" id="maxtemp" class="checkBoxFilter" />
<label for="maxtemp">Max Temperature</label> <label for="maxtemp">Max Temperature</label>
<br /> <br />
...@@ -180,7 +220,12 @@ const WeatherForecastData = (props) => { ...@@ -180,7 +220,12 @@ const WeatherForecastData = (props) => {
class="checkBoxFilter" class="checkBoxFilter"
/> />
<label for="daily_will_it_rain">Daily Will it Rain</label> <label for="daily_will_it_rain">Daily Will it Rain</label>
<br /> </div>
<div class="data">
<div class="h3">
<h3>Dayly Data</h3>
</div>
<input <input
type="checkbox" type="checkbox"
id="daily_chance_of_rain" id="daily_chance_of_rain"
...@@ -201,28 +246,11 @@ const WeatherForecastData = (props) => { ...@@ -201,28 +246,11 @@ const WeatherForecastData = (props) => {
class="checkBoxFilter" class="checkBoxFilter"
/> />
<label for="daily_chance_of_snow">Daily Chance of Snow</label> <label for="daily_chance_of_snow">Daily Chance of Snow</label>
<br /> </div>
<input <div class="data">
type="checkbox" <div class="h3">
id="condition_text" <h3>Time of Day Data</h3>
class="checkBoxFilter" </div>
/>
<label for="condition_text">Condition Text</label>
<br />
<input
type="checkbox"
id="condition_icon"
class="checkBoxFilter"
/>
<label for="condition_icon">Condition Icon</label>
<br />
<input
type="checkbox"
id="condition_code"
class="checkBoxFilter"
/>
<label for="condition_code">Condition Code</label>
<br />
<input type="checkbox" id="uv" class="checkBoxFilter" /> <input type="checkbox" id="uv" class="checkBoxFilter" />
<label for="uv">UV Index</label> <label for="uv">UV Index</label>
<br /> <br />
...@@ -254,7 +282,12 @@ const WeatherForecastData = (props) => { ...@@ -254,7 +282,12 @@ const WeatherForecastData = (props) => {
class="checkBoxFilter" class="checkBoxFilter"
/> />
<label for="hour_time_epoch">Hour Time Epoch</label> <label for="hour_time_epoch">Hour Time Epoch</label>
<br />
</div>
<div class="data">
<div class="h3">
<h3>Hourly Data</h3>
</div>
<input type="checkbox" id="hour_time" class="checkBoxFilter" /> <input type="checkbox" id="hour_time" class="checkBoxFilter" />
<label for="hour_time">Hour Time</label> <label for="hour_time">Hour Time</label>
<br /> <br />
...@@ -365,10 +398,15 @@ const WeatherForecastData = (props) => { ...@@ -365,10 +398,15 @@ const WeatherForecastData = (props) => {
<br /> <br />
<input type="checkbox" id="hour_uv" class="checkBoxFilter" /> <input type="checkbox" id="hour_uv" class="checkBoxFilter" />
<label for="hour_uv">Hour UV</label> <label for="hour_uv">Hour UV</label>
<br /> </div>
<div class="data">
<div class="h3">
<h3>Weather Alerts</h3>
</div>
<input type="checkbox" id="alerts" class="checkBoxFilter" /> <input type="checkbox" id="alerts" class="checkBoxFilter" />
<label for="alerts">Alerts</label> <label for="alerts">Alerts</label>
<br /> </div>
</div>
<div> <div>
<label for="days">Days:</label> <label for="days">Days:</label>
<input type="range" id="days" name="days" min="1" max="7" /> <input type="range" id="days" name="days" min="1" max="7" />
...@@ -414,9 +452,6 @@ const WeatherForecastData = (props) => { ...@@ -414,9 +452,6 @@ const WeatherForecastData = (props) => {
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
); );
function getData() { function getData() {
...@@ -424,9 +459,6 @@ const WeatherForecastData = (props) => { ...@@ -424,9 +459,6 @@ const WeatherForecastData = (props) => {
const days = document.getElementById("days").value; const days = document.getElementById("days").value;
const alerts = boolToWord(document.getElementById("alerts").checked); const alerts = boolToWord(document.getElementById("alerts").checked);
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 latitude_text = document.getElementById("latitude_text").value;
const longitude_text = document.getElementById("longitude_text").value; const longitude_text = document.getElementById("longitude_text").value;
...@@ -555,9 +587,6 @@ const WeatherForecastData = (props) => { ...@@ -555,9 +587,6 @@ const WeatherForecastData = (props) => {
if (daily_chance_of_rain) filterArray.push("daily_chance_of_rain"); if (daily_chance_of_rain) filterArray.push("daily_chance_of_rain");
if (daily_will_it_snow) filterArray.push("daily_will_it_snow"); if (daily_will_it_snow) filterArray.push("daily_will_it_snow");
if (daily_chance_of_snow) filterArray.push("daily_chance_of_snow"); if (daily_chance_of_snow) filterArray.push("daily_chance_of_snow");
if (condition_text) filterArray.push("condition_text");
if (condition_icon) filterArray.push("condition_icon");
if (condition_code) filterArray.push("condition_code");
if (uv) filterArray.push("uv_day"); if (uv) filterArray.push("uv_day");
if (sunrise) filterArray.push("sunrise"); if (sunrise) filterArray.push("sunrise");
if (sunset) filterArray.push("sunset"); if (sunset) filterArray.push("sunset");
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment