63 lines
11 KiB
JavaScript
63 lines
11 KiB
JavaScript
|
window.publiiStaticSearchInitCallback=function(a){window.publiiStaticSearch.indexLoaded||(window.publiiStaticSearch.cachedItems=a,window.publiiStaticSearch.initIndex())},window.publiiStaticSearch={cachedItems:null,searchIndex:null,indexLoaded:!1,htmlLoaded:!1,UI:{customTrigger:null,smallSearchInput:null,smallSearchForm:null,input:null,overlay:null,popupContent:null,emptyState:null,tooShortPhraseState:null,noResultsState:null,listWithResults:null,listWithResultsContent:null},config:{minCharCount:window.publiiStaticSearchConfig.minCharCount,maxResultsCount:window.publiiStaticSearchConfig.maxResultsCount,engineSettings:{tokenize:window.publiiStaticSearchConfig.engineSettings.tokenize,charset:window.publiiStaticSearchConfig.engineSettings.charset,language:window.publiiStaticSearchConfig.engineSettings.language,cache:window.publiiStaticSearchConfig.engineSettings.cache,suggest:window.publiiStaticSearchConfig.engineSettings.suggest},indexSettings:{resultsDescription:window.publiiStaticSearchConfig.indexSettings.resultsDescription,indexPostTitles:window.publiiStaticSearchConfig.indexSettings.indexPostTitles,indexPostExcerpts:window.publiiStaticSearchConfig.indexSettings.indexPostExcerpts,indexPostHeadings:window.publiiStaticSearchConfig.indexSettings.indexPostHeadings,indexPostAuthors:window.publiiStaticSearchConfig.indexSettings.indexPostAuthors,indexPostMetaDescription:window.publiiStaticSearchConfig.indexSettings.indexPostMetaDescription,indexTagNames:window.publiiStaticSearchConfig.indexSettings.indexTagNames,indexTagDescription:window.publiiStaticSearchConfig.indexSettings.indexTagDescription,indexTagMetaDescription:window.publiiStaticSearchConfig.indexSettings.indexTagMetaDescription}},templates:{searchPopup:`
|
||
|
|
<div class="pss-results__wrapper">
|
||
|
|
<div class="pss-results__searchbar">
|
||
|
|
<input
|
||
|
|
class="pss-results__searchbar__input"
|
||
|
|
type="search"
|
||
|
|
placeholder="${window.publiiStaticSearchConfig.translations.inputPlaceholder}" />
|
||
|
|
<svg
|
||
|
|
class="pss-results__searchbar__icon"
|
||
|
|
width="24"
|
||
|
|
height="24"
|
||
|
|
viewBox="0 0 24 24">
|
||
|
|
<path d="M21.71,20.29,18,16.61A9,9,0,1,0,16.61,18l3.68,3.68a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM4,11a7,7,0,1,1,12,4.93h0s0,0,0,0A7,7,0,0,1,4,11Z"/>
|
||
|
|
</svg>
|
||
|
|
<button
|
||
|
|
class="pss-results__searchbar__btn"
|
||
|
|
type="button">
|
||
|
|
${window.publiiStaticSearchConfig.translations.buttonClose}
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pss-results__msg pss-results__msg--empty">
|
||
|
|
${window.publiiStaticSearchConfig.translations.searchEmptyState}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div
|
||
|
|
class="pss-results__msg pss-results__msg--too-short"
|
||
|
|
hidden>
|
||
|
|
${window.publiiStaticSearchConfig.translations.tooShortPhraseState}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div
|
||
|
|
class="pss-results__msg pss-results__msg--no-results"
|
||
|
|
hidden>
|
||
|
|
${window.publiiStaticSearchConfig.translations.noResults}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ol class="pss-results__list" hidden></ol>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
`,searchItem:`
|
||
|
|
<li class="pss-results__list__item">
|
||
|
|
<a href="{PSS_URL}" class="pss-results__list__link">
|
||
|
|
{PSS_ICON}
|
||
|
|
<strong class="pss-results__list__title">
|
||
|
|
{PSS_TITLE}
|
||
|
|
</strong>
|
||
|
|
<small class="pss-results__list__text">
|
||
|
|
{PSS_TEXT}
|
||
|
|
</small>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
`,searchItemWithoutText:`
|
||
|
|
<li class="pss-results__list__item">
|
||
|
|
<a href="{PSS_URL}" class="pss-results__list__link">
|
||
|
|
{PSS_ICON}
|
||
|
|
|
||
|
|
<strong class="pss-results__list__title">
|
||
|
|
{PSS_TITLE}
|
||
|
|
</strong>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
`,postIcon:'<svg width="20" height="20" viewBox="0 0 24 24"><path d="M20.92,7.62a.93.93,0,0,0-.21-.33l-6-6a1,1,0,0,0-.32-.21A1.09,1.09,0,0,0,14,1H6A3,3,0,0,0,3,4V20a3,3,0,0,0,3,3H18a3,3,0,0,0,3-3V8A1,1,0,0,0,20.92,7.62ZM15,4.41,17.59,7H15ZM18,21H6a1,1,0,0,1-1-1V4A1,1,0,0,1,6,3h7V8a1,1,0,0,0,1,1h5V20A1,1,0,0,1,18,21Zm-1-8a1,1,0,0,1-1,1H8a1,1,0,0,1,0-2h8A1,1,0,0,1,17,13Zm0,4a1,1,0,0,1-1,1H8a1,1,0,0,1,0-2h8A1,1,0,0,1,17,17ZM7,9A1,1,0,0,1,8,8h2a1,1,0,0,1,0,2H8A1,1,0,0,1,7,9Z"/></svg>',tagIcon:'<svg width="20" height="20" viewBox="0 0 24 24"> <path d="M20,14H15.78l.45-4H20a1,1,0,0,0,0-2H16.45L17,3.11A1,1,0,0,0,16.11,2a1,1,0,0,0-1.1.88L14.44,8h-4L11,3.11a1,1,0,0,0-2-.22L8.44,8H4a1,1,0,0,0,0,2H8.22l-.45,4H4a1,1,0,0,0,0,2H7.55L7,20.89A1,1,0,0,0,7.89,22H8a1,1,0,0,0,1-.89L9.56,16h4L13,20.89a1,1,0,0,0,.88,1.1H14a1,1,0,0,0,1-.89L15.56,16H20a1,1,0,0,0,0-2ZM9.78,14l.45-4h4l-.45,4Z"/></svg>'},init(){if(this.UI.smallSearchForm=document.querySelector("form.search__form"),window.publiiStaticSearchConfig.customTriggerSelector&&(this.UI.customTrigger=document.querySelectorAll(window.publiiStaticSearchConfig.customTriggerSelector)),this.UI.smallSearchForm&&(this.UI.smallSearchInput=this.UI.smallSearchForm.querySelector(".search__input"),window.publiiStaticSearchConfig.showPopupOnInputClick?(this.UI.smallSearchForm.addEventListener("submit",a=>{a.preventDefault()},!1),this.UI.smallSearchInput.addEventListener("click",a=>{this.showPopup("")},!1)):this.UI.smallSearchForm.addEventListener("submit",a=>{a.preventDefault(),this.showPopup(this.UI.smallSearchInput.value)},!1)),this.UI.customTrigger)for(let a=0;a<this.UI.customTrigger.length;a++)this.UI.customTrigger[a].addEventListener("click",a=>{a.preventDefault(),this.showPopup("")},!1)},showPopup(a){this.htmlLoaded?(this.UI.overlay.classList.remove("is-hidden"),this.UI.input.value=a,this.UI.input.focus(),this.triggerSearchEvent()):(this.htmlLoaded=!0,this.appendHtmlStructure(),setTimeout(()=>{this.initPopupEvents(a),this.indexLoaded||this.loadIndex()},0))},loadIndex(){let b=1e5*parseInt(Date.now()/1e5,10),c=window.publiiStaticSearchConfig.baseURL+"/media/plugins/staticSearch/index.js?v="+b,a=document.createElement("script");a.setAttribute("type","text/javascript"),a.setAttribute("src",c),document.body.appendChild(a)},initIndex(){let d={charset:this.config.engineSettings.charset,language:this.config.engineSettings.language,preset:"match",tokenize:this.config.engineSettings.tokenize,cache:this.config.engineSettings.cache,suggest:this.config.engineSettings.suggest};this.searchIndex=new FlexSearch.Index(d);for(let c=0;c<this.cachedItems.length;c++){let a=this.cachedItems[c],b=[];0===a.id.indexOf("post-")?(this.config.indexSettings.indexPostTitles&&b.push(a.title),this.config.indexSettings.indexPostExcerpts&&b.push(a.excerpt),this.config.indexSettings.indexPostHeadings&&b.push(a.headings),this.config.indexSettings.indexPostAuthors&&b.push(a.author),this.config.indexSettings.indexPostMetaDescription&&b.push(a.metaDescription)):0===a.id.indexOf("tag-")&&(this.config.indexSettings.indexTagNames&&b.push(a.title),this.config.indexSettings.indexTagDescription&&b.push(a.excerpt),this.config.indexSettings.indexTagMetaDescription&&b.push(a.metaDescription)),this.searchIndex.add(a.id,b.join(" "))}this.indexLoaded=!0,this.UI.overlay.classList.remove("is-loading"),setTimeout(()=>{this.triggerSearchEvent()},0)},appendHtmlStructure(){let a=document.createElement("div");a.setAttribute("class","pss-results is-hidden is-loading"),a.innerHTML=this.templates.searchPopup,document.body.appendChild(a)},initPopupEvents(a){this.UI.input=document.querySelector(".pss-results__searchbar__input"),this.UI.overlay=document.querySelector(".pss-results"),this.UI.popupContent=document.querySelector(".pss-results__wrapper"),this.UI.emptyState=document.querySelector(".pss-results__msg--empty"),this.UI.noResultsState=document.querySelector(".pss-results__msg--no-results"),this.UI.tooShortPhraseState=document.querySelector(".pss-results__msg--too-short"),this.UI.listWithResultsContent=document.querySelector(".pss-results__list")
|