mirror of https://github.com/onweru/compose.git

weru
07.10.2020 ce35e3935ccb1929e0596e5427fb4c31acb2d127
edit script
3 files modified
34 ■■■■ changed files
assets/js/functions.js 4 ●●●● patch | view | raw | blame | history
assets/js/search.js 29 ●●●● patch | view | raw | blame | history
assets/js/variables.js 1 ●●●● patch | view | raw | blame | history
assets/js/functions.js
@@ -130,12 +130,12 @@
  contents.forEach(function(c){
    const cs = elems(c, context);
    if(cs.length) {
      cs.forEach(function(cx){
      cs.forEach(function(cx, index){
        if(cx.children.length >= 1) {
          wrap(cx);
          Array.from(cx.children).forEach(function(child){
            wrap(child);
          })
          wrap(cx);
        } else {
          wrap(cx);
        }
assets/js/search.js
@@ -23,6 +23,14 @@
const index = new Fuse(idx, searchOptions);
function minQueryLen(query) {
  query = query.trim();
  const queryIsFloat = parseFloat(query);
  const minimumQueryLength = queryIsFloat ? 1 : 4;
  console.log(query, queryIsFloat, minimumQueryLength);
  return minimumQueryLength;
}
function searchResults(results=[], query="", passive = false) {
  let resultsFragment = new DocumentFragment();
  let showResults = elem('.search_results');
@@ -31,7 +39,11 @@
  }
  emptyEl(showResults);
  if(results.length) {
  const queryLen = query.length;
  const requiredQueryLen = minQueryLen(query);
  if(results.length && queryLen >= requiredQueryLen) {
    console.log('hmm');
    let resultsTitle = createEl('h3');
    resultsTitle.className = 'search_title';
    resultsTitle.innerText = quickLinks;
@@ -65,9 +77,20 @@
      }
      resultsFragment.appendChild(item);
    });
  } else {
    showResults.innerHTML = (query.length) ? `<span class="search_result">${noMatchesFound}</span>` : `<label for="find" class="search_result">${typeToSearch}</label>`;
  }
  if(queryLen >= requiredQueryLen) {
    if (!results.length) {
      showResults.innerHTML = `<span class="search_result">${noMatchesFound}</span>`;
    }
  } else {
    if (queryLen > 1) {
      showResults.innerHTML = `<label for="find" class="search_result">${shortSearchQuery}</label>`;
    } else {
      showResults.innerHTML = `<label for="find" class="search_result">${typeToSearch}</label>`;
    }
  }
  showResults.appendChild(resultsFragment);
}
assets/js/variables.js
@@ -10,5 +10,6 @@
// defined in i18n / translation files
const quickLinks = '{{ T "quick_links" }}';
const searchResultsLabel = '{{ T "search_results_label" }}';
const shortSearchQuery = '{{ T "short_search_query" }}'
const typeToSearch = '{{ T "type_to_search" }}';
const noMatchesFound = '{{ T "no_matches" }}';