22 lines
865 B
HTML
22 lines
865 B
HTML
<div class="hourly-forecast">
|
|
<div class="hourly-scroll">
|
|
@for (prediccio of prediccions; track prediccio.id || $index) {
|
|
<div class="hour-item">
|
|
@if (getDayLabel(prediccio)) {
|
|
<div class="day-label">{{ getDayLabel(prediccio) }}</div>
|
|
}
|
|
<div class="hour">{{ getHourLabel(prediccio) }}</div>
|
|
<div class="icon">
|
|
<img [src]="getWeatherIcon(prediccio.estatCelSimbol)"
|
|
[alt]="'Weather icon ' + prediccio.estatCelSimbol"
|
|
class="weather-icon" />
|
|
</div>
|
|
<div class="temp">{{ prediccio.temperatura.toFixed(0) }}°</div>
|
|
@if (prediccio.precipitacio !== null && prediccio.precipitacio !== undefined && prediccio.precipitacio > 0) {
|
|
<div class="rain">💧 {{ prediccio.precipitacio.toFixed(0) }}%</div>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|