Alexander Bocken
ce11b25da4
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
69 lines
2.0 KiB
PHTML
69 lines
2.0 KiB
PHTML
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
use Fisharebest\Webtrees\I18N;
|
|
use Fisharebest\Webtrees\Tree;
|
|
use Fisharebest\Webtrees\View;
|
|
|
|
/**
|
|
* @var string $individual_list
|
|
* @var Tree $tree
|
|
*/
|
|
|
|
?>
|
|
|
|
<form method="post" action="<?= e(route('module', ['module' => 'descendancy', 'action' => 'Descendants', 'tree' => $tree->name()])) ?>" onsubmit="return false;">
|
|
<div class="form-group">
|
|
<input type="search" name="sb_desc_name" id="sb_desc_name" class="form-control" placeholder="<?= I18N::translate('Search') ?>">
|
|
<?= csrf_field() ?>
|
|
</div>
|
|
</form>
|
|
|
|
<div id="sb_desc_content">
|
|
<ul>
|
|
<?= $individual_list ?>
|
|
</ul>
|
|
</div>
|
|
|
|
<?php View::push('javascript') ?>
|
|
<script>
|
|
function dsearchQ() {
|
|
var query = $("#sb_desc_name").val();
|
|
if (query.length>1) {
|
|
$("#sb_desc_content").load(<?= json_encode(route('module', ['module' => 'descendancy', 'action' => 'Search', 'tree' => $tree->name(), 'search' => '']), JSON_THROW_ON_ERROR) ?> + encodeURIComponent(query));
|
|
}
|
|
}
|
|
|
|
$("#sb_desc_name").focus(function(){this.select();});
|
|
$("#sb_desc_name").blur(function(){if (this.value === "") this.value="<?= I18N::translate('Search') ?>";});
|
|
var dtimerid = null;
|
|
$("#sb_desc_name").keyup(function(e) {
|
|
if (dtimerid) window.clearTimeout(dtimerid);
|
|
dtimerid = window.setTimeout("dsearchQ()", 500);
|
|
});
|
|
|
|
$("#sb_desc_content").on("click", ".sb_desc_indi", function() {
|
|
var self = $(this),
|
|
state = self.children(".plusminus"),
|
|
target = self.siblings("div");
|
|
if(state.hasClass("icon-plus")) {
|
|
if (jQuery.trim(target.html())) {
|
|
target.show("fast"); // already got content so just show it
|
|
} else if (this.dataset.wtHref !== "#") {
|
|
target
|
|
.hide()
|
|
.load(this.dataset.wtHref, function(response, status, xhr) {
|
|
if(status === "success" && response !== "") {
|
|
target.show("fast");
|
|
}
|
|
})
|
|
}
|
|
} else {
|
|
target.hide("fast");
|
|
}
|
|
state.toggleClass("icon-minus icon-plus");
|
|
return false;
|
|
});
|
|
</script>
|
|
<?php View::endpush() ?> |