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>
25 lines
1.4 KiB
JavaScript
25 lines
1.4 KiB
JavaScript
/* ===== Tab ===== */
|
|
function switchTab(name) {
|
|
document.querySelectorAll('[id^="tab-"]').forEach(el => el.classList.add('hidden'));
|
|
document.getElementById('tab-' + name)?.classList.remove('hidden');
|
|
document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
|
|
event.currentTarget.classList.add('active');
|
|
// 사이드바 레이아웃 탭에서 main/nav/header 너비 확장
|
|
const mainEl = document.querySelector('main');
|
|
const navInner = document.getElementById('tabNavInner');
|
|
const headerInner = document.getElementById('headerInner');
|
|
const wideClass = 'max-w-[1600px]';
|
|
const defaultClass = 'max-w-7xl';
|
|
if (name === 'workplaces' || name === 'tasks' || name === 'vacations') {
|
|
[mainEl, navInner, headerInner].forEach(el => { el.classList.remove(defaultClass); el.classList.add(wideClass); });
|
|
} else {
|
|
[mainEl, navInner, headerInner].forEach(el => { el.classList.remove(wideClass); el.classList.add(defaultClass); });
|
|
}
|
|
if (name === 'projects' && !projectsLoaded) loadProjects();
|
|
if (name === 'workers' && !workersLoaded) loadWorkers();
|
|
if (name === 'departments' && !departmentsLoaded) loadDepartments();
|
|
if (name === 'workplaces' && !workplacesLoaded) loadWorkplaces();
|
|
if (name === 'tasks' && !tasksLoaded) loadTasksTab();
|
|
if (name === 'vacations' && !vacationsLoaded) loadVacationsTab();
|
|
}
|