diff options
Diffstat (limited to 'helpcontent2/help3xsl/help.js')
-rw-r--r-- | helpcontent2/help3xsl/help.js | 188 |
1 files changed, 188 insertions, 0 deletions
diff --git a/helpcontent2/help3xsl/help.js b/helpcontent2/help3xsl/help.js new file mode 100644 index 000000000..48fdca8bb --- /dev/null +++ b/helpcontent2/help3xsl/help.js @@ -0,0 +1,188 @@ +/* -*- Mode: C++; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- */ +/* + * This file is part of the LibreOffice project. + * + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. + */ + +// Pagination and fuzzy search +var url = window.location.pathname; +var moduleRegex = new RegExp('text\\/(\\w+)\\/'); +var regexArray = moduleRegex.exec(url); +var modules = ['CALC', 'WRITER', 'IMPRESS', 'DRAW', 'BASE', 'MATH', 'CHART', 'BASIC', 'SHARED']; +var indexEl = document.getElementsByClassName("index")[0]; +var fullLinks = fullLinkify(indexEl, bookmarks, modules, currentModule()); +var search = document.getElementById('search-bar'); +search.addEventListener('keyup', debounce(filter, 100, indexEl)); +// Preserve search input value during the session +search.value = sessionStorage.getItem('searchsave'); +if (search.value !== undefined) { + filter(indexEl); +} +window.addEventListener('unload', function(event) { + sessionStorage.setItem('searchsave', search.value); +}); +// render the unfiltered index list on page load +fillIndex(indexEl, fullLinks, modules); + +function currentModule() { + var module = ''; + // get the module name from the URL and remove the first character, + // but first deal with snowflake Base + if(url.indexOf('explorer/database/') !== -1) { + module = 'BASE'; + } else { + if (null === regexArray){// comes from search or elsewhere, no defined module in URL + module = 'HARED' + } else { + module = regexArray[1].toUpperCase().substring(1); + } + } + return module; +}; +function fullLinkify(indexEl, bookmarks, modules, currentModule) { + var fullLinkified = ''; + // if user is not on a shared category page, limit the index to the current module + shared + if(currentModule !== 'HARED') { + bookmarks = bookmarks.filter(function(obj) { + return obj['app'] === currentModule || obj['app'] === 'SHARED'; + }); + } + bookmarks.forEach(function(obj) { + fullLinkified += '<a href="' + obj['url'] + '" class="' + obj['app'] + '">' + obj['text'] + '</a>'; + }); + return fullLinkified; +} +function fillIndex(indexEl, content, modules) { + indexEl.innerHTML = content; + var indexKids = indexEl.children; + for (var i = 0, len = indexKids.length; i < len; i++) { + indexKids[i].removeAttribute("id"); + } + modules.forEach(function(module) { + var moduleHeader = indexEl.getElementsByClassName(module)[0]; + if (typeof moduleHeader !== 'undefined') { + // let's wrap the header in a span, so the ::before element will not become a link + moduleHeader.outerHTML = '<span id="' + module + '" class="' + module + '">' + moduleHeader.outerHTML + '</span>'; + } + }); + Paginator(indexEl); +} +// filter the index list based on search field input +function filter(indexList) { + var results = null; + var target = search.value.trim(); + var filtered = ''; + if (target.length < 1) { + fillIndex(indexEl, fullLinks, modules); + return; + } + results = fuzzysort.go(target, bookmarks, {threshold: -15000, key:'text'}); + + results.forEach(function(result) { + filtered += '<a href="' + result.obj['url'] + '" class="' + result.obj['app'] + '">' + fuzzysort.highlight(result) + '</a>'; + }); + fillIndex(indexList, filtered, modules); + +}; +// delay the rendering of the filtered results while user is typing +function debounce(fn, wait, indexList) { + var timeout; + return function() { + clearTimeout(timeout); + timeout = setTimeout(function() { + fn.call(this, indexList); + }, (wait || 150)); + }; +} + +// copy pycode and bascode to clipboard on mouse click +// Show border when copy is done +divcopyable(document.getElementsByClassName("bascode")); +divcopyable(document.getElementsByClassName("pycode")); + +function divcopyable(itemcopyable){ +for (var i = 0, len = itemcopyable.length; i < len; i++) { + (function() { + var item = itemcopyable[i]; + + function changeBorder(item, color) { + var saveBorder = item.style.border; + item.style.borderColor = color; + + setTimeout(function() { + item.style.border = saveBorder; + }, 150); + } + item.onclick = function() { + document.execCommand("copy"); + changeBorder(item, "#18A303"); + }; + item.addEventListener("copy", function(event) { + event.preventDefault(); + if (event.clipboardData) { + event.clipboardData.setData("text/plain", item.textContent); + } + }); + }()); +} +} + +// copy useful content to clipboard on mouse click +var copyable = document.getElementsByClassName("input"); +for (var i = 0, len = copyable.length; i < len; i++) { + (function() { + var item = copyable[i]; + + function changeColor(item, color, colorToChangeBackTo) { + item.style.backgroundColor = color; + setTimeout(function() { + item.style.backgroundColor = colorToChangeBackTo; + }, 150); + } + item.onclick = function() { + document.execCommand("copy"); + changeColor(item, "#18A303", "transparent"); + }; + item.addEventListener("copy", function(event) { + event.preventDefault(); + if (event.clipboardData) { + event.clipboardData.setData("text/plain", item.textContent); + } + }); + }()); +} +// auto-expand contents per subitem +var pathname = window.location.pathname; +var pathRegex = /text\/.*\.html$/; +var linkIndex = 0; +var contentMatch = pathname.match(pathRegex); +function linksMatch(content) { + var linkMatch = new RegExp(content); + var links = document.getElementById("Contents").getElementsByTagName("a"); + for (var i = 0, len = links.length; i < len; i++) { + if (links[i].href.match(linkMatch)) { + return i; + } + } +} +linkIndex = linksMatch(contentMatch); +if (typeof linkIndex !== "undefined") { + var current = document.getElementById("Contents").getElementsByTagName("a")[linkIndex]; + var cItem = current.parentElement; + var parents = []; + while (cItem.parentElement && !cItem.parentElement.matches("#Contents") && parents.indexOf(cItem.parentElement) == -1) { + parents.push(cItem = cItem.parentElement); + } + var liParents = [].filter.call(parents, function(item) { + return item.matches("li"); + }); + for (var i = 0, len = liParents.length; i < len; i++) { + var input = liParents[i].querySelectorAll(':scope > input'); + document.getElementById(input[0].id).checked = true; + } + current.classList.add('contents-current'); +} +/* vim:set shiftwidth=4 softtabstop=4 expandtab cinoptions=b1,g0,N-s cinkeys+=0=break: */ |