Packages

backpex

0.17.3
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
13 Dependencies
Dependants
Files
Activity
backpex lib backpex html resource resource_index_main.html.heex
Raw

lib/backpex/html/resource/resource_index_main.html.heex 

<.main_container>

  <div class="relative">

    <div class="bg-base-100 rounded-box mb-4 overflow-hidden shadow-sm">

      <div class="overflow-x-auto">

        <%= if assigns.item_count > 0 do %>

          <.toggle_columns

            socket={@socket}

            active_fields={@active_fields}

            live_resource={@live_resource}

            current_url={@current_url}

            class="absolute top-2 right-6 z-20 flex justify-end pt-1 font-medium normal-case"

          />

          <.resource_index_table {assigns} />

        <% else %>

          <.empty_state {assigns} />

        <% end %>

      </div>

    </div>

  </div>

  <div class="mt-4 flex flex-wrap items-center justify-between gap-y-4">

    <.pagination

      path={

        URI.decode(

          Router.get_path(

            @socket,

            @live_resource,

            @params,

            :index,

            Map.merge(@query_options, %{filters_changed: @filters_changed, page: ":page"})

          )

        )

      }

      current_page={@query_options.page}

      total_pages={@total_pages}

      next_page_label={Backpex.__("Next Page", @live_resource)}

      previous_page_label={Backpex.__("Previous Page", @live_resource)}

    />

    <div class="flex items-center">

      <.pagination_info total={@item_count} query_options={@query_options} live_resource={@live_resource} />

      <.select_per_page options={@per_page_options} query_options={@query_options} live_resource={@live_resource} />

    </div>

  </div>

</.main_container>