sprint_planer_web/public/assets/js/app.js

/* global jQuery */
/**
 * Tiny site-wide script. One purpose today: turn any element carrying a
 * `data-href` attribute into a clickable row / button without needing an
 * inline onclick (which would force `'unsafe-inline'` in the CSP).
 *
 * Middle-click / Ctrl+click / Cmd+click open in a new tab, matching
 * native anchor-link behaviour.
 */
(function ($) {
    'use strict';

    $(document).on('click', '[data-href]', function (ev) {
        // Ignore clicks that originated on an interactive descendant.
        if ($(ev.target).closest('a, button, input, select, textarea, label').length > 0) {
            return;
        }
        const href = String($(this).attr('data-href') || '');
        if (href === '') { return; }

        if (ev.metaKey || ev.ctrlKey || ev.button === 1) {
            window.open(href, '_blank');
        } else {
            window.location.href = href;
        }
    });

    // Make the row visibly clickable via keyboard + screen-readers.
    $('[data-href]').attr('role', 'link').attr('tabindex', '0');
    $(document).on('keydown', '[data-href]', function (ev) {
        if (ev.key === 'Enter') {
            ev.preventDefault();
            window.location.href = String($(this).attr('data-href') || '');
        }
    });
})(jQuery);

/**
 * Header hamburger menu. Vanilla JS — no jQuery. Toggles #app-menu's
 * [hidden] + aria-expanded on the trigger, closes on outside-click,
 * Escape (returning focus to the trigger), and on any menuitem click
 * (so following a link / submitting the sign-out form feels snappy).
 *
 * Pattern mirrors the owner-filter / columns dropdowns in
 * sprint-planner.js, minus jQuery.
 */
(function () {
    'use strict';
    const trigger = document.querySelector('[data-menu-trigger]');
    const menu    = document.querySelector('[data-menu]');
    if (!trigger || !menu) { return; }

    function setOpen(open) {
        menu.hidden = !open;
        trigger.setAttribute('aria-expanded', open ? 'true' : 'false');
    }

    trigger.addEventListener('click', function (ev) {
        ev.stopPropagation();
        setOpen(menu.hidden);
    });

    document.addEventListener('click', function (ev) {
        if (menu.hidden) { return; }
        if (ev.target === trigger || trigger.contains(ev.target)) { return; }
        if (!menu.contains(ev.target)) { setOpen(false); }
    });

    document.addEventListener('keydown', function (ev) {
        if (ev.key === 'Escape' && !menu.hidden) {
            setOpen(false);
            trigger.focus();
        }
    });

    menu.addEventListener('click', function (ev) {
        if (ev.target.closest('[role="menuitem"]')) { setOpen(false); }
    });
})();