/* ===== 서비스 워커 해제 (캐시 간섭으로 인한 인증 루프 방지) ===== */ if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(regs) { regs.forEach(function(r) { r.unregister(); }); }); if (typeof caches !== 'undefined') { caches.keys().then(function(ns) { ns.forEach(function(n) { caches.delete(n); }); }); } } /* ===== Config ===== */ const API_BASE = '/api'; /* ===== Token ===== */ function _cookieGet(n) { const m = document.cookie.match(new RegExp('(?:^|; )' + n + '=([^;]*)')); return m ? decodeURIComponent(m[1]) : null; } function _cookieRemove(n) { let c = n + '=; path=/; max-age=0'; if (location.hostname.includes('technicalkorea.net')) c += '; domain=.technicalkorea.net'; document.cookie = c; } function getToken() { return _cookieGet('sso_token') || localStorage.getItem('sso_token'); } function getLoginUrl() { const h = location.hostname; const t = Date.now(); // 캐시 버스팅 if (h.includes('technicalkorea.net')) return location.protocol + '//tkfb.technicalkorea.net/login?redirect=' + encodeURIComponent(location.href) + '&_t=' + t; return location.protocol + '//' + h + ':30000/login?redirect=' + encodeURIComponent(location.href) + '&_t=' + t; } function decodeToken(t) { try { return JSON.parse(atob(t.split('.')[1].replace(/-/g,'+').replace(/_/g,'/'))); } catch { return null; } } /* ===== 리다이렉트 루프 방지 ===== */ const _REDIRECT_KEY = '_sso_redirect_ts'; function _safeRedirect() { const last = parseInt(sessionStorage.getItem(_REDIRECT_KEY) || '0', 10); if (Date.now() - last < 5000) { console.warn('[tkuser] 리다이렉트 루프 감지'); return; } sessionStorage.setItem(_REDIRECT_KEY, String(Date.now())); location.href = getLoginUrl(); } /* ===== API ===== */ async function api(path, opts = {}) { const token = getToken(); const res = await fetch(API_BASE + path, { ...opts, headers: { 'Content-Type': 'application/json', 'Authorization': token ? `Bearer ${token}` : '', ...(opts.headers||{}) } }); if (res.status === 401) { throw new Error('인증 만료'); } const data = await res.json(); if (!res.ok) throw new Error(data.error || data.detail || '요청 실패'); return data; } /* ===== Toast ===== */ function showToast(msg, type = 'success') { document.querySelector('.toast-message')?.remove(); const el = document.createElement('div'); el.className = `toast-message fixed bottom-4 right-4 px-4 py-3 rounded-lg text-white z-[10000] shadow-lg ${type==='success'?'bg-emerald-500':'bg-red-500'}`; el.innerHTML = `${escapeHtml(msg)}`; document.body.appendChild(el); setTimeout(() => { el.classList.add('opacity-0'); setTimeout(() => el.remove(), 300); }, 3000); } /* ===== Escape ===== */ function escapeHtml(str) { if (!str) return ''; const d = document.createElement('div'); d.textContent = str; return d.innerHTML; } /* ===== Helpers ===== */ const DEPT_FALLBACK = { production:'생산', quality:'품질', purchasing:'구매', design:'설계', sales:'영업' }; let departmentsCache = []; async function loadDepartmentsCache() { try { const r = await api('/departments'); departmentsCache = (r.data || r).filter(d => d.is_active !== 0 && d.is_active !== false); } catch(e) { console.warn('부서 캐시 로드 실패:', e); } } function deptLabel(d, deptId) { if (deptId && departmentsCache.length) { const dept = departmentsCache.find(x => x.department_id === deptId); if (dept) return dept.department_name; } return DEPT_FALLBACK[d] || d || ''; } function formatDate(d) { if (!d) return ''; return d.substring(0, 10); } function escHtml(s) { if (!s) return ''; const d = document.createElement('div'); d.textContent = s; return d.innerHTML; } /* ===== Logout ===== */ function doLogout() { if (!confirm('로그아웃?')) return; _cookieRemove('sso_token'); _cookieRemove('sso_user'); _cookieRemove('sso_refresh_token'); ['sso_token','sso_user','sso_refresh_token','token','user','access_token','currentUser','current_user','userInfo','userPageAccess'].forEach(k => localStorage.removeItem(k)); location.href = getLoginUrl(); } /* ===== State ===== */ let currentUser = null; /* ===== Init ===== */ async function init() { const token = getToken(); if (!token) { _safeRedirect(); return; } const decoded = decodeToken(token); if (!decoded) { _safeRedirect(); return; } sessionStorage.removeItem(_REDIRECT_KEY); // 쿠키에서 읽었으면 localStorage에도 백업 (다음 방문 시 쿠키 소실 대비) if (!localStorage.getItem('sso_token')) localStorage.setItem('sso_token', token); currentUser = { id: decoded.user_id||decoded.id, username: decoded.username||decoded.sub, name: decoded.name||decoded.full_name, role: (decoded.role||decoded.access_level||'').toLowerCase() }; const dn = currentUser.name || currentUser.username; document.getElementById('headerUserName').textContent = dn; document.getElementById('headerUserRole').textContent = currentUser.role === 'admin' ? '관리자' : '사용자'; document.getElementById('headerUserAvatar').textContent = dn.charAt(0).toUpperCase(); try { if (currentUser.role === 'admin' || currentUser.role === 'system') { document.getElementById('tabNav').classList.remove('hidden'); document.getElementById('adminSection').classList.remove('hidden'); await loadDepartmentsCache(); await loadUsers(); } else { document.getElementById('passwordChangeSection').classList.remove('hidden'); } } catch (e) { console.error('[tkuser] init 오류:', e); } setTimeout(() => document.querySelector('.fade-in').classList.add('visible'), 50); }