ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use data attributs instead of class for js integration.

Browse source
This commit is contained in:
Fredrik Jonsson 2025-03-26 13:00:19 +01:00
commit 90e45f224a
2 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/js/contact.js
View file

@ -38,11 +38,11 @@
if (location.search.substring(1) !== '') {
switch (location.search.substring(1)) {
case 'submitted':
document.querySelector('.contact-submitted').classList.remove('hidden');
document.querySelector(['data-contact-submitted']).classList.remove('hidden');
break;
case 'error':
document.querySelector('.contact-error').classList.remove('hidden');
document.querySelector(['data-contact-error']).classList.remove('hidden');
break;
}
}

14
assets/js/search.js
View file

@ -19,7 +19,7 @@ import * as params from '@params';
const template = document.querySelector('template').content;
const fragment = document.createDocumentFragment();
const results = document.querySelector('.search-results');
const results = document.querySelector('[data-search-results]');
results.textContent = '';
for (const id in items) {
@ -38,7 +38,7 @@ import * as params from '@params';
}
function doSearch() {
const query = document.querySelector('.search-text').value.trim();
const query = document.querySelector('[data-search-text]').value.trim();
const results = index.search({
query: query,
enrich: true,
@ -54,7 +54,7 @@ import * as params from '@params';
}
function enableUI() {
const searchform = document.querySelector('.search-form');
const searchform = document.querySelector('[data-search-form]');
searchform.addEventListener('submit', function (e) {
e.preventDefault();
doSearch();
@ -62,14 +62,14 @@ import * as params from '@params';
searchform.addEventListener('input', function () {
doSearch();
});
document.querySelector('.search-loading').classList.add('hidden');
document.querySelector('.search-input').classList.remove('hidden');
document.querySelector('.search-text').focus();
document.querySelector('[data-search-loading]').classList.add('hidden');
document.querySelector('[data-search-input]').classList.remove('hidden');
document.querySelector('[data-search-loading]').focus();
}
function buildIndex() {
const searchindex = params.basePath + 'searchindex.json';
document.querySelector('.search-loading').classList.remove('hidden');
document.querySelector('[data-search-loading]').classList.remove('hidden');
fetch(searchindex)
.then(function (response) {
return response.json();