mirror of
https://codeberg.org/JasterV/intisync.ex.git
synced 2026-04-26 18:10:07 +00:00
34 lines
803 B
Elixir
34 lines
803 B
Elixir
defmodule IntisyncWeb.DeviceCardComponent do
|
|
@moduledoc """
|
|
Renders a device card
|
|
"""
|
|
use Phoenix.Component
|
|
import IntisyncWeb.CoreComponents
|
|
|
|
attr :id, :string, required: true
|
|
attr :device, :map, required: true
|
|
attr :disabled, :boolean, default: false
|
|
|
|
def view(assigns) do
|
|
~H"""
|
|
<div
|
|
id={@id}
|
|
class="text-zinc-600 max-w-md border-solid border-2 rounded-lg border-indigo-500 p-4 "
|
|
>
|
|
<p class="font-semibold text-2xl mb-4">
|
|
<.icon name="hero-link-solid" class="mr-1" />
|
|
<%= @device.name %>
|
|
</p>
|
|
<input
|
|
type="range"
|
|
min="0"
|
|
max="100"
|
|
name="vibration"
|
|
value={@device.vibration}
|
|
disabled={@disabled}
|
|
class="w-full h-3 cursor-pointer"
|
|
/>
|
|
</div>
|
|
"""
|
|
end
|
|
end
|