Packages

backpex

0.3.2
0.19.6 0.19.5 0.19.4 0.19.3 0.19.2 0.19.1 0.19.0 0.18.3 0.18.2 0.18.1 0.18.0 0.17.4 0.17.3 0.17.2 0.17.1 0.17.0 0.16.3 0.16.2 0.16.1 0.16.0 0.15.3 0.15.2 0.15.1 0.15.0 0.14.0 0.13.0 0.12.0 0.11.0 0.10.0 0.9.1 0.9.0 0.8.2 0.8.1 0.8.0 0.7.1 0.7.0 0.6.0 0.5.1 0.5.0 0.4.0 0.3.2 0.3.1 0.3.0 0.2.0 0.1.1

Highly customizable administration panel for Phoenix LiveView applications.

HexDocs

Current section

Files

Jump to
Readme
45 Versions
12 Dependencies
Dependants
Files
Activity
backpex lib backpex html resource form_component.html.heex
Raw

lib/backpex/html/resource/form_component.html.heex 

<div id="form-component">

  <.form

    for={@form}

    id="resource-form"

    phx-target={@myself}

    phx-change="validate"

    phx-submit="save"

    phx-value-action-key={

      if @action_type == :item do

        @action_to_confirm.key

      else

        nil

      end

    }

    multipart

  >

    <div>

      <div class="first:pt-3 last:pb-3">

        <.edit_panel form={@form} panel_fields={visible_fields_by_panel(@fields, :default, assigns)} {assigns} />

        <.edit_panel

          :for={{name, label} <- @panels}

          :if={visible_fields_by_panel(@fields, name, assigns) != []}

          form={@form}

          panel_fields={visible_fields_by_panel(@fields, name, assigns)}

          label={label}

          class="mt-4"

          {assigns}

        />

      </div>

    </div>

    <div class="flex items-center justify-end space-x-4 rounded-b-xl bg-gray-50 px-6 py-3">

      <div :if={form_errors?(@show_form_errors, @form)}>

        <p class="text-sm italic text-red-500">

          <%= Backpex.translate("There are errors in the form.") %>

        </p>

      </div>

      <%= if @action_type == :item do %>

        <button type="button" class="btn" phx-click="close-modal">

          <%= @action_to_confirm.module.cancel_label(assigns) %>

        </button>



        <button

          type="submit"

          class={["btn", if(form_errors?(@show_form_errors, @form), do: "btn-error", else: "btn-primary")]}

          phx-disable-with={@action_to_confirm.module.confirm_label(assigns) <> "..."}

        >

          <%= @action_to_confirm.module.confirm_label(assigns) %>

        </button>

      <% else %>

        <.link navigate={@live_resource.return_to(@socket, assigns, @live_action, @item)}>

          <button type="button" class="btn">

            <%= Backpex.translate("Cancel") %>

          </button>

        </.link>

        <button

          type="submit"

          class={["btn", if(form_errors?(@show_form_errors, @form), do: "btn-error", else: "btn-primary")]}

          phx-disable-with={@save_label <> "..."}

        >

          <%= @save_label %>

        </button>

      <% end %>

    </div>

  </.form>

</div>