Packages

backpex

0.4.0
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="mb-4 overflow-hidden rounded-xl bg-white shadow-sm">

      <div

        class="overflow-x-auto"

        x-data="{

          hasOverflow: false,

          setHasOverflow() { this.hasOverflow = $el.clientWidth < $el.scrollWidth }

        }"

        x-init="$nextTick(() => setHasOverflow())"

        x-on:resize.window="setHasOverflow()"

      >

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

          <.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}

    />

    <div class="flex items-center">

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

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

    </div>

  </div>

</.main_container>