Graham McIntire
52f8af382c
- Remove delete buttons from show pages - Add 'Danger Zone' section to edit pages with delete functionality - Improves UX by keeping destructive actions on edit pages - Add clear warnings about deletion consequences
49 lines
1.9 KiB
Text
49 lines
1.9 KiB
Text
<Layouts.authenticated flash={@flash} current_organization={@organization}>
|
|
<.header>
|
|
{@page_title}
|
|
<:subtitle>
|
|
{if @live_action == :new,
|
|
do: "Add a new site to your organization",
|
|
else: "Update site details"}
|
|
</:subtitle>
|
|
</.header>
|
|
|
|
<div class="max-w-2xl">
|
|
<.form for={@form} id="site-form" phx-change="validate" phx-submit="save">
|
|
<.input field={@form[:name]} type="text" label="Site Name" required />
|
|
|
|
<.input
|
|
field={@form[:parent_site_id]}
|
|
type="select"
|
|
label="Parent Site (optional)"
|
|
prompt="No parent site"
|
|
options={Enum.map(@available_parent_sites, &{&1.name, &1.id})}
|
|
/>
|
|
|
|
<.input field={@form[:location]} type="text" label="Location" />
|
|
|
|
<.input field={@form[:description]} type="textarea" label="Description" />
|
|
|
|
<div class="flex gap-3 mt-6">
|
|
<.button phx-disable-with="Saving..." variant="primary">Save Site</.button>
|
|
<.button navigate={~p"/orgs/#{@organization.slug}/sites"}>Cancel</.button>
|
|
</div>
|
|
</.form>
|
|
|
|
<%= if @live_action == :edit do %>
|
|
<div class="mt-12 pt-8 border-t border-zinc-200 dark:border-zinc-800">
|
|
<h3 class="text-lg font-semibold text-red-600 dark:text-red-500 mb-4">Danger Zone</h3>
|
|
<p class="text-sm text-zinc-600 dark:text-zinc-400 mb-4">
|
|
Once you delete a site, there is no going back. This will also delete all equipment at this site.
|
|
</p>
|
|
<.button
|
|
phx-click="delete"
|
|
data-confirm="Are you sure you want to delete this site? This will also delete all equipment at this site."
|
|
class="bg-red-600 text-white hover:bg-red-700 focus:ring-red-500 dark:bg-red-500 dark:hover:bg-red-600"
|
|
>
|
|
<.icon name="hero-trash" class="h-4 w-4" /> Delete Site
|
|
</.button>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</Layouts.authenticated>
|