';
/* Collapse Functions, version 3.0
*
*--------------------------------------------------------------------------*/
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,"");
}
function collapsArchCreateCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
} else {
var expires = "";
}
document.cookie = name+"="+value+expires+"; path=/;SameSite=Strict";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i {
item.addEventListener('click', event => {
let theLink = item.querySelector('a');
console.log(theLink);
if ( theLink ) {
// This is to support the option of expanding and collapsing only, and
// not linking to the category archive (linkToArch=false)
theLink.removeAttribute('href');
}
if (accordion==1) {
let theSpan = item.parentElement.parentElement.querySelector('span.collapse');
// If we are collapsing the one item which is expanded then we don't
// want to change the other items, thus we only do this when the item
// and theSpan are different
if ( theSpan && theSpan != item ) {
let theDiv = theSpan.parentElement.querySelector('div');
let divId = theDiv.getAttribute("id");
theDiv.style.display = 'none';
theSpan.classList.remove('collapse');
theSpan.classList.add('expand');
collapsArchCreateCookie(divId, 0, 7);
}
widgetRoot.querySelectorAll( '.expand .sym').forEach(item => { item.innerHTML = expandSym;});
}
expandCollapseArch(item, expandSym, collapseSym, accordion );
return false;
})
});
}
function expandCollapseArch(symbol, expandSym, collapseSym, accordion ) {
let newDiv = symbol.parentElement.querySelector('div');
let divId = newDiv.getAttribute("id");
// this is a bit of a hack - but basically we only have the post information stored in collapsItems, with IDs like 2022-1 or 2022-12. When expanding a year to show months, instead we want to use what is already in the DOM
if ( divId.match('[0-9]{4}-[0-9]') && collapsItems[divId] ) {
newDiv.innerHTML = collapsItems[divId];
}
// calling again here to add to sub-archives, which may not have been in the DOM before
//addExpandCollapseNew( newDiv, expandSym, collapseSym, accordion );
//newDiv.style.maxHeight = newDiv.scrollHeight + "px";
if (symbol.classList.contains('expand')) {
newDiv.style.display = 'block';
symbol.classList.remove('expand');
symbol.classList.add('collapse');
symbol.querySelector('.sym').innerHTML = collapseSym;
collapsArchCreateCookie(divId, 1, 7);
} else {
newDiv.style.display = 'none';
symbol.classList.remove('collapse');
symbol.classList.add('expand');
symbol.querySelector('.sym').innerHTML = expandSym;
collapsArchCreateCookie(divId, 0, 7);
}
}
widgetRoot = document.querySelector( '#widget-collapsArch-block-4-top' );addExpandCollapseArch(widgetRoot, '►', '▼', 0 )// ]]>
