exciting-aftermath/Portfolio.WebUI.Server/Components/Component/Crochet Components/TemperatureBlanketVisualize...

30 lines
906 B
Plaintext

@attribute [StreamRendering]
@rendermode InteractiveServer
<div>
@if (TemperatureDays is null || TemperatureRanges is null)
{
<Loading />
}
else
{
<div>
<h3 class="text-xl font-bold mb-4">Temperature Blanket Reviewer</h3>
<div style="display: flex; overflow-x: auto; background-color: black; padding: 10px;">
@foreach (var day in TemperatureDays)
{
var color = GetColorForTemp(day.AvgTemp);
<div style="width: 6px; height: 600px; background-color:@color; margin-right: 1px;"
title="@day.Date.ToString("MMM dd") - @day.AvgTemp°F (@color)">
</div>
}
</div>
<TemperatureRangeEditor TempRanges="@TemperatureRanges" OnRangesChanged="HandleRangesChanged" />
</div>
}
</div>