From a2c133b015b22fc240f65c6aae62db17c453feaf Mon Sep 17 00:00:00 2001 From: Charlie Boles Date: Wed, 11 Oct 2023 17:09:41 -0700 Subject: [PATCH] fix: lint issues --- .../blocks/search-bar/search-bar.js | 248 ------------------ 1 file changed, 248 deletions(-) delete mode 100644 prisma/prisma-cloud/blocks/search-bar/search-bar.js diff --git a/prisma/prisma-cloud/blocks/search-bar/search-bar.js b/prisma/prisma-cloud/blocks/search-bar/search-bar.js deleted file mode 100644 index 36f1b80..0000000 --- a/prisma/prisma-cloud/blocks/search-bar/search-bar.js +++ /dev/null @@ -1,248 +0,0 @@ -/* global Coveo */ -import { getMetadata, loadCSS } from '../../scripts/lib-franklin.js'; - -const TAG_NAME = 'search-bar'; -const COVEO_BUNDLE_VERSION = 'v2.10082'; -const BUNDLE_PATH = (ext) => `${window.hlx.codeBasePath}/blocks/search-bar/coveo-search-${COVEO_BUNDLE_VERSION}.min.${ext}`; - -const TEMPLATE = /* html */ ` -
-
- - - Down Arrow - - - -
-
-
- -
-`; - -const TEMPLATE_CLOSE_ICON = ` - -Clear - - - -`; - -function getCoveoConfig() { - switch (store.env) { - case 'prod': - return { - apiKey: 'xx1149a803-7b6b-4fd3-b984-cd35445f7494', - orgID: 'paloaltonetworksintranet', - searchPageURL: 'https://docs.paloaltonetworks.com/search/', - }; - default: - return { - apiKey: 'xx8731a310-9aee-4aa4-8fab-81967a8f7391', - orgID: 'paloaltonetworksintranetsandbox2', - searchPageURL: 'https://dev.docs.paloaltonetworks.com/search/', - }; - } -} - -// Remove all hyphens from a string -function cleanString(string = '') { - return string.replace(/-/g, ' '); -} - -export class SearchBar extends HTMLElement { - constructor() { - super(); - - this.innerHTML = TEMPLATE; - this.root = this.firstElementChild; - this.coveoConfig = getCoveoConfig(); - - // Allow for mutiple search bars to be initiated on one page - this.flags = { - hasInit: false, - }; - - this.init(); - this.loadCoveo(); - } - - async loadCoveo() { - await SearchBar.LoadCoveo(); - this._initCoveo(); - } - - init() { - const booknameMeta = getMetadata('book-name'); - const productMeta = getMetadata('product'); - const docsetMeta = getMetadata('docset-id'); - - const appendDropdown = this.querySelector('.dropdown-content'); - - const defaultOption = this.getAttribute('data-default-option'); - const defaultOptions = this.getAttribute('data-default-options'); - - if (defaultOptions) { - let html = ''; - const options = JSON.parse(defaultOptions); - options.forEach((option, i) => { - html += ` - ${option.label} - - `; - }); - - appendDropdown.innerHTML = html; - } - if (docsetMeta && productMeta) { - const docSetOption = document.createElement('a'); - docSetOption.classList.add('coveo-dropdown-item'); - if (!booknameMeta) { - this.querySelector('.coveo-dropdown-item.selected').classList.remove('selected'); - docSetOption.classList.add('selected'); - this.querySelector('.dropbtn').textContent = `All ${cleanString(productMeta)} books`; - } - docSetOption.setAttribute('data-label', `All ${cleanString(productMeta)} books`); - docSetOption.setAttribute('data-value', `@td_docsetid==("${docsetMeta}")`); - docSetOption.append(`All ${cleanString(productMeta)} books`); - appendDropdown.prepend(docSetOption); - } - if (booknameMeta) { - const bookOption = document.createElement('a'); - this.querySelector('.coveo-dropdown-item.selected').classList.remove('selected'); - bookOption.classList.add('coveo-dropdown-item'); - bookOption.classList.add('selected'); - this.querySelector('.dropbtn').textContent = booknameMeta; - bookOption.setAttribute('data-label', cleanString(booknameMeta)); - bookOption.setAttribute('data-value', `@panbookname==("${booknameMeta}")`); - bookOption.append(booknameMeta); - appendDropdown.prepend(bookOption); - } - if (defaultOption) { - const targetOption = this.querySelector(`[data-value="${defaultOption}"]`); - - if (targetOption) { - this.querySelector('.coveo-dropdown-item.selected').classList.remove('selected'); - targetOption.classList.add('selected'); - this.querySelector('.dropbtn').textContent = targetOption.textContent; - } - } - } - - static async LoadCoveo() { - if (!SearchBar._CoveoLoading) { - let resolve; - let reject; - - SearchBar._CoveoLoading = new Promise((res, rej) => { - resolve = res; - reject = rej; - }); - - loadCSS(BUNDLE_PATH('css')); - import(BUNDLE_PATH('js')).then(resolve).catch(reject); - } - - return SearchBar._CoveoLoading; - } - - _initCoveo() { - const { orgID, apiKey, searchPageURL } = this.coveoConfig; - - if (Coveo.SearchEndpoint.defaultEndpoint === undefined || !this.flags.hasInit) { - const searchBoxRoot = this.querySelector('.searchbox'); - Coveo.SearchEndpoint.configureCloudV2Endpoint(orgID, apiKey); - Coveo.$$(searchBoxRoot).on('newQuery', () => { - const dropdownSelectedValue = this.querySelector( - '.coveo-dropdown-item.selected', - ).getAttribute('data-value'); - try { - if (dropdownSelectedValue !== 'all') { - Coveo.state(searchBoxRoot, 'hq', dropdownSelectedValue); - Coveo.state( - searchBoxRoot, - 'hd', - this.querySelector('.coveo-dropdown-item.selected').getAttribute('data-label').trim(), - ); - } else { - // eslint-disable-next-line no-undef - Coveo.state(searchBoxRoot, 'hq', ''); - // eslint-disable-next-line no-undef - Coveo.state(searchBoxRoot, 'hd', ''); - } - } catch (error) { - console.log(error); - } - }); - Coveo.initSearchbox(searchBoxRoot, searchPageURL); - const dropDown = this.querySelector('.dropdown'); - const dropDownOpen = dropDown.querySelector('.dropbtn'); - const dropDownLoad = dropDown.querySelector('.dropdown-content'); - - dropDownOpen.addEventListener('click', () => { - dropDown.classList.toggle('is-active'); - if (dropDownLoad.style.display === 'none') { - dropDownLoad.style.display = 'block'; - } else { - dropDownLoad.style.display = 'none'; - } - }); - - // Set default input placeholder for selected item - const defaultLabel = this.querySelector('.coveo-dropdown-item.selected').getAttribute( - 'data-label', - ); - - const searchInput = this.querySelector('.magic-box-input input'); - searchInput.setAttribute('placeholder', `Search ${defaultLabel}`); - - for (const dropoption of this.querySelectorAll('.coveo-dropdown-item')) { - dropoption.addEventListener('click', (event) => { - const label = event.target.getAttribute('data-label'); - this.querySelector('.coveo-dropdown-item.selected').classList.remove('selected'); - event.target.classList.add('selected'); - this.querySelector('.dropbtn').textContent = label; - dropDownLoad.setAttribute('style', 'display : none'); - dropDown.classList.remove('is-active'); - - searchInput.setAttribute('placeholder', `Search ${label}`); - }); - } - - const updateClearButton = this.querySelector('.magic-box-clear .magic-box-icon'); - - if (updateClearButton) { - updateClearButton.innerHTML = TEMPLATE_CLOSE_ICON; - } - - const searchBoxInput = this.querySelector('.magic-box-input input'); - searchBoxInput.addEventListener('focus', () => { - searchBoxRoot.classList.add('is-focused'); - }); - searchBoxInput.addEventListener('blur', () => { - searchBoxRoot.classList.remove('is-focused'); - }); - - this.flags.hasInit = true; - } - } -} - -export default function decorate(block) { - block.innerHTML = ''; -} - -(async () => { - customElements.define(TAG_NAME, SearchBar); - loadCSS(`${window.hlx.codeBasePath}/blocks/search-bar/search-bar.css`); -})();