Packages

exq_ui

0.14.0
0.19.0 0.18.0 0.17.0 0.16.0 0.15.0 0.14.0 0.13.0 0.12.3 0.12.2 0.12.1 0.12.0 0.11.1 0.11.0 0.10.0 0.9.0 0.8.6 0.8.5 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.1 0.7.0 0.6.5 0.6.4 0.6.3 0.6.0 0.5.0 0.1.0

Exq UI is the UI component for Exq, a job processing library. Exq UI provides the UI dashboard to display stats on job processing.

HexDocs

Current section

Files

Jump to
Readme
30 Versions
7 Dependencies
0 Dependants
Files
Activity
exq_ui lib exq_ui_web live components pagination_component.html.heex
Raw

lib/exq_ui_web/live/components/pagination_component.html.heex 

<div>

  <%= if @total_page > 0 do %>

    <nav class="my-2">

      <ul class="pagination pagination-sm justify-content-end mb-0">

        <li class={"page-item #{if @current_page == 1, do: "disabled"}"}>

          <%= link("«",

            class: "page-link",

            to: "#",

            phx_page_loading: true,

            phx_click: "page",

            phx_value_page: 1

          ) %>

        </li>

        <%= for i <- @start_page..@end_page do %>

          <li class={"page-item #{if @current_page == i, do: "active"}"}>

            <%= link(i,

              class: "page-link",

              to: "#",

              phx_page_loading: true,

              phx_click: "page",

              phx_value_page: i

            ) %>

          </li>

        <% end %>

        <li class={"page-item #{if @current_page == @total_page, do: "disabled"}"}>

          <%= link("»",

            class: "page-link",

            to: "#",

            phx_page_loading: true,

            phx_click: "page",

            phx_value_page: @total_page

          ) %>

        </li>

      </ul>

    </nav>

  <% end %>

</div>