Initial commit: Bocken theme for webtrees
Nord-themed dark/light mode family tree theme with: - Floating glass-morphism header bar - Auto/light/dark theme toggle with Lucide icons - Smart SVG logo with theme-aware fill colors - Active page highlighting with per-menu Nord icon colors - Language button showing 2-letter abbreviation - Start page search form - Mobile responsive icon-only nav - Custom views inherited from ArgonLight
This commit is contained in:
25
resources/views/lists/families-table.phtml
Normal file
25
resources/views/lists/families-table.phtml
Normal file
@@ -0,0 +1,25 @@
|
||||
<input type="number" id="family-page" />
|
||||
|
||||
<?= view('::lists/families-table', get_defined_vars()); ?>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var table = $(".wt-table-family").DataTable();
|
||||
var pageInput = $("#family-page");
|
||||
var queries = new URLSearchParams(window.location.search);
|
||||
|
||||
pageInput.on('keyup', function () {
|
||||
setPage(this.value);
|
||||
});
|
||||
table.on('page.dt', function () {
|
||||
pageInput.val(table.page() + 1);
|
||||
queries.set("page", table.page() + 1);
|
||||
window.history.pushState( {} , '', '?' + queries.toString() );
|
||||
});
|
||||
|
||||
setPage(queries.get("page"));
|
||||
function setPage(page){
|
||||
table.page(page - 1).draw('page');
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user