Pager
First page
Go to page
Go to page refused
Last page
One page
Source
<Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()}>
<:page_foot>
<p>Invoice <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 1)} /> of <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 12)} /> · <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 1)} /> per page</p>
<Kit.Phoenix.Roles.Pager.pager current_page={1} last_page={12} page_href={&"?view=all&page=#{&1}"} aria-label="Invoice pages" />
</:page_foot>
</Kit.Phoenix.Layouts.Find.find>
<Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()}>
<:page_foot>
<p>Invoices <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 126)} />–<Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 150)} /> of <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 300)} /></p>
<Kit.Phoenix.Roles.Pager.pager current_page={6} last_page={12} page_href={&"?view=all&size=25&page=#{&1}"} rows_per_page={%Kit.Phoenix.Roles.Pager.RowsPerPage{id: "pager-rows-per-page", sizes: [25, 50, 100], size: 25, on_change: "rows-per-page"}} go_to_page={%Kit.Phoenix.Roles.Pager.GoToPage{id: "pager-go-to-page", reader: reader(), on_submit: "go-to-page"}} aria-label="Invoice pages" />
</:page_foot>
</Kit.Phoenix.Layouts.Find.find>
<Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()}>
<:page_foot>
<p>Invoices <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 126)} />–<Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 150)} /> of <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 300)} /></p>
<Kit.Phoenix.Roles.Pager.pager current_page={6} last_page={12} page_href={&"?view=all&size=25&page=#{&1}"} rows_per_page={%Kit.Phoenix.Roles.Pager.RowsPerPage{id: "pager-refused-rows-per-page", sizes: [25, 50, 100], size: 25, on_change: "rows-per-page"}} go_to_page={%Kit.Phoenix.Roles.Pager.GoToPage{id: "pager-refused-go-to-page", reader: reader(), on_submit: "go-to-page", error: "Type a page from 1 to 12."}} aria-label="Invoice pages" />
</:page_foot>
</Kit.Phoenix.Layouts.Find.find>
<Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()}>
<:page_foot>
<p>Invoice <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 12)} /> of <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 12)} /> · <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 1)} /> per page</p>
<Kit.Phoenix.Roles.Pager.pager current_page={12} last_page={12} page_href={&"?view=all&page=#{&1}"} aria-label="Invoice pages" />
</:page_foot>
</Kit.Phoenix.Layouts.Find.find>
<Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()}>
<:page_foot>
<p><Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.count(reader(), 12)} /> invoices</p>
<Kit.Phoenix.Roles.Pager.pager current_page={1} last_page={1} page_href={&"?view=all&page=#{&1}"} rows_per_page={%Kit.Phoenix.Roles.Pager.RowsPerPage{id: "pager-single-rows-per-page", sizes: [25, 50, 100], size: 25, on_change: "rows-per-page"}} go_to_page={%Kit.Phoenix.Roles.Pager.GoToPage{id: "pager-single-go-to-page", reader: reader(), on_submit: "go-to-page"}} aria-label="Invoice pages" />
</:page_foot>
</Kit.Phoenix.Layouts.Find.find>