mirror of
https://github.com/usetrmnl/byos_laravel.git
synced 2026-01-13 15:07:49 +00:00
69 lines
3.2 KiB
PHP
69 lines
3.2 KiB
PHP
@php
|
|
$weatherEntity = collect($data)->first(function($entity) {
|
|
return $entity['entity_id'] === 'weather.forecast_home';
|
|
});
|
|
@endphp
|
|
|
|
@props(['size' => 'full'])
|
|
<x-trmnl::view size="{{$size}}">
|
|
<x-trmnl::layout class="layout--col gap--space-between">
|
|
@if($weatherEntity)
|
|
|
|
<div class="grid" style="gap: 9px;">
|
|
<div class="row row--center col--span-3 col--end">
|
|
<img class="weather-image" style="max-height: 150px; margin:auto;"
|
|
src="https://usetrmnl.com/images/plugins/weather/wi-thermometer.svg">
|
|
</div>
|
|
<div class="col col--span-3 col--end">
|
|
<div class="item h--full">
|
|
<div class="meta"></div>
|
|
<div class="justify-center">
|
|
<span class="value value--xxxlarge"
|
|
data-fit-value="true">{{ $weatherEntity['attributes']['temperature'] }}</span>
|
|
<span class="label">Temperature {{ $weatherEntity['attributes']['temperature_unit'] }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col--span-3 col--end gap--medium">
|
|
<div class="item">
|
|
<div class="meta"></div>
|
|
<div class="icon">
|
|
{{-- <img class="weather-icon" src="https://usetrmnl.com/images/plugins/weather/wi-thermometer.svg"> --}}
|
|
</div>
|
|
<div class="content">
|
|
<span class="value value--small">{{ $weatherEntity['attributes']['wind_speed'] }} {{ $weatherEntity['attributes']['wind_speed_unit'] }}</span>
|
|
<span class="label">Wind Speed</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="meta"></div>
|
|
<div class="icon">
|
|
{{-- <img class="weather-icon" src="https://usetrmnl.com/images/weather/wi-raindrops.svg"> --}}
|
|
</div>
|
|
<div class="content">
|
|
<span class="value value--small">{{ $weatherEntity['attributes']['humidity'] }}%</span>
|
|
<span class="label">Humidity</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="meta"></div>
|
|
<div class="icon">
|
|
{{-- <img class="weather-icon" src="https://usetrmnl.com/images/weather/wi-day-sunny.svg"> --}}
|
|
</div>
|
|
<div class="content">
|
|
<span class="value value--xsmall">{{ Str::title($weatherEntity['state']) }}</span>
|
|
<span class="label">Right Now</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@else
|
|
<p>Weather forecast data not found.</p>
|
|
@endif
|
|
</x-trmnl::layout>
|
|
|
|
<x-trmnl::title-bar title="Home Assistant"/>
|
|
</x-trmnl::view>
|