bf4000c4ae
tkqc 5개 페이지 인라인 JS/CSS를 외부 파일로 추출 (HTML 82% 감소) tkuser index.html을 CSS 1개 + JS 10개 모듈로 분리 (3283→1155줄) - 공통 유틸 추출: issue-helpers, photo-modal, toast - 공통 CSS 확장: tkqc-common.css (모바일 반응형 포함) - 모바일 하단 네비게이션 추가 (mobile-bottom-nav.js) - nginx: JS/CSS 1시간 캐싱 + gzip 압축 활성화 - Tailwind CDN preload, 캐시버스터 통일 (?v=20260213) - 카메라 capture="environment" 추가 - tkuser Dockerfile에 static/ 디렉토리 복사 추가 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
73 lines
3.8 KiB
JavaScript
73 lines
3.8 KiB
JavaScript
/* ===== 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') || localStorage.getItem('access_token'); }
|
|
function getLoginUrl() {
|
|
const h = location.hostname;
|
|
if (h.includes('technicalkorea.net')) return location.protocol + '//tkfb.technicalkorea.net/login?redirect=' + encodeURIComponent(location.href);
|
|
return location.protocol + '//' + h + ':30000/login?redirect=' + encodeURIComponent(location.href);
|
|
}
|
|
function decodeToken(t) { try { return JSON.parse(atob(t.split('.')[1].replace(/-/g,'+').replace(/_/g,'/'))); } catch { return null; } }
|
|
|
|
/* ===== 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) { location.href = getLoginUrl(); 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 = `<i class="fas ${type==='success'?'fa-check-circle':'fa-exclamation-circle'} mr-2"></i>${msg}`;
|
|
document.body.appendChild(el);
|
|
setTimeout(() => { el.classList.add('opacity-0'); setTimeout(() => el.remove(), 300); }, 3000);
|
|
}
|
|
|
|
/* ===== Helpers ===== */
|
|
const DEPT = { production:'생산', quality:'품질', purchasing:'구매', design:'설계', sales:'영업' };
|
|
function deptLabel(d) { return DEPT[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'); localStorage.removeItem('sso_token'); localStorage.removeItem('access_token'); localStorage.removeItem('currentUser');
|
|
location.href = getLoginUrl();
|
|
}
|
|
|
|
/* ===== State ===== */
|
|
let currentUser = null;
|
|
|
|
/* ===== Init ===== */
|
|
async function init() {
|
|
const token = getToken();
|
|
if (!token) { location.href = getLoginUrl(); return; }
|
|
const decoded = decodeToken(token);
|
|
if (!decoded) { location.href = getLoginUrl(); return; }
|
|
|
|
currentUser = { id: decoded.user_id||decoded.id, username: decoded.username||decoded.sub, name: decoded.name||decoded.full_name, role: decoded.role||decoded.access_level };
|
|
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();
|
|
|
|
if (currentUser.role === 'admin') {
|
|
document.getElementById('tabNav').classList.remove('hidden');
|
|
document.getElementById('adminSection').classList.remove('hidden');
|
|
await loadUsers();
|
|
} else {
|
|
document.getElementById('passwordChangeSection').classList.remove('hidden');
|
|
}
|
|
setTimeout(() => document.querySelector('.fade-in').classList.add('visible'), 50);
|
|
}
|