Skip to content

Instantly share code, notes, and snippets.

@annibuliful
Created November 6, 2017 11:47
Show Gist options
  • Select an option

  • Save annibuliful/1fec7f7c49d0fcbc86a3ddd6fec4596f to your computer and use it in GitHub Desktop.

Select an option

Save annibuliful/1fec7f7c49d0fcbc86a3ddd6fec4596f to your computer and use it in GitHub Desktop.
<div class="row">
<% for (var i=0;i<data.length;i++) { %>
<div class="col-12 col-sm-6 col-lg-4">
<div class="card catalog-card">
<a href="/car/<%= data[i]._id %>">
<img class="card-img-top" src="/<%= data[i].image[0].filename %>">
</a>
<div>
<p class="catalog-make" class="card-text catalog-make">
<%= data[i].make %>
<%= data[i].model %> ปี
<%= data[i].year %>
</p>
<p class="catalog-price" class="card-text catalog-price">
<%= data[i].price %>
</p>
</div>
</div>
</div>
<% } %>
</div>
<!-- end catalog-row -->
<!-- Pagination -->
<nav aria-label="Page navigation example">
<% if (pages > 0) { %>
<ul class="pagination justify-content-center">
<% if (current == 1) { %>
<li class="page-item disabled">
<a class="page-link">First</a>
</li>
<% } else { %>
<li class="page-item">
<a class="page-link" href="/page/1">First</a>
</li>
<% } %>
<% var i = (Number(current) > 5 ? Number(current) - 4 : 1) %>
<% if (i !== 1) { %>
<li class="page-item disabled">
<a class="page-link">...</a>
</li>
<% } %>
<% for (; i <= (Number(current) + 4) && i <= pages; i++) { %>
<% if (i == current) { %>
<li class="page-item active">
<a class="page-link">
<%= i %>
</a>
</li>
<% } else { %>
<li class="page-item">
<a class="page-link" href="/page/<%= i %>">
<%= i %>
</a>
</li>
<% } %>
<% if (i == Number(current) + 4 && i < pages) { %>
<li class="page-item disabled">
<a class="page-link">...</a>
</li>
<% } %>
<% } %>
<% if (current == pages) { %>
<li class="page-item disabled">
<a class="page-link">Last</a>
</li>
<% } else { %>
<li class="page-item">
<a class="page-link" href="/page/<%= pages %>">Last</a>
</li>
<% } %>
</ul>
<% } %>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment