From db4b3736d4f45137a733ce5eb1e50aec968ca1d2 Mon Sep 17 00:00:00 2001 From: David Luevano Alvarado Date: Tue, 13 Dec 2022 00:11:16 -0600 Subject: update pyssg.xyz site files --- .../fork-awesome/src/doc/assets/js/search.js | 92 ++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 pyssg.xyz/live/static/fork-awesome/src/doc/assets/js/search.js (limited to 'pyssg.xyz/live/static/fork-awesome/src/doc/assets/js/search.js') diff --git a/pyssg.xyz/live/static/fork-awesome/src/doc/assets/js/search.js b/pyssg.xyz/live/static/fork-awesome/src/doc/assets/js/search.js new file mode 100644 index 0000000..1c4d447 --- /dev/null +++ b/pyssg.xyz/live/static/fork-awesome/src/doc/assets/js/search.js @@ -0,0 +1,92 @@ +$(function() { + var SearchView = Backbone.View.extend({ + events: { + "click #search-clear": "clear" + }, + + initialize: function() { + this.algolia = algoliasearch("M19DXW5X0Q", "c79b2e61519372a99fa5890db070064c"); + this.algoliaHelper = algoliasearchHelper(this.algolia, "font_awesome"); + this.template = _.template($("#results-template").html()); + + this.$searchInput = this.$("#search-input"); + this.$searchResultsSection = this.$("#search-results"); + this.$searchInputClear = this.$("#search-clear"); + this.$iconsSection = this.$("#icons"); + + this.$searchInput.on("keyup", _.debounce(_.bind(this.search, this), 200)); + this.algoliaHelper.on("result", _.bind(this.showResults, this)); + }, + + search: function(event) { + var query = this.$searchInput.val(); + + if (query !== "") { + this. algoliaHelper.setQuery(query).search(); + } else { + this.clearResults(); + } + }, + + clear: function(event) { + event.preventDefault(); + + this.clearResults(); + }, + + showResults: function(content, state) { + this.$searchResultsSection.html(""); + this.$searchResultsSection.removeClass("hide"); + this.$searchInputClear.removeClass("hide"); + this.$iconsSection.addClass("hide"); + + var results = []; + + _.each(content.hits, function(result) { + results.push(new SearchResultView({ result: result }).render()) + }); + + this.$searchResultsSection.html(this.template({ content: content, results: results.join("") })); + }, + + clearResults: function() { + this.$searchInput.val("").focus(); + this.$searchResultsSection.addClass("hide"); + this.$searchResultsSection.html(""); + this.$searchInputClear.addClass("hide"); + this.$iconsSection.removeClass("hide"); + } + }); + + var SearchResultView = Backbone.View.extend({ + initialize: function(options) { + this.template = _.template($("#result-template").html()); + this.result = options.result + }, + + render: function() { + var matches = []; + + this.pullMatches(matches, this.result._highlightResult.aliases); + this.pullMatches(matches, this.result._highlightResult.synonyms); + + return this.template({ result: this.result, matches: matches }); + }, + + pullMatches: function(matches, list) { + if (list !== undefined) { + _.each(list, function(highlight) { + if (highlight.matchLevel !== "none") { + matches.push(highlight.value) + } + }) + } + } + }); + + var $searchViewElement = $("[data-view=search]"); + + if ($searchViewElement.length > 0) { + new SearchView({ el: $searchViewElement }); + } +}); -- cgit v1.2.3-54-g00ecf