BellGasp/ember-table-data

<nav aria-label="Page navigation">
  <ul class="pagination">
    {{#if showFL}}
      {{#core/page-numbers/page-link isDisabled=isFirstPage action=(action "goToFirst")}}
        <span class="goto-first">«</span>
      {{/core/page-numbers/page-link}}
    {{/if}}

    {{#if showPN}}
      {{#core/page-numbers/page-link isDisabled=isFirstPage action=(action "goToPrev")}}
        <span class="goto-previous">&lt;</span>
      {{/core/page-numbers/page-link}}
    {{/if}}

    {{#if hasMoreBefore}}
      {{#core/page-numbers/page-link currentPage=queryObj.currentPage page=1 action=(action "goToFirst")}}
        1
      {{/core/page-numbers/page-link}}

      {{#core/page-numbers/page-link action=(action "showMore" true)}}
        <span class="show-more">…</span>
      {{/core/page-numbers/page-link}}
    {{/if}}

    {{#each pageNumbers as |page|}}
      {{#core/page-numbers/page-link currentPage=queryObj.currentPage page=page action=(action "goToPage")}}
        {{page}}
      {{/core/page-numbers/page-link}}
    {{/each}}

    {{#if hasMoreAfter}}
      {{#core/page-numbers/page-link action=(action "showMore" false)}}
        <span class="show-more">…</span>
      {{/core/page-numbers/page-link}}

      {{#core/page-numbers/page-link currentPage=queryObj.currentPage page=lastPage action=(action
        "goToLast")}}
        {{lastPage}}
      {{/core/page-numbers/page-link}}
    {{/if}}

    {{#if showPN}}
      {{#core/page-numbers/page-link isDisabled=isLastPage action=(action "goToNext")}}
        <span class="goto-next">&gt;</span>
      {{/core/page-numbers/page-link}}
    {{/if}}

    {{#if showFL}}
      {{#core/page-numbers/page-link isDisabled=isLastPage action=(action "goToLast")}}
        <span class="goto-last">»</span>
      {{/core/page-numbers/page-link}}
    {{/if}}
  </ul>
</nav>