docsearch/docs/src/js/home.js at 9f8170e09538e85d29d63fbd9a7030f90e4c1185 · algolia/docsearch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
window.onload = function() {
  let i = 0;
  let txt;
  let query = '';

  const demoDocsearch = docsearch({
    apiKey: '5990ad008512000bba2cf951ccf0332f',
    indexName: 'bootstrap',
    inputSelector: '.docsearch-live-demo-input',
    algoliaOptions: {
      facetFilters: ['version:4.4'],
    },
    enhancedSearchInput: true,
    debug: false,
  });

  const reference = document.querySelector(
    '.docsearch-live-demo-input-wrapper'
  );
  const popperElement = document.querySelector('.my-popper');

  const anotherPopper = new Popper(reference, popperElement, {
    placement: 'bottom-start',
    removeOnDestroy: 'true',
  });

  function openDocsearch(sampleQuery) {
    demoDocsearch.autocomplete.autocomplete.setVal(sampleQuery);
    demoDocsearch.autocomplete.autocomplete.open();
  }

  function typeWriter() {
    const speed = 250;
    if (i < txt.length) {
      query += txt.charAt(i);
      openDocsearch(query);
      i++;
      setTimeout(typeWriter, speed);
    }
  }

  document.querySelectorAll('.ds-sample-query').forEach(el => {
    const element = el;
    element.onclick = function(event) {
      txt = el.getAttribute('data-sample');
      typeWriter();
      event.preventDefault();
    };
  });

  demoDocsearch.autocomplete.on('autocomplete:opened', () => {
    anotherPopper.destroy();
  });

  new Glide('.glide', {
    type: 'carousel',
    startAt: 0,
    perView: 16,
    autoplay: 1300,
    breakpoints: {
      400: {
        perView: 4,
      },
      600: {
        perView: 6,
      },
      800: {
        perView: 8,
      },
      1000: {
        perView: 10,
      },
      1200: {
        perView: 12,
      },
    },
  }).mount();
};