CARVIEW |
Select Language
HTTP/2 200
date: Wed, 23 Jul 2025 13:13:50 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
etag: W/"ab230f15f322dbe05695e3f3c1a0675d"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: origin-when-cross-origin, strict-origin-when-cross-origin
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=cNz%2B5EN%2F%2BpS%2BAJJBRG8iMgglMTavclpJIBpikwuOpTrnFm9iYaxgZ9dIsLbKcgV4gVvhob%2FQYG%2BSCkSVj4wokKH%2BgFUsGV24ijz4NpklwNylp1sWXUA94jcVQ4lOtW%2FRjaE84iecIF%2Bnz8bzvV5HRSiCMRVKWt3HTjWzSvcFElrqjyNLn7R8N3%2B0UPCrnqGisJkAsO5PUhUndCLYEdFc6qS4B9rX1qexqUKGovQakUbWPna54C%2Brgsbm0tKWGweiyUnWD60ka%2B1VdnCbgx0ShA%3D%3D--3JPhRXhcxUfx9I3J--5chHn%2BiY12RZqOpgfVRxKw%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.565422751.1753276430; Path=/; Domain=github.com; Expires=Thu, 23 Jul 2026 13:13:50 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Thu, 23 Jul 2026 13:13:50 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: BD5E:B5FA6:C15503:E5C093:6880E00E
Elasticsearch/AngularJS Pagination Example · GitHub
Show Gist options
Save egaumer/5575237 to your computer and use it in GitHub Desktop.
{{ message }}
Instantly share code, notes, and snippets.
Created
May 14, 2013 11:20
-
Star
10
(10)
You must be signed in to star a gist -
Fork
1
(1)
You must be signed in to fork a gist
-
Save egaumer/5575237 to your computer and use it in GitHub Desktop.
Elasticsearch/AngularJS Pagination Example
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$scope.pager = { | |
pageChange: function(pageNum) { | |
$scope.search(resultPager.get(pageNum)); | |
}, | |
next: function() { | |
this.pageChange(resultPager.next()); | |
}, | |
prev: function() { | |
this.pageChange(resultPager.previous()); | |
}, | |
pageClass: function(ind){ | |
return ind+1 === resultPager.current() ? "disabled" : ""; | |
}, | |
prevClass: function() { | |
return resultPager.current() > 1 ? "" : "disabled"; | |
}, | |
nextClass: function() { | |
return resultPager.current() < resultPager.total() ? "" : "disabled"; | |
}, | |
pages: function() { | |
return resultPager.pages(pageMin, pageMax); | |
} | |
}; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="pagination" ng-model="pager"> | |
<ul> | |
<li ng-class="pager.prevClass()"><a ng-click="pager.prev()">Prev</a></li> | |
<li ng-class="pager.pageClass($index)" ng-repeat="page in pager.pages()"> | |
<a ng-click="pager.pageChange(page)">{{page}}</a> | |
</li> | |
<li ng-class="pager.nextClass()"><a ng-click="pager.next()">Next</a></li> | |
</ul> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ResultPager: function(request, hits) { | |
var total = Math.ceil(hits / request.size); | |
total = total === 0 ? 1 : total; | |
var current = Math.ceil((request.from / request.size) + 1); | |
return { | |
total: function() { | |
return total; | |
}, | |
current: function() { | |
return current; | |
}, | |
next: function() { | |
var next = current; | |
if (current < total) { | |
next = current + 1; | |
} | |
return next; | |
}, | |
previous: function() { | |
var previous = current; | |
if (current > 1) { | |
previous = current - 1; | |
} | |
return previous; | |
}, | |
pages: function(min, max) { | |
var pages = [], | |
end = current + min < total ? current + min : total + 1, | |
start = end - max > 1 ? end - max : 1, | |
i; | |
for (i = start; i < end; i++) { | |
pages.push(i); | |
} | |
return pages; | |
}, | |
get: function(page) { | |
var start = (page * request.size) - request.size; | |
return start; | |
} | |
}; | |
} |
This looks very lean and neat compared to most implementations I have seen. However, like michael said, is this a service and how do you inject request and hits? Simply put, how do all this piece together. A sample demo would help a great deal.
But thanks. This is really helpful.
👍 a demo page would be great !
really, a demo page would be great. thanks!
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
You can’t perform that action at this time.
Thanks for this useful example. Shall ResultPager be set as a service ?
If so, I'm wondering how to inject request and hits to the service ?
Thanks in advance.