diff --git a/website/themes/my-doks-theme/assets/js/flexsearch.js b/website/themes/my-doks-theme/assets/js/flexsearch.js new file mode 100644 index 0000000..0c0f562 --- /dev/null +++ b/website/themes/my-doks-theme/assets/js/flexsearch.js @@ -0,0 +1,132 @@ +/*! + * FlexSearch for Bootstrap based Hyas sites + * Copyright 2021-2023 Hyas + * Licensed under the MIT License + * Based on https://github.com/frjo/hugo-theme-zen/blob/main/assets/js/search.js + */ + +/* eslint-disable no-undef, guard-for-in */ + +/** + * @file + * A JavaScript file for flexsearch. + */ + +import * as FlexSearch from 'flexsearch'; +import * as params from '@params'; + +(function () { + + 'use strict'; + + const index = new FlexSearch.Document({ + document: { + id: 'id', + index: ['title', 'tags', 'content', 'date'], + store: ['title', 'summary', 'date', 'permalink'], + }, + tokenize: 'forward', + }); + + function showResults(items) { + const template = document.querySelector('template').content; + const fragment = document.createDocumentFragment(); + + const results = document.querySelector('.search-results'); + results.textContent = ''; + + const itemsLength = Object.keys(items).length; + + // Show/hide "No recent searches" and "No search results" messages + if ((itemsLength === 0) && (query.value === '')) { + // Hide "No search results" message + document.querySelector('.search-no-results').classList.add('d-none'); + // Show "No recent searches" message + document.querySelector('.search-no-recent').classList.remove('d-none'); + } else if ((itemsLength === 0) && (query.value !== '')) { + // Hide "No recent searches" message + document.querySelector('.search-no-recent').classList.add('d-none'); + // Show "No search results" message + const queryNoResults = document.querySelector('.query-no-results'); + queryNoResults.innerText = query.value; + document.querySelector('.search-no-results').classList.remove('d-none'); + } else { + // Hide both "No recent searches" and "No search results" messages + document.querySelector('.search-no-recent').classList.add('d-none'); + document.querySelector('.search-no-results').classList.add('d-none'); + } + + for (const id in items) { + const item = items[id]; + const result = template.cloneNode(true); + const a = result.querySelector('a'); + const time = result.querySelector('time'); + const content = result.querySelector('.content'); + a.innerHTML = item.title; + a.href = item.permalink; + time.innerText = item.date; + content.innerHTML = item.summary; + fragment.appendChild(result); + } + + results.appendChild(fragment); + } + + function doSearch() { + const query = document.querySelector('.search-text').value.trim(); + const limit = params.searchLimit; + const results = index.search({ + query: query, + enrich: true, + limit: limit, + }); + const items = {}; + + results.forEach(function (result) { + result.result.forEach(function (r) { + items[r.id] = r.doc; + }); + }); + + showResults(items); + } + + function enableUI() { + const searchform = document.querySelector('.search-form'); + searchform.addEventListener('submit', function (e) { + e.preventDefault(); + doSearch(); + }); + searchform.addEventListener('input', function () { + doSearch(); + }); + document.querySelector('.search-loading').classList.add('d-none'); + document.querySelector('.search-input').classList.remove('d-none'); + document.querySelector('.search-text').focus(); + } + + function getSearchIndexFile() { + const path = window.location.pathname; + if (path.includes('/zh/')) { + return '/doris-operator/zh/search-index.json' + } else { + return '/doris-operator/search-index.json' + } + } + + function buildIndex() { + document.querySelector('.search-loading').classList.remove('d-none'); + fetch(getSearchIndexFile()) + .then(function (response) { + return response.json(); + }) + .then(function (data) { + data.forEach(function (item) { + index.add(item); + }); + }); + } + + buildIndex(); + enableUI(); +})(); diff --git a/website/themes/my-doks-theme/layouts/partials/header/header.html b/website/themes/my-doks-theme/layouts/partials/header/header.html new file mode 100644 index 0000000..3c2a64d --- /dev/null +++ b/website/themes/my-doks-theme/layouts/partials/header/header.html @@ -0,0 +1,294 @@ +{{ if site.Data.doks.alert -}} + {{ partial "header/alert.html" . }} +{{ end -}} + +{{ if site.Data.doks.navbarSticky -}} + + +
+{{ end -}} + +{{ if site.Data.doks.headerBar -}} +
+{{ end -}} + +
+ {{ with site.Data.doks.containerBreakpoint -}} +
+ {{ else -}} +
+ {{ end -}} + + + {{ .Site.Title }} + + + {{ partial "main/showFlexSearch" . }} + {{ $showFlexSearch := .Scratch.Get "showFlexSearch" -}} + {{ if $showFlexSearch -}} + + {{ end -}} + + + {{ if (in site.Data.doks.sectionNav .Section) -}} + +
+ {{ if site.Data.doks.headerBar -}} +
+ {{ end -}} +
+
{{ .Section | humanize }}
+ +
+
+ +
+
+ {{ end -}} + + + + + +
+ {{ if site.Data.doks.headerBar -}} +
+ {{ end -}} +
+
{{ site.Title }}
+ +
+ +
+
    + {{- $current := . -}} + {{- $section := $current.Section -}} + {{ range .Site.Menus.main -}} + {{- $active := or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) -}} + {{- $active = or $active (eq .Name $current.Title) -}} + {{- $active = or $active (and (eq .Name ($section | humanize)) (eq $current.Section $section)) -}} + {{- $active = or $active (and (eq .Name "Blog") (eq $current.Section "blog" "authors")) -}} + {{ if .HasChildren -}} +
  • + +
      + {{ range .Children -}} + {{- $active = eq .Name $current.Title -}} +
    • {{ .Name }}
      • + {{ end -}} +
    +
    • + {{ else -}} +
  • + {{ .Name }} +
    • + {{ end -}} + {{ end -}} +
+ + + {{ partial "main/showFlexSearch" . }} + {{ $showFlexSearch := .Scratch.Get "showFlexSearch" -}} + {{ if $showFlexSearch -}} + + {{ end -}} + + + {{ if eq site.Data.doks.multilingualMode true -}} + +
+ +
    + +
  • {{ .Site.Language.LanguageName }}
    • + +
    • + + {{ if site.Data.doks.showMissingLanguages -}} + {{ $translatedLangs := slice -}} + {{ range .Translations -}} + {{ $translatedLangs = $translatedLangs | append .Lang }} + {{- end }} + {{ range site.Languages -}} + {{ if and (ne $.Lang .Lang) (not (in $.Params.skipTranslations .Lang)) -}} + {{ $isTranslated := in $translatedLangs .Lang -}} +
  • {{ .LanguageName }}
    • + {{- end }} + {{- end }} + {{ else -}} + {{ range .Translations -}} +
  • {{ .Language.LanguageName }}
    • + {{- end }} + {{- end }} + +
+
+ {{ end -}} + + + {{ if eq site.Data.doks.docsVersioning true -}} + +
+ + +
+ {{ end -}} + + + {{ if and (eq site.Data.doks.colorMode "auto") site.Data.doks.colorModeToggler -}} + + {{ end -}} + + + {{ if .Site.Menus.social -}} + + {{ end -}} + + + + {{ if site.Data.doks.navBarButton -}} + {{ site.Data.doks.navBarButtonText }} + {{ end -}} +
+
+ + + {{ if site.Data.doks.navBarButton -}} + {{ site.Data.doks.navBarButtonText }} + {{ end -}} + +
+
+{{ if site.Data.doks.navbarSticky -}} +
+{{ end -}} + + +{{ if site.Data.doks.flexSearch -}} +{{ partial "header/search-modal" . }} +{{ end -}} + +