mirror of
https://github.com/usetrmnl/byos_laravel.git
synced 2026-01-14 15:37:53 +00:00
chore: move receipt blade views
This commit is contained in:
Benjamin Nussbaum
parent
09b0d8bcf8
commit
b0610a62b0
3 changed files with 159 additions and 0 deletions
46
resources/views/flux/icon/train-front.blade.php
Normal file
46
resources/views/flux/icon/train-front.blade.php
Normal file
|
|
@ -0,0 +1,46 @@
|
||||||
|
{{-- Credit: Lucide (https://lucide.dev) --}}
|
||||||
|
|
||||||
|
@props([
|
||||||
|
'variant' => 'outline',
|
||||||
|
])
|
||||||
|
|
||||||
|
@php
|
||||||
|
if ($variant === 'solid') {
|
||||||
|
throw new \Exception('The "solid" variant is not supported in Lucide.');
|
||||||
|
}
|
||||||
|
|
||||||
|
$classes = Flux::classes('shrink-0')
|
||||||
|
->add(match($variant) {
|
||||||
|
'outline' => '[:where(&)]:size-6',
|
||||||
|
'solid' => '[:where(&)]:size-6',
|
||||||
|
'mini' => '[:where(&)]:size-5',
|
||||||
|
'micro' => '[:where(&)]:size-4',
|
||||||
|
});
|
||||||
|
|
||||||
|
$strokeWidth = match ($variant) {
|
||||||
|
'outline' => 2,
|
||||||
|
'mini' => 2.25,
|
||||||
|
'micro' => 2.5,
|
||||||
|
};
|
||||||
|
@endphp
|
||||||
|
|
||||||
|
<svg
|
||||||
|
{{ $attributes->class($classes) }}
|
||||||
|
data-flux-icon
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="{{ $strokeWidth }}"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
aria-hidden="true"
|
||||||
|
data-slot="icon"
|
||||||
|
>
|
||||||
|
<path d="M8 3.1V7a4 4 0 0 0 8 0V3.1" />
|
||||||
|
<path d="m9 15-1-1" />
|
||||||
|
<path d="m15 15 1-1" />
|
||||||
|
<path d="M9 19c-2.8 0-5-2.2-5-5v-4a8 8 0 0 1 16 0v4c0 2.8-2.2 5-5 5Z" />
|
||||||
|
<path d="m8 19-2 3" />
|
||||||
|
<path d="m16 19 2 3" />
|
||||||
|
</svg>
|
||||||
57
resources/views/receipts/train.blade.php
Normal file
57
resources/views/receipts/train.blade.php
Normal file
|
|
@ -0,0 +1,57 @@
|
||||||
|
<x-trmnl::view>
|
||||||
|
<x-trmnl::layout>
|
||||||
|
<x-trmnl::table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<x-trmnl::title>Abfahrt</x-trmnl::title>
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
<x-trmnl::title>Aktuell</x-trmnl::title>
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
<x-trmnl::title>Zug</x-trmnl::title>
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
<x-trmnl::title>Ziel</x-trmnl::title>
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
<x-trmnl::title>Steig</x-trmnl::title>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
@foreach($data['departures'] as $journey)
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<x-trmnl::label>{{ \Carbon\Carbon::parse($journey['scheduledTime'])->setTimezone(config('app.timezone'))->format('H:i') }}</x-trmnl::label>
|
||||||
|
</td>
|
||||||
|
@if($journey['isCancelled'])
|
||||||
|
<td>
|
||||||
|
<x-trmnl::label variant="inverted">{{ $journey->status }}</x-trmnl::label>
|
||||||
|
</td>
|
||||||
|
@else
|
||||||
|
<td>
|
||||||
|
<x-trmnl::label>{{ \Carbon\Carbon::parse($journey['time'])->setTimezone(config('app.timezone'))->format('H:i') }}</x-trmnl::label>
|
||||||
|
</td>
|
||||||
|
@endif
|
||||||
|
<td>
|
||||||
|
<x-trmnl::label
|
||||||
|
variant="{{ $journey['isCancelled'] ? 'gray-out' : '' }}">{{ $journey['train'] }}</x-trmnl::label>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<x-trmnl::label
|
||||||
|
variant="{{ $journey['isCancelled'] ? 'gray-out' : '' }}">{{ $journey['destination'] }}</x-trmnl::label>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<x-trmnl::label
|
||||||
|
variant="{{ $journey['isCancelled'] ? 'gray-out' : '' }}">{{ $journey['platform']}}</x-trmnl::label>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
@endforeach
|
||||||
|
</tbody>
|
||||||
|
</x-trmnl::table>
|
||||||
|
</x-trmnl::layout>
|
||||||
|
<x-trmnl::title-bar title="{{config('services.oebb.station_name')}}"
|
||||||
|
instance="aktualisiert: {{now()}}"/>
|
||||||
|
</x-trmnl::view>
|
||||||
56
resources/views/receipts/weather.blade.php
Normal file
56
resources/views/receipts/weather.blade.php
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
{{--@dump($data)--}}
|
||||||
|
<x-trmnl::view>
|
||||||
|
<x-trmnl::layout class="layout--col gap--space-between">
|
||||||
|
<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/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">{{Arr::get($data, 'properties.timeseries.0.data.instant.details.air_temperature', 'N/A')}}</span>
|
||||||
|
<span class="label">Temperature</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/weather/wi-thermometer.svg">--}}
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<span class="value value--small">{{Arr::get($data, 'properties.timeseries.0.data.instant.details.wind_speed', 'N/A')}}</span>
|
||||||
|
<span class="label">Wind Speed (km/h)</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">{{Arr::get($data, 'properties.timeseries.0.data.instant.details.relative_humidity', 'N/A')}}%</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(Arr::get($data, 'properties.timeseries.0.data.next_1_hours.summary.symbol_code', 'N/A'))}}</span>
|
||||||
|
<span class="label">Right Now</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</x-trmnl::layout>
|
||||||
|
<x-trmnl::title-bar title="Weather Vienna"
|
||||||
|
instance="updated: {{now()}}"/>
|
||||||
|
</x-trmnl::view>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue