diff options
author | (quasar) nebula <qznebula@protonmail.com> | 2024-05-30 22:13:42 -0300 |
---|---|---|
committer | (quasar) nebula <qznebula@protonmail.com> | 2024-05-31 12:11:59 -0300 |
commit | 2cb70a00041791a2c4a4ead65bd7b0251ced2ad2 (patch) | |
tree | 4603c88198196c6e444c0d6e718205d3781d4d28 /src/static/js | |
parent | 550da60a1bfabdacd008edb047101347513a187c (diff) |
content, client: dynamically show/hide sidebar for search
Diffstat (limited to 'src/static/js')
-rw-r--r-- | src/static/js/client.js | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/src/static/js/client.js b/src/static/js/client.js index 1b70af0f..2bc8bf47 100644 --- a/src/static/js/client.js +++ b/src/static/js/client.js @@ -3673,6 +3673,9 @@ async function searchAll(query, options = {}) { // Sidebar search box ------------------------------------- const sidebarSearchInfo = initInfo('sidebarSearchInfo', { + pageContainer: null, + + searchSidebarColumn: null, searchBox: null, searchInput: null, @@ -3706,6 +3709,8 @@ const sidebarSearchInfo = initInfo('sidebarSearchInfo', { groupResultKindString: null, state: { + sidebarColumnShownForSearch: null, + workerStatus: null, searchStage: null, @@ -3731,12 +3736,22 @@ const sidebarSearchInfo = initInfo('sidebarSearchInfo', { function getSidebarSearchReferences() { const info = sidebarSearchInfo; + info.pageContainer = + document.getElementById('page-container'); + info.searchBox = document.querySelector('.wiki-search-sidebar-box'); + if (!info.searchBox) { + return; + } + info.searchInput = info.searchBox.querySelector('.wiki-search-input'); + info.searchSidebarColumn = + info.searchBox.closest('.sidebar-column'); + const findString = classPart => info.searchBox.querySelector(`.wiki-search-${classPart}-string`); @@ -3944,6 +3959,7 @@ function addSidebarSearchListeners() { info.endSearchLink.addEventListener('click', domEvent => { domEvent.preventDefault(); clearSidebarSearch(); + possiblyHideSearchSidebarColumn(); }); } @@ -4168,6 +4184,8 @@ function showSidebarSearchResults(results) { console.debug(`Showing search results:`, results); + showSearchSidebarColumn(); + const flatResults = Object.entries(results) .filter(([index]) => index === 'generic') @@ -4379,6 +4397,50 @@ function hideSidebarSearchResults() { cssProp(info.endSearchLine, 'display', 'none'); } +function showSearchSidebarColumn() { + const info = sidebarSearchInfo; + const {state} = info; + + if (!info.searchSidebarColumn) { + return; + } + + if (!info.searchSidebarColumn.classList.contains('initially-hidden')) { + return; + } + + info.searchSidebarColumn.classList.remove('initially-hidden'); + + if (info.searchSidebarColumn.id === 'sidebar-left') { + info.pageContainer.classList.add('showing-sidebar-left'); + } else if (info.searchSidebarColumn.id === 'sidebar-right') { + info.pageContainer.classList.add('showing-sidebar-right'); + } + + state.sidebarColumnShownForSearch = true; +} + +function possiblyHideSearchSidebarColumn() { + const info = sidebarSearchInfo; + const {state} = info; + + if (!info.searchSidebarColumn) { + return; + } + + if (state.sidebarColumnShownForSearch) { + info.searchSidebarColumn.classList.add('initially-hidden'); + + if (info.searchSidebarColumn.id === 'sidebar-left') { + info.pageContainer.classList.remove('showing-sidebar-left'); + } else if (info.searchSidebarColumn.id === 'sidebar-right') { + info.pageContainer.classList.remove('showing-sidebar-right'); + } + } + + state.sidebarColumnShownForSearch = null; +} + clientSteps.getPageReferences.push(getSidebarSearchReferences); clientSteps.addInternalListeners.push(addSidebarSearchInternalListeners); clientSteps.mutatePageContent.push(mutateSidebarSearchContent); |