mkrieger/byos_laravel
1
0
Fork 0
mirror of https://github.com/usetrmnl/byos_laravel.git synced 2026-01-14 07:27:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

add features

Browse source 
* feat: autojoin toggle
* feat: auto add devices
* feat: proxy feature
* feat: support puppeteer in docker
* feat: toggle to activate cloud proxy
* feat: relay device information
* feat: relay logs to cloud
* feat: migrate on start
* feat: calculate battery state, wifi signal
* feat: eye candy for configure view
* feat: update via api
This commit is contained in:
Benjamin Nussbaum 2025-02-26 09:33:54 +01:00
parent d4eb832186
commit 715e6a2562
53 changed files with 1459 additions and 460 deletions
Download patch file Download diff file Expand all files Collapse all files

120
resources/views/livewire/devices/configure.blade.php Normal file
View file

@ -0,0 +1,120 @@
<?php
use Livewire\Volt\Component;
new class extends Component {
public $device;
public function mount(\App\Models\Device $device)
{
abort_unless(auth()->user()->devices->contains($device), 403);
$current_image_uuid = $device->current_screen_image;
$current_image_path = 'images/generated/' . $current_image_uuid . '.png';
return view('livewire.devices.configure', compact('device'), [
'image' => ($current_image_uuid) ? url($current_image_path) : null,
]);
}
public function deleteDevice(\App\Models\Device $device)
{
abort_unless(auth()->user()->devices->contains($device), 403);
$device->delete();
redirect()->route('devices');
}
}
?>
<div class="bg-muted flex flex-col items-center justify-center gap-6 p-6 md:p-10">
<div class="flex flex-col gap-6">
<div
class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
<div class="px-10 py-8 min-w-lg">
@php
$current_image_uuid =$device->current_screen_image;
file_exists('storage/images/generated/' . $current_image_uuid . '.png') ? $file_extension = 'png' : $file_extension = 'bmp';
$current_image_path = 'storage/images/generated/' . $current_image_uuid . '.' . $file_extension;
@endphp
<div class="flex items-center justify-between">
<flux:tooltip content="Friendly ID: {{$device->friendly_id}}" position="bottom">
<h1 class="text-xl font-medium dark:text-zinc-200">{{ $device->name }}</h1>
</flux:tooltip>
<div>
<flux:modal.trigger name="edit-device">
<flux:button icon="key" variant="subtle"/>
</flux:modal.trigger>
<flux:modal.trigger name="delete-device">
<flux:button icon="trash" variant="danger"/>
</flux:modal.trigger>
</div>
<div class="flex gap-2">
<flux:tooltip content="Last update" position="bottom">
<span class="dark:text-zinc-200">{{$device->updated_at->diffForHumans()}}</span>
</flux:tooltip>
<flux:separator vertical/>
<flux:tooltip content="MAC Address" position="bottom">
<span class="dark:text-zinc-200">{{$device->mac_address}}</span>
</flux:tooltip>
<flux:separator vertical/>
<flux:tooltip content="Firmware Version" position="bottom">
<span class="dark:text-zinc-200">{{$device->last_firmware_version}}</span>
</flux:tooltip>
<flux:separator vertical/>
<x-responsive-icons.wifi :strength="$device->wifiStrengh" :rssi="$device->last_rssi_level"
class="dark:text-zinc-200"/>
<flux:separator vertical/>
<x-responsive-icons.battery :percent="$device->batteryPercent"/>
</div>
</div>
<flux:modal name="edit-device" class="md:w-96">
<div class="space-y-6">
<div>
{{-- <flux:heading size="lg">Edit TRMNL</flux:heading>--}}
{{-- <flux:subheading></flux:subheading>--}}
</div>
{{-- <flux:input label="Name" value="{{ $device->name }}"/>--}}
<flux:input label="API Key" icon="key" value="{{ $device->api_key }}" type="password"
viewable class="max-w-xs"/>
<div class="flex">
<flux:spacer/>
{{-- <flux:button type="submit" variant="primary">Save changes</flux:button>--}}
</div>
</div>
</flux:modal>
<flux:modal name="delete-device" class="min-w-[22rem] space-y-6">
<div>
<flux:heading size="lg">Delete {{$device->name}}?</flux:heading>
</div>
<div class="flex gap-2">
<flux:spacer/>
<flux:modal.close>
<flux:button variant="ghost">Cancel</flux:button>
</flux:modal.close>
<flux:button wire:click="deleteDevice({{ $device->id }})" variant="danger">Delete device</flux:button>
</div>
</flux:modal>
@if($current_image_uuid)
<flux:separator class="mt-6 mb-6" text="Next Screen"/>
<img src="{{ asset($current_image_path) }}" alt="Next Image"/>
@endif
</div>
</div>
</div>
</div>