' +
'
' +
'Work Package SuitePrime Controls' +
'' +
'
' +
// The active project in full, wrapped rather than truncated. Below 1024px the
// app bar shows the project NUMBER alone (B2), so this is where the whole name
// is always readable. It is also the only place it is guaranteed to fit.
'' +
'' +
'Work Package SuitePrime Controls' +
'' +
'' + rows + '
' +
'' +
(who ? '
';
drawer.querySelector('.wp-sidenav-close').addEventListener('click', close);
drawer.querySelector('#wp-sidenav-signout').addEventListener('click', function () {
if (typeof window.wpLogout === 'function') window.wpLogout();
});
// Close first, then act: these open a dialog, and leaving the drawer over it
// would put a scrim between the user and the thing they just asked for. The
// handler is looked up at click time because wp-format.js may still be parsing
// when the drawer is built — the flat menu had the same note.
Array.prototype.forEach.call(drawer.querySelectorAll('[data-action]'), function (el) {
el.addEventListener('click', function () {
var fn = window[el.getAttribute('data-action')];
close();
if (typeof fn === 'function') fn();
});
});
document.body.appendChild(scrim);
document.body.appendChild(drawer);
paintProject();
// Selecting a project on the launcher does not reload, so subscribe rather than
// paint once — the same single source T1.1 established.
try {
if (window.ProjectData && ProjectData.onActiveChange) {
ProjectData.onActiveChange(paintProject);
}
} catch (e) {}
}
// Full name, never abbreviated. Absent rather than empty when no project is active,
// so the drawer does not carry a stray blank band.
function paintProject() {
var box = document.getElementById('wp-sidenav-proj');
if (!box) return;
var p = null;
try { p = (window.ProjectData && ProjectData.getActive && ProjectData.getActive()) || null; } catch (e) {}
if (!p || !(p.name || p.number)) { box.innerHTML = ''; box.hidden = true; return; }
box.hidden = false;
box.innerHTML = 'Project' +
'' + esc(p.name || '(unnamed)') + '' +
(p.number ? '' + esc(p.number) + '' : '');
}
function focusables() {
return drawer ? drawer.querySelectorAll('a[href], button:not([disabled])') : [];
}
function open() {
if (!drawer) return;
lastFocus = document.activeElement;
scrim.hidden = false;
// Two frames: the element has to be laid out un-transitioned before the class
// that animates it lands, or it simply appears.
requestAnimationFrame(function () {
scrim.classList.add('is-open');
drawer.classList.add('is-open');
});
drawer.setAttribute('aria-hidden', 'false');
btn.setAttribute('aria-expanded', 'true');
var f = focusables();
if (f.length) f[0].focus();
}
function close() {
if (!drawer) return;
drawer.classList.remove('is-open');
scrim.classList.remove('is-open');
drawer.setAttribute('aria-hidden', 'true');
btn.setAttribute('aria-expanded', 'false');
// Keep the scrim in the tree until the slide-out finishes, or the panel snaps.
setTimeout(function () { if (!drawer.classList.contains('is-open')) scrim.hidden = true; }, 220);
if (lastFocus && lastFocus.focus) lastFocus.focus();
}
function isOpen() { return !!(drawer && drawer.classList.contains('is-open')); }
// Escape closes; Tab cycles inside the drawer while it's open, so focus can't walk
// off into the page behind the scrim.
document.addEventListener('keydown', function (e) {
if (!isOpen()) return;
if (e.key === 'Escape') { e.preventDefault(); close(); return; }
if (e.key !== 'Tab') return;
var f = focusables();
if (!f.length) return;
var first = f[0], last = f[f.length - 1];
if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
});
// ── mount ──────────────────────────────────────────────────────────────────
// The button goes at the START of the bar, before the brand: that is where a menu
// affordance is looked for, and it keeps clear of the project switcher and search
// that wp-chrome.js inserts into the middle of the same bar.
function mount() {
if (document.getElementById('wp-sidenav')) return;
var host = document.querySelector('.wp-appbar') || document.querySelector('.header');
if (!host) return;
btn = document.createElement('button');
btn.type = 'button';
btn.className = 'wp-navbtn';
btn.id = 'wp-navbtn';
btn.title = 'Menu';
btn.setAttribute('aria-label', 'Open navigation');
btn.setAttribute('aria-haspopup', 'true');
btn.setAttribute('aria-expanded', 'false');
btn.setAttribute('aria-controls', 'wp-sidenav');
if (!isDark(host)) btn.setAttribute('data-bar', 'light');
btn.innerHTML = '';
btn.addEventListener('click', function () { if (isOpen()) close(); else open(); });
host.insertBefore(btn, host.firstChild);
buildDrawer(window.WP_USER);
}
// Wait for the auth guard: the gated links depend on the signed-in role, and an
// unauthenticated page is about to redirect anyway.
if (window.WP_USER) mount();
else document.addEventListener('wp-auth-ready', mount);
})();
Signed in as' + esc(who) + '
' : '') +
'' +
'