diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2
index 7d62b549e484dc76ae85c855dbda6a9ccde73954..bec894a5eb6e138a6cc44c24dda38799296856f5 100644
--- a/app/templates/base.html.j2
+++ b/app/templates/base.html.j2
@@ -12,6 +12,17 @@
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/opaque.css') }}" media="screen,projection"/>
<script src="{{ url_for('static', filename='js/list.js') }}"></script>
+ <script>
+ // Utils
+ var updatePagination = function(list) {
+ pagination = list.listContainer.querySelector(".pagination");
+ if (pagination.childElementCount <= 1) {
+ pagination.classList.add("hide");
+ } else {
+ pagination.classList.remove("hide");
+ }
+ }
+ </script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
diff --git a/app/templates/main/dashboard.html.j2 b/app/templates/main/dashboard.html.j2
index 3ec36cff4b9ace4f8ec3671182e934bb568d831f..c8a02c0785344dd7bbe852aac6b5469bef38ee8e 100644
--- a/app/templates/main/dashboard.html.j2
+++ b/app/templates/main/dashboard.html.j2
@@ -39,16 +39,11 @@
</div>
</div>
<script>
- corpusListOptions = {
- valueNames: ['title'],
- page: 4,
- pagination: true
- };
- corpusList = new List("corpus-list", corpusListOptions);
- /*
- * TODO: Hide Pagination if there is only on page
- * corpusListPagination = document.querySelector("#corpus-list .pagination");
- */
+ corpusList = new List("corpus-list", {valueNames: ["title"],
+ page: 4,
+ pagination: true});
+ corpusList.on("filterComplete", updatePagination);
+ corpusList.on("searchComplete", updatePagination);
</script>
<div class="col s12">
@@ -113,12 +108,11 @@
</div>
</div>
<script>
- jobListOptions = {
- valueNames: ['title'],
- page: 4,
- pagination: true
- };
- jobList = new List("job-list", jobListOptions);
+ var jobList = new List("job-list", {valueNames: ["title"],
+ page: 4,
+ pagination: true});
+ jobList.on("filterComplete", updatePagination);
+ jobList.on("searchComplete", updatePagination);
</script>
<div id="new-corpus-modal" class="modal">