User:Monster Domosed/common.js: Difference between revisions

Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →

Monster Domosed (talk | contribs)

2 user groups
4,611 edits
No edit summary
No edit summary
Line 1: Line 1:
/*mw.loader.load('https://deadlock.wiki/index.php?title=User:Monster_Domosed/Wiki_Redesign.js&action=raw&ctype=text/javascript');*/
/*mw.loader.load('https://deadlock.wiki/index.php?title=User:Monster_Domosed/Wiki_Redesign.js&action=raw&ctype=text/javascript');*/


(function () {
$(function () {
     const root = document.documentElement;
     var cookieOptions = {
 
         prefix: '',
    const applyState = (enabled) => {
        expires: 365 * 86400
         root.style.setProperty('--fixed-width', enabled ? '1200px' : '100%');
    };


        root.style.setProperty('--left-nav', enabled ? '151px' : '');
    var isDefaultEnabled = mw.cookie.get('fixedWidth', cookieOptions.prefix, 'true') === 'true';
        root.style.setProperty('--right-nav', enabled ? '311px' : '');
        root.style.setProperty('--personal-right', enabled ? '326px' : '');
    };


     const enabled = localStorage.getItem("fixedWidth") === "true";
     function toggleFixedWidth(isEnabled) {
    applyState(enabled);
        if (isEnabled) {
            document.documentElement.style.setProperty('--mw-width', '1200px');
            document.documentElement.style.setProperty('--mw-left', '151px');
            document.documentElement.style.setProperty('--mw-right', '311px');
            document.documentElement.style.setProperty('--mw-personal', '326px');
            document.documentElement.style.setProperty('--mw-margin-top', '-1px');
        } else {
            document.documentElement.style.setProperty('--mw-width', '100%');
            document.documentElement.style.setProperty('--mw-left', 'auto');
            document.documentElement.style.setProperty('--mw-right', 'auto');
            document.documentElement.style.setProperty('--mw-personal', 'auto');
            document.documentElement.style.setProperty('--mw-margin-top', '0px');
        }
    }


     document.addEventListener('DOMContentLoaded', function () {
     toggleFixedWidth(isDefaultEnabled);
        const personal = document.querySelector(".vector-menu-content-list");
        if (!personal || document.querySelector(".toggle-width")) return;


        const toggle = document.createElement("a");
    var toggle = mw.util.addPortletLink(
         toggle.className = "toggle-width";
         'p-personal',
        '#',
        'Toggle width',
        'pt-fixedwidth',
        'Toggle fixed width'
    );


        toggle.addEventListener("click", function () {
    $(toggle).on('click', function (e) {
            const now = root.style.getPropertyValue('--fixed-width') === '1200px';
        e.preventDefault();
            const next = !now;


            applyState(next);
        var current = mw.cookie.get('fixedWidth', cookieOptions.prefix, 'true') === 'true';
            localStorage.setItem("fixedWidth", next);
         var next = !current;
         });


         personal.prepend(toggle);
         mw.cookie.set('fixedWidth', next ? 'true' : 'false', cookieOptions);
        toggleFixedWidth(next);
     });
     });
})();
});
 
/**
/**
  * Rotatable Model Viewer — with 2D / 3D toggle
  * Rotatable Model Viewer — with 2D / 3D toggle
Retrieved from "https://deadlock.wiki/User:Monster_Domosed/common.js"