a.tolmachev
65 lines
2.8 KiB
JavaScript
65 lines
2.8 KiB
JavaScript
/* ═══════════════════════════════════════════════════
|
|
Crank — workspace switcher
|
|
═══════════════════════════════════════════════════ */
|
|
|
|
var WS_LIST = [
|
|
{ slug: 'acme-workspace', name: 'acme-workspace', role: 'Owner', letter: 'A', color: '#0d9488' },
|
|
{ slug: 'startup-demo', name: 'startup-demo', role: 'Developer', letter: 'S', color: '#7c3aed' },
|
|
{ slug: 'personal', name: 'personal', role: 'Owner', letter: 'P', color: '#0891b2' },
|
|
];
|
|
|
|
function getCurrentWs() {
|
|
var slug = localStorage.getItem('crank_workspace') || 'acme-workspace';
|
|
return WS_LIST.find(function(w) { return w.slug === slug; }) || WS_LIST[0];
|
|
}
|
|
|
|
function initWorkspaceSwitcher() {
|
|
var ws = getCurrentWs();
|
|
var nameEl = document.getElementById('ws-current-name');
|
|
var dotEl = document.getElementById('ws-dot');
|
|
if (nameEl) nameEl.textContent = ws.name;
|
|
if (dotEl) { dotEl.textContent = ws.letter; dotEl.style.background = ws.color; }
|
|
|
|
var list = document.getElementById('ws-dropdown-list');
|
|
if (!list) return;
|
|
|
|
list.innerHTML = WS_LIST.map(function(w) {
|
|
var active = w.slug === ws.slug;
|
|
return '<div class="ws-dropdown-item' + (active ? ' active' : '') + '" onclick="switchWorkspace(\'' + w.slug + '\')">' +
|
|
'<div class="ws-item-dot" style="background:' + w.color + '">' + w.letter + '</div>' +
|
|
'<div class="ws-item-info">' +
|
|
'<div class="ws-item-name">' + w.name + '</div>' +
|
|
'<div class="ws-item-role">' + w.role + '</div>' +
|
|
'</div>' +
|
|
(active ? '<svg width="12" height="12"><use href="' + (window.APP_BASE||'') + 'icons/general/check.svg#icon"/></svg>' : '') +
|
|
'</div>';
|
|
}).join('') +
|
|
'<div class="ws-dropdown-divider"></div>' +
|
|
'<a class="ws-dropdown-mgmt-link" href="' + (window.APP_BASE||'') + 'html/workspace-setup.html" onclick="var dd=document.getElementById(\'ws-dropdown\');if(dd)dd.style.display=\'none\'">' +
|
|
'<svg width="14" height="14"><use href="' + (window.APP_BASE||'') + 'icons/general/settings.svg#icon"/></svg>' +
|
|
'Workspace settings' +
|
|
'</a>';
|
|
}
|
|
|
|
function toggleWsSwitcher(e) {
|
|
e.stopPropagation();
|
|
var dd = document.getElementById('ws-dropdown');
|
|
if (dd) dd.style.display = dd.style.display === 'none' ? '' : 'none';
|
|
}
|
|
|
|
function switchWorkspace(slug) {
|
|
localStorage.setItem('crank_workspace', slug);
|
|
var dd = document.getElementById('ws-dropdown');
|
|
if (dd) dd.style.display = 'none';
|
|
initWorkspaceSwitcher();
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', initWorkspaceSwitcher);
|
|
|
|
document.addEventListener('click', function(e) {
|
|
if (!e.target.closest('#ws-switcher')) {
|
|
var dd = document.getElementById('ws-dropdown');
|
|
if (dd) dd.style.display = 'none';
|
|
}
|
|
});
|