Skip to content
Snippets Groups Projects
Commit 47c3edeb authored by Patrick Jentsch's avatar Patrick Jentsch
Browse files

Toggle paginations if one or less items are displayed.

parent ea399d2c
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
app/templates/base.html.j2
+ 11
− 0
View file @ 47c3edeb
...@@ -12,6 +12,17 @@ ...@@ -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/materialize.min.css') }}" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/opaque.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 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"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head> </head>
<body> <body>
......
app/templates/main/dashboard.html.j2
+ 10
− 16
View file @ 47c3edeb
...@@ -39,16 +39,11 @@ ...@@ -39,16 +39,11 @@
</div> </div>
</div> </div>
<script> <script>
corpusListOptions = { corpusList = new List("corpus-list", {valueNames: ["title"],
valueNames: ['title'], page: 4,
page: 4, pagination: true});
pagination: true corpusList.on("filterComplete", updatePagination);
}; corpusList.on("searchComplete", updatePagination);
corpusList = new List("corpus-list", corpusListOptions);
/*
* TODO: Hide Pagination if there is only on page
* corpusListPagination = document.querySelector("#corpus-list .pagination");
*/
</script> </script>
<div class="col s12"> <div class="col s12">
...@@ -113,12 +108,11 @@ ...@@ -113,12 +108,11 @@
</div> </div>
</div> </div>
<script> <script>
jobListOptions = { var jobList = new List("job-list", {valueNames: ["title"],
valueNames: ['title'], page: 4,
page: 4, pagination: true});
pagination: true jobList.on("filterComplete", updatePagination);
}; jobList.on("searchComplete", updatePagination);
jobList = new List("job-list", jobListOptions);
</script> </script>
<div id="new-corpus-modal" class="modal"> <div id="new-corpus-modal" class="modal">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment