Skip to content
GitLab
Commit e4e98431 authored by Weiser's avatar Weiser
Browse files

yippie

parent 143f1062
Hide whitespace changes
Inline Side-by-side
frontend/src/components/weather/historicalWeatherData.js
View file @ e4e98431
......@@ -7,143 +7,121 @@ const HistoricalWeatherData = (props) => {
<div className="home-container">
<div>
<div className="thq-grid-5">
<div class="filter">
<div class="filter">
<label for="location">Location:</label>
<input type="text" id="location" placeholder="Location" />
<input type="text" id="city_text" placeholder="Location" />
<br />
<label for="region">Region:</label>
<input type="text" id="region" placeholder="Region" />
<input type="text" id="region_text" placeholder="Region" />
<br />
<label>Country:</label>
<input type="text" id="country" placeholder="Country" />
<input type="text" id="country_text" placeholder="Country" />
<br />
<label>Latitude:</label>
<input type="text" id="latitude" placeholder="Latitude" />
<input type="text" id="latitude_text" placeholder="Latitude" />
<label>Longitude:</label>
<input type="text" id="longitude" placeholder="Longitude" />
<br />
</div>
<div>
<input type="checkbox" id="name" className="checkBoxFilter" />
<label> City Name</label>
<br />
<input type="checkbox" id="region" className="checkBoxFilter" />
<label> Region</label>
<br />
<input type="checkbox" id="country" className="checkBoxFilter" />
<label> Country</label>
<br />
<input type="checkbox" id="lon" className="checkBoxFilter" />
<label> Longitude</label>
<br />
<input type="checkbox" id="lat" className="checkBoxFilter" />
<label> Latitude</label>
<br />
<input type="checkbox" id="tz_id" className="checkBoxFilter" />
<label> Timezone Id</label>
<br />
<input type="checkbox" id="localtime_epoch" className="checkBoxFilter" />
<label> Localtime Epoch</label>
<input type="text" id="longitude_text" placeholder="Longitude" />
<br />
<input type="checkbox" id="localtime" className="checkBoxFilter" />
<label> Localtime</label>
<label>Time Zone:</label>
<input type="text" id="timezone_text" placeholder="Timezone" />
<br />
<input type="checkbox" id="last_updated_epoch" className="checkBoxFilter" />
<label> Last Updated Epoch</label>
<br />
<input type="checkbox" id="last_updated" className="checkBoxFilter" />
<label> Last Updated</label>
<br />
<input type="checkbox" id="temp_c" className="checkBoxFilter" />
<label for="temp_c">Temp C</label>
<br />
<input type="checkbox" id="temp_f" className="checkBoxFilter" />
<label for="temp_f">Temp F</label>
<br />
<input type="checkbox" id="id_day" className="checkBoxFilter" />
<label for="id_day">ID Day</label>
<br />
<input type="checkbox" id="condition_text" className="checkBoxFilter" />
<label for="condition_text">Condition Text</label>
<br />
<input type="checkbox" id="condition_icon" className="checkBoxFilter" />
<label for="condition_icon">Condition Icon</label>
</div>
<input type="checkbox" id="latitude" class="checkBoxFilter" />
<label for="latitude">Latitude</label>
<br />
<input type="checkbox" id="condition_code" className="checkBoxFilter" />
<label for="condition_code">Condition Code</label>
<input type="checkbox" id="wind" className="checkBoxFilter" />
<label for="wind">Wind </label>
<input type="checkbox" id="longitude" class="checkBoxFilter" />
<label for="longitude">Longitude</label>
<br />
<input type="checkbox" id="wind_degree" className="checkBoxFilter" />
<label for="wind_degree">Wind Degree</label>
<input type="checkbox" id="generationtime_ms" class="checkBoxFilter" />
<label for="generationtime_ms">Generation Time (ms)</label>
<br />
<input type="checkbox" id="wind_dir" className="checkBoxFilter" />
<label for="wind_dir">Wind Direction</label>
<input type="checkbox" id="utc_offset_seconds" class="checkBoxFilter" />
<label for="utc_offset_seconds">UTC Offset (Seconds)</label>
<br />
<input type="checkbox" id="pressure" className="checkBoxFilter" />
<label for="pressure">Pressure</label>
<input type="checkbox" id="timezone" class="checkBoxFilter" />
<label for="timezone">Timezone</label>
<br />
<input type="checkbox" id="precip" className="checkBoxFilter" />
<label for="precip">Precip</label>
<input type="checkbox" id="timezone_abbreviation" class="checkBoxFilter" />
<label for="timezone_abbreviation">Timezone Abbreviation</label>
<br />
<input type="checkbox" id="humidity" className="checkBoxFilter" />
<label for="humidity">Humidity</label>
<input type="checkbox" id="elevation" class="checkBoxFilter" />
<label for="elevation">Elevation</label>
<br />
<input type="checkbox" id="cloud" className="checkBoxFilter" />
<label for="cloud">Cloud</label>
<p>Hourly</p>
<br />
<input type="checkbox" id="feelslike" className="checkBoxFilter" />
<label for="feelslike">Feelslike</label>
<input type="checkbox" id="hourly_time" class="checkBoxFilter" />
<label for="hourly_time">Hourly Time</label>
<br />
<input type="checkbox" id="windchill" className="checkBoxFilter" />
<label for="windchill">Windchill</label>
<input type="checkbox" id="temperature_2m" class="checkBoxFilter" />
<label for="temperature_2m">Temperature 2m</label>
<br />
<input type="checkbox" id="heatindex" className="checkBoxFilter" />
<label for="heatindex">Heatindex</label>
<input type="checkbox" id="relative_humidity_2m" class="checkBoxFilter" />
<label for="relative_humidity_2m">Relative Humidity 2m</label>
<br />
<input type="checkbox" id="dewpoint" className="checkBoxFilter" />
<label for="dewpoint">Dewpoint</label>
<input type="checkbox" id="precipitation" class="checkBoxFilter" />
<label for="precipitation">Precipitation</label>
<br />
<input type="checkbox" id="vis" className="checkBoxFilter" />
<label for="vis">Visibility </label>
<input type="checkbox" id="surface_pressure" class="checkBoxFilter" />
<label for="surface_pressure">Surface Pressure</label>
<br />
<input type="checkbox" id="uv" className="checkBoxFilter" />
<label for="uv">UV Index</label>
<input type="checkbox" id="wind_speed_10m" class="checkBoxFilter" />
<label for="wind_speed_10m">Wind Speed 10m</label>
<br />
<input type="checkbox" id="gust" className="checkBoxFilter" />
<label for="gust">Gust </label>
<input type="checkbox" id="wind_direction_10m" className="checkBoxFilter" />
<label for="wind_direction_10m">Wind Direction 10m</label>
<br />
<input type="checkbox" id="air_quality_co" className="checkBoxFilter" />
<label for="air_quality_co">Air Quality CO</label>
<input type="checkbox" id="wind_gusts_10m" className="checkBoxFilter" />
<label for="wind_gusts_10m">Wind Gusts 10m</label>
<br />
<input type="checkbox" id="air_quality_no2" className="checkBoxFilter" />
<label for="air_quality_no2">Air Quality NO2</label>
<p>Dayly</p>
<br />
<input type="checkbox" id="air_quality_o3" className="checkBoxFilter" />
<label for="air_quality_o3">Air Quality O3</label>
<input type="checkbox" id="daily_time" class="checkBoxFilter" />
<label for="daily_time">Daily Time</label>
<br />
<input type="checkbox" id="air_quality_so2" className="checkBoxFilter" />
<label for="air_quality_so2">Air Quality SO2</label>
<input type="checkbox" id="temperature_2m_max" class="checkBoxFilter" />
<label for="temperature_2m_max">Temperature 2m Max</label>
<br />
<input type="checkbox" id="air_quality_pm2_5" className="checkBoxFilter" />
<label for="air_quality_pm2_5">Air Quality PM2.5</label>
<input type="checkbox" id="temperature_2m_min" class="checkBoxFilter" />
<label for="temperature_2m_min">Temperature 2m Min</label>
<br />
<input type="checkbox" id="air_quality_pm10" className="checkBoxFilter" />
<label for="air_quality_pm10">Air Quality PM10</label>
<input type="checkbox" id="temperature_2m_mean" class="checkBoxFilter" />
<label for="temperature_2m_mean">Temperature 2m Mean</label>
<br />
<input type="checkbox" id="air_quality_us_epa_index" className="checkBoxFilter" />
<label for="air_quality_us_epa_index">US EPA Index</label>
<input type="checkbox" id="precipitation_sum" class="checkBoxFilter" />
<label for="precipitation_sum">Precipitation Sum</label>
<br />
<input type="checkbox" id="air_quality_gb_defra_index" className="checkBoxFilter" />
<label for="air_quality_gb_defra_index">GB DEFRA Index</label>
<input type="checkbox" id="precipitation_hours" class="checkBoxFilter" />
<label for="precipitation_hours">Precipitation Hours</label>
<br />
<input type="checkbox" id="wind_speed_10m_max" class="checkBoxFilter" />
<label for="wind_speed_10m_max">Wind Speed 10m Max</label>
<br />
<input type="checkbox" id="wind_gusts_10m_max" class="checkBoxFilter" />
<label for="wind_gusts_10m_max">Wind Gusts 10m Max</label>
<br />
<input type="checkbox" id="wind_direction_10m_dominant" class="checkBoxFilter" />
<label for="wind_direction_10m_dominant">Wind Direction 10m Dominant</label>
<br />
</div>
<div class="output">
<h2>Output:</h2>
<br />
<pre id="weatherData"></pre>
</div>
<div id="apiUrl">
<label>API URL:</label>
<br />
<input className="input" type="text" id="apiUrloutput" readOnly />
</div>
<button className="APIButton" onClick={searchAPI}>
City api
</button>
<br />
<br />
</div>
</div>
</div>
</div>
);
function getData() {
......
frontend/src/components/weather/weatherForecastData.js
View file @ e4e98431
......@@ -9,11 +9,63 @@ const WeatherForecastData = (props) => {
<div className="thq-grid-5">
<div class="filter">
<div>
<input type="checkbox" id="last_updated_epoch" class="checkBoxFilter" />
<label for="last_updated_epoch">Last Updated Epoch</label>
<label for="location">Location:</label>
<input type="text" id="city_text" placeholder="Location" />
<br />
<input type="checkbox" id="last_updated" class="checkBoxFilter" />
<label for="last_updated">Last Updated</label>
<label for="region">Region:</label>
<input type="text" id="region_text" placeholder="Region" />
<br />
<label>Country:</label>
<input type="text" id="country_text" placeholder="Country" />
<br />
<label>Latitude:</label>
<input type="text" id="latitude_text" placeholder="Latitude" />
<label>Longitude:</label>
<input type="text" id="longitude_text" placeholder="Longitude" />
<br />
</div>
<div>
<input type="checkbox" id="name" className="checkBoxFilter" />
<label> City Name</label>
<br />
<input type="checkbox" id="region" className="checkBoxFilter" />
<label> Region</label>
<br />
<input type="checkbox" id="country" className="checkBoxFilter" />
<label> Country</label>
<br />
<input type="checkbox" id="lon" className="checkBoxFilter" />
<label> Longitude</label>
<br />
<input type="checkbox" id="lat" className="checkBoxFilter" />
<label> Latitude</label>
<br />
<input type="checkbox" id="tz_id" className="checkBoxFilter" />
<label> Timezone Id</label>
<br />
<input
type="checkbox"
id="localtime_epoch"
className="checkBoxFilter"
/>
<label> Localtime Epoch</label>
<br />
<input type="checkbox" id="localtime" className="checkBoxFilter" />
<label> Localtime</label>
<br />
<input
type="checkbox"
id="last_updated_epoch"
className="checkBoxFilter"
/>
<label> Last Updated Epoch</label>
<br />
<input
type="checkbox"
id="last_updated"
className="checkBoxFilter"
/>
<label> Last Updated</label>
<br />
<input type="checkbox" id="date" class="checkBoxFilter" />
<label for="date">Date</label>
......@@ -148,11 +200,32 @@ const WeatherForecastData = (props) => {
<label for="hour_uv">Hour UV</label>
<br />
<br />
</div>
</div>
<div>
<button className="thq-button-filled" onClick={getData}>
Generate
</button>
</div>
<br />
<div class="output">
<h2>Output:</h2>
<br />
<pre id="weatherData"></pre>
</div>
<div id="apiUrl">
<label>API URL:</label>
<br />
<input className="input" type="text" id="apiUrloutput" readOnly />
</div>
<button className="APIButton" onClick={searchAPI}>
City api
</button>
<br />
<br />
</div>
</div>
</div>
</div>
</div>
);
function getData() {
......
Supports Markdown
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

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal