mirror of
https://github.com/kevinveenbirkenbach/homepage.veen.world.git
synced 2025-07-07 19:45:13 +02:00
43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
/**
|
||
* Toggles the .container class between .container and .container-fluid.
|
||
* @param {boolean} enabled – true = full width, false = normal.
|
||
*/
|
||
function setFullWidth(enabled) {
|
||
var el = document.querySelector('.container, .container-fluid');
|
||
if (!el) return;
|
||
console.log(el)
|
||
if (enabled) {
|
||
el.classList.replace('container', 'container-fluid');
|
||
updateUrlFullWidth(true)
|
||
} else {
|
||
el.classList.replace('container-fluid', 'container');
|
||
updateUrlFullWidth(false)
|
||
}
|
||
}
|
||
|
||
/**
|
||
* Reads the URL parameter `fullwidth` and applies full width if it's set.
|
||
* @returns {boolean} – current full‐width state
|
||
*/
|
||
function initFullWidthFromUrl() {
|
||
var isFull = new URLSearchParams(window.location.search).get('fullwidth') === '1';
|
||
setFullWidth(isFull);
|
||
return isFull;
|
||
}
|
||
|
||
/**
|
||
* Adds or removes the `fullwidth=1` URL parameter.
|
||
* @param {boolean} enabled
|
||
*/
|
||
function updateUrlFullWidth(enabled) {
|
||
var url = new URL(window.location);
|
||
if (enabled) url.searchParams.set('fullwidth', '1');
|
||
else url.searchParams.delete('fullwidth');
|
||
window.history.replaceState({}, '', url);
|
||
}
|
||
|
||
// Expose globally
|
||
window.setFullWidth = setFullWidth;
|
||
window.initFullWidthFromUrl = initFullWidthFromUrl;
|
||
window.updateUrlFullWidth = updateUrlFullWidth;
|