70 lines
2.5 KiB
JavaScript
70 lines
2.5 KiB
JavaScript
// Note: Use ES5 only
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
// Get the list of hashes from local storage
|
|
var storedHashes = localStorage.getItem('eventHashes');
|
|
var eventHashes = storedHashes ? JSON.parse(storedHashes) : [];
|
|
|
|
// Get all <details> elements on the page
|
|
var detailsElements = document.querySelectorAll('details');
|
|
|
|
// Add event listeners to track open/click events
|
|
detailsElements.forEach(function (detailsElement) {
|
|
detailsElement.addEventListener('toggle', function (e) {
|
|
// Add viewed class to the target:
|
|
// TODO: Fix if we use multiple classes.
|
|
e.target.setAttribute('class', 'viewed');
|
|
// Get the data-hash attribute value
|
|
var hash = detailsElement.getAttribute('data-hash');
|
|
|
|
// Check if the hash already exists in eventHashes array
|
|
if (!eventHashes.includes(hash)) {
|
|
// Add the hash to the eventHashes array
|
|
eventHashes.push(hash);
|
|
|
|
// Limit the eventHashes array to store only the last 100 events
|
|
if (eventHashes.length > 100) {
|
|
eventHashes.shift();
|
|
}
|
|
|
|
// Store the updated eventHashes array in local storage
|
|
localStorage.setItem('eventHashes', JSON.stringify(eventHashes));
|
|
}
|
|
});
|
|
});
|
|
|
|
// Add "viewed" class to <details> elements with matching hashes
|
|
detailsElements.forEach(function (detailsElement) {
|
|
var hash = detailsElement.getAttribute('data-hash');
|
|
if (eventHashes.includes(hash)) {
|
|
detailsElement.classList.add('viewed');
|
|
}
|
|
});
|
|
|
|
// Set highlight words
|
|
if(hw = document.getElementById('highlight-words')) {
|
|
hw.value = (JSON.parse(localStorage.getItem("highlightWords"))||[]).join("\n");
|
|
}
|
|
|
|
// Save settings
|
|
if(document.getElementById('btn-settings-save')) {
|
|
document.getElementById('btn-settings-save').addEventListener('click', function (e) {
|
|
val = document.getElementById('highlight-words').value.split("\n").map(function(x){return x.trim()});
|
|
localStorage.setItem('highlightWords', JSON.stringify(val));
|
|
return false;
|
|
});
|
|
}
|
|
|
|
// Enable highlighting
|
|
if(words = localStorage.getItem('highlightWords')) {
|
|
var scriptTag = document.createElement('script');
|
|
scriptTag.setAttribute('src','/assets/mark.min.js');
|
|
scriptTag.async=scriptTag.defer = true;
|
|
document.body.appendChild(scriptTag);
|
|
scriptTag.onload = function() {
|
|
var markInstance = new Mark(document.querySelector("main"));
|
|
markInstance.mark(JSON.parse(words), {});
|
|
}
|
|
}
|
|
});
|