diff options
| author | Pitu <[email protected]> | 2017-01-21 05:17:29 -0300 |
|---|---|---|
| committer | Pitu <[email protected]> | 2017-01-21 05:17:29 -0300 |
| commit | 1b2af2282f5f16bdfdbf23e12cf8247b1272bbe7 (patch) | |
| tree | 202f02fe962ecb34d2cc378de1d257469d637486 /public | |
| parent | Made deleting files a promise-thingy (diff) | |
| download | host.fuwn.me-1b2af2282f5f16bdfdbf23e12cf8247b1272bbe7.tar.xz host.fuwn.me-1b2af2282f5f16bdfdbf23e12cf8247b1272bbe7.zip | |
Pagination is gucci
Diffstat (limited to 'public')
| -rw-r--r-- | public/js/panel.js | 38 |
1 files changed, 34 insertions, 4 deletions
diff --git a/public/js/panel.js b/public/js/panel.js index 5608ad2..0f885cd 100644 --- a/public/js/panel.js +++ b/public/js/panel.js @@ -69,11 +69,13 @@ panel.prepareDashboard = function(){ panel.getAlbumsSidebar(); } -panel.getUploads = function(album = undefined){ +panel.getUploads = function(album = undefined, page = undefined){ - let url = '/api/uploads' + if(page === undefined) page = 0; + + let url = '/api/uploads/' + page if(album !== undefined) - url = '/api/album/' + album + url = '/api/album/' + album + '/' + page axios.get(url) .then(function (response) { @@ -82,9 +84,27 @@ panel.getUploads = function(album = undefined){ else return swal("An error ocurred", response.data.description, "error"); } + + var prevPage = 0; + var nextPage = page + 1; + + if(response.data.files.length < 25) + nextPage = page; + + if(page > 0) prevPage = page - 1; + panel.page.innerHTML = ''; var container = document.createElement('div'); container.innerHTML = ` + <div class='columns'> + <div class="column"> + <nav class="pagination is-centered"> + <a class="pagination-previous" onclick="panel.getUploads(${album}, ${prevPage} )">Previous</a> + <a class="pagination-next" onclick="panel.getUploads(${album}, ${nextPage} )">Next page</a> + </nav> + </div> + </div> + <table class="table is-striped is-narrow"> <thead> <tr> @@ -96,7 +116,17 @@ panel.getUploads = function(album = undefined){ </thead> <tbody id="table"> </tbody> - </table>`; + </table> + + <div class='columns'> + <div class="column"> + <nav class="pagination is-centered"> + <a class="pagination-previous" onclick="panel.getUploads(${album}, ${prevPage} )">Previous</a> + <a class="pagination-next" onclick="panel.getUploads(${album}, ${nextPage} )">Next page</a> + </nav> + </div> + </div> + `; panel.page.appendChild(container); var table = document.getElementById('table'); |