val-do.com დიზაინ სისტემა

pagination

Default pagination

• უკან
• 1
• 2
• 3
• 4
• 5
• შემდეგი

<ul class="pagination">
  <li class="pagination-item">
    <a class="pagination-link" href="?page=1">უკან</a>
  </li>
  <li class="pagination-item">
    <a class="pagination-link" href="?page=1">1</a>
  </li>
  <li class="pagination-item is-current">
    <a class="pagination-link" href="?page=2">2</a>
  </li>
  <li class="pagination-item">
    <a class="pagination-link" href="?page=3">3</a>
  </li>
  <li class="pagination-item">
    <a class="pagination-link" href="?page=4">4</a>
  </li>
  <li class="pagination-item">
    <a class="pagination-link" href="?page=5">5</a>
  </li>
  <li class="pagination-item">
    <a class="pagination-link" href="?page=3">შემდეგი</a>
  </li>
</ul>

`+pagination(data, options)` მიქსინი ელოდება `{ prev, next, currentPage, pagesArray }` ობიექტს. `options.paramName`-ით query პარამეტრის სახელი იცვლება (მაგ: `expensePage`), `options.query`-ით კი სხვა query პარამეტრები (`from`, `to`...) ემატება URL-ს.