Browse Source

lint

pull/2535/head
Kat 2 years ago committed by kosiakkatrina
parent
commit
19b8c2b691
  1. 5
      app/frontend/controllers/search_controller.js
  2. 15
      app/frontend/modules/search.js

5
app/frontend/controllers/search_controller.js

@ -3,9 +3,8 @@ import accessibleAutocomplete from 'accessible-autocomplete'
import 'accessible-autocomplete/dist/accessible-autocomplete.min.css' import 'accessible-autocomplete/dist/accessible-autocomplete.min.css'
import { searchSuggestion, fetchAndPopulateSearchResults } from '../modules/search' import { searchSuggestion, fetchAndPopulateSearchResults } from '../modules/search'
let hints = []; let hints = []
const populateHint = (results) => { const populateHint = (results) => {
console.log("populating")
hints = results hints = results
} }
@ -26,7 +25,7 @@ export default class extends Controller {
}, },
autoselect: true, autoselect: true,
placeholder: 'Start typing to search', placeholder: 'Start typing to search',
templates: { suggestion: (value) => searchSuggestion(value, hints) }, templates: { suggestion: (value) => searchSuggestion(value, hints) },
name: rawFieldName, name: rawFieldName,
onConfirm: (val) => { onConfirm: (val) => {
const selectedOption = [].filter.call( const selectedOption = [].filter.call(

15
app/frontend/modules/search.js

@ -120,12 +120,12 @@ export const suggestion = (value, options) => {
export const searchSuggestion = (value, hints) => { export const searchSuggestion = (value, hints) => {
try { try {
const result = hints[value.toString()] const result = hints[value.toString()]
if (result) { if (result) {
const html = result.append ? `<span class="autocomplete__option__append">${result.value}</span> <span>${result.append}</span>` : `<span>${result.value}</span>` const html = result.append ? `<span class="autocomplete__option__append">${result.value}</span> <span>${result.append}</span>` : `<span>${result.value}</span>`
return result.hint ? `${html}<div class="autocomplete__option__hint">${result.hint}</div>` : html return result.hint ? `${html}<div class="autocomplete__option__hint">${result.hint}</div>` : html
} else { } else {
return '<span>No results found</span>' return '<span>No results found</span>'
} }
} catch (error) { } catch (error) {
console.error('Error fetching user option:', error) console.error('Error fetching user option:', error)
return value return value
@ -143,10 +143,9 @@ export const enhanceOption = (option) => {
} }
} }
export const fetchAndPopulateSearchResults = async (query, populateResults, populateHint) => { export const fetchAndPopulateSearchResults = async (query, populateResults, populateHint) => {
if (/\S/.test(query)) { if (/\S/.test(query)) {
let results = await fetchUserOptions(query) const results = await fetchUserOptions(query)
populateResults(Object.keys(results)) populateResults(Object.keys(results))
populateHint(results) populateHint(results)
} }

Loading…
Cancel
Save