app/assets/javascripts/search/highlight_blob_search_result.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

export default (search = '') => {
  const highlightLineClass = 'hll';
  const contentBody = document.getElementById('content-body');
  const searchTerm = search.toLowerCase();
  const blobs = contentBody.querySelectorAll('.js-blob-result');

  blobs.forEach((blob) => {
    const lines = blob.querySelectorAll('.line');
    lines.forEach((line) => {
      if (line.textContent.toLowerCase().includes(searchTerm)) {
        line.classList.add(highlightLineClass);
      }
    });
  });
};