get-translation
Version:
Effective translation workflow
145 lines (109 loc) • 3.74 kB
HTML
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Backbone.js pagination</title>
<link rel="stylesheet" href="../css/bootstrap.min.css">
</head>
<body>
<div class="container">
<p> </p>
<div class="page-header">
<h1>Paginator.clientPager() <small>Paginating data at the UI layer</small></h1>
</div>
<h3>GitHub issues for Twitter Bootstrap</h3>
<ul id="content">
</ul>
<ul id="pagination">
</ul>
</div>
<!--sample template for result item-->
<script type="text/html" id="resultItemTemplate">
<div class="result row">
<div class="title">
<h4>#<%= number %> <%= title %></h4>
<div class="meta"><strong>Meta-data:</strong> Reported by: <%= user.login %>, Comments: <%= comments %></span>
</div>
</div>
</script>
<!--sample template for pagination UI-->
<script type="text/html" id="tmpClientPagination">
<div class="breadcrumb">
<span class="cell last pages">
<% if (currentPage != 1) { %>
<a href="#" class="first">First</a>
<a href="#" class="prev">Previous</a>
<% } %>
<% _.each (pageSet, function (p) { %>
<% if (currentPage == p) { %>
<span class="page selected"><%= p %></span>
<% } else { %>
<a href="#" class="page"><%= p %></a>
<% } %>
<% }); %>
<% if (lastPage != currentPage && lastPage != 0) { %>
<a href="#" class="next">Next</a>
<a href="#" class="last">Last</a>
<% } %>
</span>
<span class="divider">/</span>
<span class="cell howmany">
Show
<a href="#" class="selected">3</a>
|
<a href="#" class="">9</a>
|
<a href="#" class="">12</a>
</span>
<span class="divider">/</span>
<span class="cell first records">
<span class="current"><%= startRecord %></span>
-
<span class="perpage"><%= endRecord %></span>
of
<span class="total"><%= totalRecords %></span>
shown
</span>
<span class="divider">/</span>
<select id="sortByOption">
<option value="cid">Select a field to sort on</option>
<option value="Name">name</option>
<option value="Runtime">runtime</option>
<option value="Rating">rating</option>
</select>
<span class="cell sort">
<a href="#" class="sortAsc btn small">Sort (Asc)</a>
<a href="#" class="sortDsc btn small">Sort (Desc)</a>
</span>
<span class="divider">/</span>
<select id="filterByOption">
<option value="cid">Select a field to filter on</option>
<option value="Name">name</option>
<option value="Runtime">runtime</option>
<option value="Rating">rating</option>
</select>
<span class="cell sort">
<input id="filterString" type="text" class="cell" />
<a href="#" class="filter btn small">Filter</a>
</span>
</div>
</script>
<!-- scripts-->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<!-- main app -->
<script src="app.js"></script>
<!--Backbone.Paginator-->
<!--<script src="../../dist/backbone.paginator.js"></script>-->
<script src="../../lib/backbone.paginator.js"></script>
<!--Models/Collections-->
<script src="models/Item.js"></script>
<script src="collections/PaginatedCollection.js"></script>
<!--Views-->
<script src="views/ResultView.js"></script>
<script src="views/PaginationView.js"></script>
<script src="views/AppView.js"></script>
</body>
</html>