Shouldn't have been on master, but everything is still working good.
This commit is contained in:
Kira Jiroux
parent
5b2aafc4e5
commit
ef3e432347
|
|
@ -20,7 +20,7 @@ namespace Portfolio.WebUI.Server.Components.Component.Crochet_Components
|
|||
new() { Min = 35, Max = 42, Color = "#add8e6" },
|
||||
new() { Min = 42, Max = 49, Color = "#00008b" },
|
||||
new() { Min = 49, Max = 56, Color = "#006400" },
|
||||
new() { Min = 56, Max = 63, Color = "#90ee90" },
|
||||
new() { Min = 56, Max = 63, Color = "#07ed07" },
|
||||
new() { Min = 63, Max = 70, Color = "#ffff00" },
|
||||
new() { Min = 70, Max = 77, Color = "#ffa500" },
|
||||
new() { Min = 77, Max = 84, Color = "#ff0000" },
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
</div>
|
||||
|
||||
|
||||
<div class="tableFixHead bg-secondary table-responsive row">
|
||||
<div class="tableFixHead d-flex flex-column justify-content-start bg-secondary table-responsive row">
|
||||
<table class="table col table-borderless border-0 table-secondary table-striped align-middle">
|
||||
<!-- Table Head -->
|
||||
<thead class="">
|
||||
|
|
@ -46,70 +46,84 @@
|
|||
else
|
||||
{
|
||||
<!-- Table Body -->
|
||||
<tbody>
|
||||
<tbody class="">
|
||||
<tr></tr>
|
||||
@foreach (var pokemon in FilteredPokemon)
|
||||
@if (FilteredPokemon != null && FilteredPokemon.Any())
|
||||
{
|
||||
<tr class="flex-row">
|
||||
<!-- Section: Pokemon Image -->
|
||||
@{
|
||||
string baseUrl = pokemon.PokemonImageUrl;
|
||||
string shinyUrl = pokemon.PokemonShinyImageUrl;
|
||||
}
|
||||
<td class="text-center d-none d-md-table-cell">
|
||||
@if (shinyUrl == null)
|
||||
{
|
||||
<div class="flip-container">
|
||||
<div class="flipper">
|
||||
<img class="front img-fluid" style="max-width: 100px;" src="@baseUrl" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@foreach (var pokemon in FilteredPokemon)
|
||||
{
|
||||
<tr class="flex-row">
|
||||
<!-- Section: Pokemon Image -->
|
||||
@{
|
||||
string baseUrl = pokemon.PokemonImageUrl;
|
||||
string shinyUrl = pokemon.PokemonShinyImageUrl;
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="flip-container" @onclick="() => ToggleImage(pokemon.Id)">
|
||||
<div class="flipper @(isShiny[pokemon.Id] ? "flipped" : "")">
|
||||
<img class="front img-fluid" style="max-width: 100px;" src="@baseUrl" />
|
||||
<img class="back img-fluid" style="max-width: 100px;" src="@shinyUrl" />
|
||||
<td class="text-center d-none d-md-table-cell">
|
||||
@if (shinyUrl == null)
|
||||
{
|
||||
<div class="flip-container">
|
||||
<div class="flipper">
|
||||
<img class="front img-fluid" style="max-width: 100px;" src="@baseUrl" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
}
|
||||
</td>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="flip-container" @onclick="() => ToggleImage(pokemon.Id)">
|
||||
<div class="flipper @(isShiny[pokemon.Id] ? "flipped" : "")">
|
||||
<img class="front img-fluid" style="max-width: 100px;" src="@baseUrl" />
|
||||
<img class="back img-fluid" style="max-width: 100px;" src="@shinyUrl" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 2: Pokemon # -->
|
||||
<th class="" scope="row" style="cursor: default;">@pokemon.PokemonId</th>
|
||||
}
|
||||
</td>
|
||||
|
||||
<!-- Section 2: Pokemon # -->
|
||||
<th class="" scope="row" style="cursor: default;">@pokemon.PokemonId</th>
|
||||
|
||||
|
||||
<!-- Section 3: Pokemon Name -->
|
||||
<!-- Section 3: Pokemon Name -->
|
||||
|
||||
<td @onclick="() => ViewPokemon(pokemon.PokemonId)" class="pokemon-name-style fw-light col-2">@(pokemon.IsVariation && ToggleVariationName(pokemon.Id, pokemon.PokemonId) ? $"{pokemon.VariationName} {pokemon.PokemonName}" : pokemon.PokemonName)</td>
|
||||
<td @onclick="() => ViewPokemon(pokemon.PokemonId)" class="pokemon-name-style fw-light col-2">@(pokemon.IsVariation && ToggleVariationName(pokemon.Id, pokemon.PokemonId) ? $"{pokemon.VariationName} {pokemon.PokemonName}" : pokemon.PokemonName)</td>
|
||||
|
||||
|
||||
|
||||
<!-- Section 4: Pokemon Type -->
|
||||
<td class="">
|
||||
<div class="d-flex justify-content-center">
|
||||
<img src="@GetTypeImageUrl(pokemon.PokemonType)" style="width:36px; height:36px;" />
|
||||
<!-- Section 4: Pokemon Type -->
|
||||
<td class="">
|
||||
<div class="d-flex justify-content-center">
|
||||
<img src="@GetTypeImageUrl(pokemon.PokemonType)" style="width:36px; height:36px;" />
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Section 5: Sleep Type -->
|
||||
<td class="" style="">
|
||||
<div class="d-flex justify-content-center ">
|
||||
<PokemonBadge BadgeItem="@pokemon.SleepType" />
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Section 6: Speciality -->
|
||||
<td class="" style="">
|
||||
<div class="d-flex justify-content-center">
|
||||
<PokemonBadge BadgeItem="@pokemon.Speciality" />
|
||||
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
<tr>
|
||||
<td colspan="100%">
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 200px;">
|
||||
<p class="text-muted">Pokémon could not be found.</p>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Section 5: Sleep Type -->
|
||||
<td class="" style="">
|
||||
<div class="d-flex justify-content-center ">
|
||||
<PokemonBadge BadgeItem="@pokemon.SleepType" />
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Section 6: Speciality -->
|
||||
<td class="" style="">
|
||||
<div class="d-flex justify-content-center">
|
||||
<PokemonBadge BadgeItem="@pokemon.Speciality" />
|
||||
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -20,6 +20,10 @@
|
|||
z-index: 10;
|
||||
}
|
||||
|
||||
.align-top-tbody {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.pokemon-name-style {
|
||||
cursor:pointer;
|
||||
font-size: 1.3rem;
|
||||
|
|
@ -78,7 +82,9 @@
|
|||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
|
||||
.fixed-row-height {
|
||||
height: 90px; /* or any height that suits your card style */
|
||||
}
|
||||
|
||||
|
||||
.pokeimage {
|
||||
|
|
|
|||
|
|
@ -9,20 +9,61 @@ namespace Portfolio.WebUI.Server.Components.Pages.Crochet_Pages
|
|||
public partial class CrochetHome
|
||||
{
|
||||
public List<TemperatureDay> temperatureDays { get; set; }
|
||||
public int YEAR = 2025;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
// Placeholder for loading temperature data
|
||||
// Replace with actual API call
|
||||
temperatureDays = Enumerable.Range(0, 365).Select(i => new TemperatureDay
|
||||
{
|
||||
Date = new DateTime(DateTime.Now.Year - 1, 1, 1).AddDays(i),
|
||||
AvgTemp = Random.Shared.Next(10, 95)
|
||||
}).ToList();
|
||||
//temperatureDays = Enumerable.Range(0, 365).Select(i => new TemperatureDay
|
||||
//{
|
||||
// Date = new DateTime(DateTime.Now.Year - 1, 1, 1).AddDays(i),
|
||||
// AvgTemp = Random.Shared.Next(10, 95)
|
||||
//}).ToList();
|
||||
|
||||
temperatureDays = GenerateRealisticTemperatureDays(YEAR);
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
public static List<TemperatureDay> GenerateRealisticTemperatureDays(int year)
|
||||
{
|
||||
var temperatureDays = new List<TemperatureDay>();
|
||||
var startDate = new DateTime(year, 1, 1);
|
||||
int daysInYear = DateTime.IsLeapYear(year) ? 366 : 365;
|
||||
|
||||
// Adjusted parameters for desired range
|
||||
double minAvgTemp = 20.0;
|
||||
double maxAvgTemp = 84.0;
|
||||
double amplitude = (maxAvgTemp - minAvgTemp) / 2.0; // 32.5
|
||||
double avgAnnualTemp = (maxAvgTemp + minAvgTemp) / 2.0; // 52.5
|
||||
double noiseMax = 4.0; // Small daily variation
|
||||
|
||||
for (int i = 0; i < daysInYear; i++)
|
||||
{
|
||||
var date = startDate.AddDays(i);
|
||||
double dayOfYearRatio = (2 * Math.PI * i) / daysInYear;
|
||||
|
||||
// Peak is mid-summer, trough is mid-winter
|
||||
double seasonalTemp = avgAnnualTemp + amplitude * Math.Sin(dayOfYearRatio - Math.PI / 2);
|
||||
|
||||
// Add gentle noise
|
||||
double dailyNoise = Random.Shared.NextDouble() * noiseMax * 2 - noiseMax;
|
||||
|
||||
// Final temperature, clamped to min/max
|
||||
double finalTemp = Math.Round(seasonalTemp + dailyNoise, 1);
|
||||
finalTemp = Math.Clamp(finalTemp, minAvgTemp, maxAvgTemp);
|
||||
|
||||
temperatureDays.Add(new TemperatureDay
|
||||
{
|
||||
Date = date,
|
||||
AvgTemp = finalTemp
|
||||
});
|
||||
}
|
||||
|
||||
return temperatureDays;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue