xref: /webtrees/resources/views/modules/descendancy/sidebar.phtml (revision aa6f03bb51be5a55a78fe8aed18753116689a6d3)

<?php use Fisharebest\Webtrees\I18N; ?>
<?php use Fisharebest\Webtrees\View; ?>

<form method="post" action="<?= e(route('module', ['module' => 'descendancy', 'action' => 'Descendants', 'ged' => $tree->name()])) ?>" onsubmit="return false;">
    <input type="search" name="sb_desc_name" id="sb_desc_name" placeholder="<?= I18N::translate('Search') ?>">
</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', 'ged' => $tree->name()])) ?> + "&search=" + 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 {
        target
          .hide()
          .load(self.attr("href"), 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() ?>