<.header> Layouts <.list id="layout-list" items={@streams.reflectos_layouts}> <:item :let={{_id, layout}}> <.list_item id={layout[:id]} icon={layout[:icon]} title={layout[:name]} subtitle={layout[:type]} actions={[ {"Rename", ~p"/layouts/#{layout[:id]}/rename", ""}, {"Manage Sections", ~p"/layouts/#{layout[:id]}/manage", ""}, {"Configure", ~p"/layouts/#{layout[:id]}/configure", ""}, {"Delete", ~p"/layouts/#{layout[:id]}/delete", "text-red-600"} ]} /> <.link patch={~p"/layouts/new"} class="fixed end-6 bottom-6 flex items-center justify-center text-white bg-zinc-900 hover:bg-zinc-700 rounded-full w-14 h-14 focus:ring-4 focus:ring-zinc-900 focus:outline-none dark:focus:ring-zinc-900" > <.drawer :if={@live_action == :new} id="layout-new-form-drawer" show on_cancel={JS.patch(~p"/layouts")} > <.live_component id={:new_layout_wizard} module={ReflectOS.ConsoleWeb.LayoutLive.NewLayoutWizard} patch={~p"/layouts"} /> <.drawer :if={@live_action == :rename} id="layout-rename-form" show on_cancel={JS.patch(~p"/layouts")} > <.live_component module={ReflectOS.ConsoleWeb.LayoutLive.RenameFormComponent} id={@reflectos_layout.id || :new} reflectos_layout={@reflectos_layout} patch={~p"/layouts"} /> <.drawer :if={@live_action in [:configure]} id="layout-config-form" show on_cancel={JS.patch(~p"/layouts")} > <.live_component module={ReflectOS.ConsoleWeb.LayoutLive.ConfigFormComponent} id={@reflectos_layout.id || :new} reflectos_layout={@reflectos_layout} patch={~p"/layouts"} /> <.drawer :if={@live_action in [:manage]} id="layout-manage-form" show on_cancel={JS.patch(~p"/layouts")} > <.live_component module={ReflectOS.ConsoleWeb.LayoutLive.ManageFormComponent} id={@reflectos_layout.id || :new} reflectos_layout={@reflectos_layout} patch={~p"/layouts"} /> <.drawer :if={@live_action == :delete} id="layout-delete-form" show on_cancel={JS.patch(~p"/layouts")} >

<%= %{icon: icon} = @reflectos_layout.module.layout_definition() raw_icon(icon, class: "w-6 h-6 self-center mr-3") %>

Delete Layout

<%= @reflectos_layout.name %>

This will permanently remove this layout.

<.button phx-click="delete" phx-value-id={@reflectos_layout.id} class="bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900" > Delete