Dynamic show more results like algolia autocomplete

autocomplete-show-more-link-footer-dynamic.js

/* Setup dropdown menus */
	jQuery(algolia.autocomplete.input_selector).each(function (i) {
	  var $searchInput = jQuery(this);
	  var query = $searchInput.val();
      $searchInput.on("keyup", function() {
        query = $searchInput.val();
        jQuery(".voir-plus").attr("href", "https://generationvoyage.fr/?s=" + $searchInput.val());
      });

	  var config = {
		debug: algolia.debug,
		hint: false,
		openOnFocus: true,
		appendTo: 'body',
		templates: {
		  empty: wp.template('autocomplete-empty')
		}
	  };

	  if (algolia.powered_by_enabled) {
		// config.templates.footer = wp.template('autocomplete-footer');
        config.templates.footer = function() {
            return '<a href="https://generationvoyage.fr/?s="' + query + ' class="voir-plus">Voir + d\'articles</a>';
        };
	  }

	  /* Instantiate autocomplete.js */
	  var autocomplete = algoliaAutocomplete($searchInput[0], config, sources)
	  .on('autocomplete:selected', function (e, suggestion) {
		/* Redirect the user when we detect a suggestion selection. */
		window.location.href = suggestion.permalink;
	  });

	  /* Force the dropdown to be re-drawn on scroll to handle fixed containers. */
	  jQuery(window).scroll(function() {
		if(autocomplete.autocomplete.getWrapper().style.display === "block") {
		  autocomplete.autocomplete.close();
		  autocomplete.autocomplete.open();
		}
	  });
	});