add forum link to docs
This commit is contained in:
les
@@ -1,175 +1,176 @@
|
||||
// Event handling
|
||||
|
||||
function addEvent (el, type, handler) {
|
||||
if (el.attachEvent) { el.attachEvent('on' + type, handler) } else { el.addEventListener(type, handler) }
|
||||
function addEvent(el, type, handler) {
|
||||
if (el.attachEvent) el.attachEvent('on'+type, handler); else el.addEventListener(type, handler);
|
||||
}
|
||||
function removeEvent (el, type, handler) {
|
||||
if (el.detachEvent) { el.detachEvent('on' + type, handler) } else { el.removeEventListener(type, handler) }
|
||||
function removeEvent(el, type, handler) {
|
||||
if (el.detachEvent) el.detachEvent('on'+type, handler); else el.removeEventListener(type, handler);
|
||||
}
|
||||
|
||||
// Show/hide mobile menu
|
||||
|
||||
function toggleNav () {
|
||||
const nav = document.querySelector('.js-main-nav')
|
||||
const auxNav = document.querySelector('.js-aux-nav')
|
||||
const navTrigger = document.querySelector('.js-main-nav-trigger')
|
||||
const search = document.querySelector('.js-search')
|
||||
function toggleNav(){
|
||||
const nav = document.querySelector('.js-main-nav');
|
||||
const auxNav = document.querySelector('.js-aux-nav');
|
||||
const navTrigger = document.querySelector('.js-main-nav-trigger');
|
||||
const search = document.querySelector('.js-search');
|
||||
|
||||
addEvent(navTrigger, 'click', function () {
|
||||
const text = navTrigger.textContent
|
||||
let textToggle = navTrigger.getAttribute('data-text-toggle')
|
||||
addEvent(navTrigger, 'click', function(){
|
||||
var text = navTrigger.innerText;
|
||||
var textToggle = navTrigger.getAttribute('data-text-toggle');
|
||||
|
||||
nav.classList.toggle('nav-open')
|
||||
auxNav.classList.toggle('nav-open')
|
||||
navTrigger.classList.toggle('nav-open')
|
||||
search.classList.toggle('nav-open')
|
||||
navTrigger.textContent = textToggle
|
||||
navTrigger.setAttribute('data-text-toggle', text)
|
||||
textToggle = text
|
||||
nav.classList.toggle('nav-open');
|
||||
auxNav.classList.toggle('nav-open');
|
||||
navTrigger.classList.toggle('nav-open');
|
||||
search.classList.toggle('nav-open');
|
||||
navTrigger.innerText = textToggle;
|
||||
navTrigger.setAttribute('data-text-toggle', text);
|
||||
textToggle = text;
|
||||
})
|
||||
}
|
||||
|
||||
// Site search
|
||||
|
||||
function initSearch () {
|
||||
const index = lunr(function () {
|
||||
this.ref('id')
|
||||
this.field('title', { boost: 20 })
|
||||
this.field('content', { boost: 10 })
|
||||
this.field('url')
|
||||
})
|
||||
function initSearch() {
|
||||
var index = lunr(function () {
|
||||
this.ref('id');
|
||||
this.field('title', { boost: 20 });
|
||||
this.field('content', { boost: 10 });
|
||||
this.field('url');
|
||||
});
|
||||
|
||||
// Get the generated search_data.json file so lunr.js can search it locally.
|
||||
|
||||
sc = document.getElementsByTagName('script')
|
||||
source = ''
|
||||
sc = document.getElementsByTagName("script");
|
||||
source = '';
|
||||
|
||||
for (idx = 0; idx < sc.length; idx++) {
|
||||
s = sc.item(idx)
|
||||
for(idx = 0; idx < sc.length; idx++)
|
||||
{
|
||||
s = sc.item(idx);
|
||||
|
||||
if (s.src && s.src.match(/just-the-docs\.js$/)) { source = s.src }
|
||||
if(s.src && s.src.match(/just-the-docs\.js$/))
|
||||
{ source = s.src; }
|
||||
}
|
||||
|
||||
jsPath = source.replace('just-the-docs.js', '')
|
||||
jsPath = source.replace('just-the-docs.js', '');
|
||||
|
||||
jsonPath = jsPath + 'search-data.json'
|
||||
jsonPath = jsPath + 'search-data.json';
|
||||
|
||||
const request = new XMLHttpRequest()
|
||||
request.open('GET', jsonPath, true)
|
||||
var request = new XMLHttpRequest();
|
||||
request.open('GET', jsonPath, true);
|
||||
|
||||
request.onload = function () {
|
||||
request.onload = function() {
|
||||
if (request.status >= 200 && request.status < 400) {
|
||||
// Success!
|
||||
const data = JSON.parse(request.responseText)
|
||||
const keys = Object.keys(data)
|
||||
var data = JSON.parse(request.responseText);
|
||||
var keys = Object.keys(data);
|
||||
|
||||
for (const i in data) {
|
||||
for(var i in data) {
|
||||
index.add({
|
||||
id: data[i].id,
|
||||
title: data[i].title,
|
||||
content: data[i].content,
|
||||
url: data[i].url
|
||||
})
|
||||
});
|
||||
}
|
||||
searchResults(data)
|
||||
searchResults(data);
|
||||
} else {
|
||||
// We reached our target server, but it returned an error
|
||||
console.log('Error loading ajax request. Request status:' + request.status)
|
||||
console.log('Error loading ajax request. Request status:' + request.status);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
request.onerror = function () {
|
||||
request.onerror = function() {
|
||||
// There was a connection error of some sort
|
||||
console.log('There was a connection error')
|
||||
}
|
||||
console.log('There was a connection error');
|
||||
};
|
||||
|
||||
request.send()
|
||||
request.send();
|
||||
|
||||
function searchResults (dataStore) {
|
||||
const searchInput = document.querySelector('.js-search-input')
|
||||
const searchResults = document.querySelector('.js-search-results')
|
||||
const store = dataStore
|
||||
function searchResults(dataStore) {
|
||||
var searchInput = document.querySelector('.js-search-input');
|
||||
var searchResults = document.querySelector('.js-search-results');
|
||||
var store = dataStore;
|
||||
|
||||
function hideResults () {
|
||||
searchResults.innerHTML = ''
|
||||
searchResults.classList.remove('active')
|
||||
function hideResults() {
|
||||
searchResults.innerHTML = '';
|
||||
searchResults.classList.remove('active');
|
||||
}
|
||||
|
||||
addEvent(searchInput, 'keyup', function (e) {
|
||||
const query = this.value
|
||||
addEvent(searchInput, 'keyup', function(e){
|
||||
var query = this.value;
|
||||
|
||||
searchResults.innerHTML = ''
|
||||
searchResults.classList.remove('active')
|
||||
searchResults.innerHTML = '';
|
||||
searchResults.classList.remove('active');
|
||||
|
||||
if (query === '') {
|
||||
hideResults()
|
||||
hideResults();
|
||||
} else {
|
||||
const results = index.search(query)
|
||||
var results = index.search(query);
|
||||
|
||||
if (results.length > 0) {
|
||||
searchResults.classList.add('active')
|
||||
const resultsList = document.createElement('ul')
|
||||
searchResults.appendChild(resultsList)
|
||||
searchResults.classList.add('active');
|
||||
var resultsList = document.createElement('ul');
|
||||
searchResults.appendChild(resultsList);
|
||||
|
||||
for (const i in results) {
|
||||
const resultsListItem = document.createElement('li')
|
||||
const resultsLink = document.createElement('a')
|
||||
const resultsUrlDesc = document.createElement('span')
|
||||
const resultsUrl = store[results[i].ref].url
|
||||
const resultsRelUrl = store[results[i].ref].relUrl
|
||||
const resultsTitle = store[results[i].ref].title
|
||||
for (var i in results) {
|
||||
var resultsListItem = document.createElement('li');
|
||||
var resultsLink = document.createElement('a');
|
||||
var resultsUrlDesc = document.createElement('span');
|
||||
var resultsUrl = store[results[i].ref].url;
|
||||
var resultsRelUrl = store[results[i].ref].relUrl;
|
||||
var resultsTitle = store[results[i].ref].title;
|
||||
|
||||
resultsLink.setAttribute('href', resultsUrl)
|
||||
resultsLink.textContent = resultsTitle
|
||||
resultsUrlDesc.textContent = resultsRelUrl
|
||||
resultsLink.setAttribute('href', resultsUrl);
|
||||
resultsLink.innerText = resultsTitle;
|
||||
resultsUrlDesc.innerText = resultsRelUrl;
|
||||
|
||||
resultsList.classList.add('search-results-list')
|
||||
resultsListItem.classList.add('search-results-list-item')
|
||||
resultsLink.classList.add('search-results-link')
|
||||
resultsUrlDesc.classList.add('fs-2', 'text-grey-dk-000', 'd-block')
|
||||
resultsList.classList.add('search-results-list');
|
||||
resultsListItem.classList.add('search-results-list-item');
|
||||
resultsLink.classList.add('search-results-link');
|
||||
resultsUrlDesc.classList.add('fs-2','text-grey-dk-000','d-block');
|
||||
|
||||
resultsList.appendChild(resultsListItem)
|
||||
resultsListItem.appendChild(resultsLink)
|
||||
resultsLink.appendChild(resultsUrlDesc)
|
||||
resultsList.appendChild(resultsListItem);
|
||||
resultsListItem.appendChild(resultsLink);
|
||||
resultsLink.appendChild(resultsUrlDesc);
|
||||
}
|
||||
}
|
||||
|
||||
// When esc key is pressed, hide the results and clear the field
|
||||
if (e.keyCode == 27) {
|
||||
hideResults()
|
||||
searchInput.value = ''
|
||||
hideResults();
|
||||
searchInput.value = '';
|
||||
}
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
addEvent(searchInput, 'blur', function () {
|
||||
setTimeout(function () { hideResults() }, 300)
|
||||
})
|
||||
addEvent(searchInput, 'blur', function(){
|
||||
setTimeout(function(){ hideResults() }, 300);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function pageFocus () {
|
||||
const mainContent = document.querySelector('.js-main-content')
|
||||
mainContent.focus()
|
||||
function pageFocus() {
|
||||
var mainContent = document.querySelector('.js-main-content');
|
||||
mainContent.focus();
|
||||
}
|
||||
|
||||
|
||||
// Document ready
|
||||
|
||||
function ready () {
|
||||
toggleNav()
|
||||
pageFocus()
|
||||
function ready(){
|
||||
toggleNav();
|
||||
pageFocus();
|
||||
if (typeof lunr !== 'undefined') {
|
||||
initSearch()
|
||||
initSearch();
|
||||
}
|
||||
}
|
||||
|
||||
// in case the document is already rendered
|
||||
if (document.readyState != 'loading') { ready() }
|
||||
if (document.readyState!='loading') ready();
|
||||
// modern browsers
|
||||
else if (document.addEventListener) { document.addEventListener('DOMContentLoaded', ready) }
|
||||
else if (document.addEventListener) document.addEventListener('DOMContentLoaded', ready);
|
||||
// IE <= 8
|
||||
else {
|
||||
document.attachEvent('onreadystatechange', function () {
|
||||
if (document.readyState == 'complete') { ready() }
|
||||
})
|
||||
}
|
||||
else document.attachEvent('onreadystatechange', function(){
|
||||
if (document.readyState=='complete') ready();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user