diff --git a/src/views/List/ListFactory.ts b/src/views/List/ListFactory.ts
index 0cc6a63..dd0c873 100644
--- a/src/views/List/ListFactory.ts
+++ b/src/views/List/ListFactory.ts
@@ -161,9 +161,11 @@ export interface ListViewConfig {
}
export function createListView(container: HTMLElement, config: ListViewConfig) {
- // 1. 컨테이너 초기화 및 헤더 렌더링
+ // 1. 컨테이너 초기화 및 헤더 렌더링 (서버 탭은 상단 공간 확보를 위해 헤더 생략)
container.innerHTML = '';
- renderPageHeader(container, config.title);
+ if (config.title !== '서버') {
+ renderPageHeader(container, config.title);
+ }
const fullList = config.dataSource();
let sortState: SortState = config.persistentSortState || { key: '', direction: 'asc' };
@@ -185,30 +187,29 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
(state as any).currentViewMode = 'system';
}
- // 2. 뷰 전환 토글 버튼 생성
+ // 2. 뷰 전환 토글 바 생성 (Unified Header Style)
const toggleWrapper = document.createElement('div');
- toggleWrapper.className = 'view-toggle-container';
+ toggleWrapper.className = 'location-filter-bar'; // Use unified class for the bar
const showPcFlowBtn = config.title === 'PC';
toggleWrapper.innerHTML = `
-
-
-
-
-
-
- ${showPcFlowBtn ? `
-
-
- ` : ''}
-
`;
container.appendChild(toggleWrapper);
@@ -486,10 +487,8 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
const htmlMap = document.getElementById('detail-html-map') as HTMLIFrameElement;
const isHtmlMap = imgPath?.toLowerCase().endsWith('.html');
- // 좌표가 없으면 사진이 있어도 '정보 없음' 상태로 유도 (사용자 요청)
if (imgPath && hasCoords) {
if (isHtmlMap) {
- // HTML 지도 처리
photo.style.display = 'none';
if (marker) marker.style.display = 'none';
if (overlayLayer) overlayLayer.innerHTML = '';
@@ -498,7 +497,6 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
htmlMap.style.display = 'block';
}
} else {
- // 일반 이미지 지도 처리
if (htmlMap) {
htmlMap.src = '';
htmlMap.style.display = 'none';
@@ -568,7 +566,6 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
if (noPhoto) { noPhoto.classList.remove('hidden'); noPhoto.style.display = 'flex'; }
}
- // 이력 보기 버튼 클릭 이벤트
const flowLogsBtn = document.getElementById('btn-view-flow-logs');
if (flowLogsBtn) {
flowLogsBtn.onclick = () => {
@@ -597,15 +594,10 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
const currentYearMonth = `${currentYear}-${String(currentMonthNum).padStart(2, '0')}`;
if (isPcView) {
- // PC 뷰일 때: 해당월의 PC 유동 이력을 렌더링하고, 클릭 시 해당 자산 상세를 띄움
const recentTbody = document.getElementById('system-status-tbody');
if (!recentTbody) return;
-
const titleEl = document.getElementById('list-section-title');
- if (titleEl) {
- titleEl.textContent = `🔄 PC 유동 이력 (${currentMonthNum}월)`;
- }
-
+ if (titleEl) titleEl.textContent = `🔄 PC 유동 이력 (${currentMonthNum}월)`;
const logs = state.masterData.logs || [];
const flowLogs = logs.filter((log: any) => {
const details = log.details || '';
@@ -617,338 +609,88 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
}
return details.includes('[불출]') || details.includes('[반납]') || details.includes('[입고]') || details.includes('[이동]') || details.includes('[이관]');
});
-
- // 해당월(currentYearMonth)에 발생한 로그만 필터링
- const monthlyFlowLogs = flowLogs.filter((log: any) => {
- const logDate = log.log_date || '';
- return logDate.startsWith(currentYearMonth);
- });
-
+ const monthlyFlowLogs = flowLogs.filter((log: any) => (log.log_date || '').startsWith(currentYearMonth));
if (monthlyFlowLogs.length === 0) {
recentTbody.innerHTML = `
| ${currentMonthNum}월 유동 이력이 없습니다. |
`;
} else {
recentTbody.innerHTML = monthlyFlowLogs.map((log: any) => {
const details = log.details || '';
-
- let typeDisplay = '-';
- let userDisplay = '-';
- let targetUserDisplay = '-';
- let assetCodeDisplay = '-';
- let memoDisplay = '-';
-
+ let typeDisplay = '-'; let userDisplay = '-'; let targetUserDisplay = '-'; let assetCodeDisplay = '-'; let memoDisplay = '-';
try {
const info = JSON.parse(details);
- if (info.type === 'checkout') typeDisplay = 'checkout';
- else if (info.type === 'return') typeDisplay = 'return';
- else if (info.type === 'move') typeDisplay = 'move';
-
- userDisplay = info.user || '-';
- targetUserDisplay = info.targetUser || '-';
- assetCodeDisplay = info.assetCode || '-';
- memoDisplay = info.memo || '-';
+ typeDisplay = info.type; userDisplay = info.user || '-'; targetUserDisplay = info.targetUser || '-'; assetCodeDisplay = info.assetCode || '-'; memoDisplay = info.memo || '-';
} catch (e) {
- // 하위 호환 파싱 (기존 텍스트형 로그)
if (details.includes('[불출]')) typeDisplay = 'checkout';
else if (details.includes('[반납]') || details.includes('[입고]')) typeDisplay = 'return';
else if (details.includes('[이동]') || details.includes('[이관]')) typeDisplay = 'move';
-
- const codeMatch = details.match(/PC-\d{6}-\d{4}|HW-PC-\d+/i);
- if (codeMatch) assetCodeDisplay = codeMatch[0];
-
- if (details.includes('[불출]')) {
- const match1 = details.match(/\[불출\]\s*([^\s\(]+)\s*사원/);
- if (match1) userDisplay = match1[1];
- else {
- const match2 = details.match(/\[불출\]\s*([a-zA-Z가-힣]+)/);
- userDisplay = match2 ? match2[1] : '-';
- }
- } else if (details.includes('[반납]') || details.includes('[입고]')) {
- const match1 = details.match(/\[(?:반납|입고)\]\s*([^\s\(]+)\s*사원/);
- if (match1) userDisplay = match1[1];
- else {
- const match2 = details.match(/\[(?:반납|입고)\]\s*([a-zA-Z가-힣]+)/);
- userDisplay = match2 ? match2[1] : '-';
- }
- } else if (details.includes('[이동]') || details.includes('[이관]')) {
- const prefixWord = details.includes('[이동]') ? '\\[이동\\]' : '\\[이관\\]';
- const parts = details.split('➡️');
- if (parts.length === 2) {
- const fromMatch = parts[0].match(new RegExp(`${prefixWord}\\s*([a-zA-Z가-힣]+)`));
- const toMatch = parts[1].match(/\s*([a-zA-Z가-힣]+)/);
- if (fromMatch && toMatch) {
- userDisplay = fromMatch[1];
- targetUserDisplay = toMatch[1];
- }
- }
- if (userDisplay === '-') {
- const match1 = details.match(new RegExp(`${prefixWord}\\s*([^\s\(]+)\\s*사원`));
- if (match1) {
- userDisplay = match1[1];
- } else {
- const match2 = details.match(new RegExp(`${prefixWord}\\s*([a-zA-Z가-힣0-9_]+)`));
- userDisplay = match2 ? match2[1] : '-';
- }
- }
- }
-
- const cleanDetails = details.replace(/^\[(불출|반납|입고|이동|이관)\]\s*/, '');
- const memoParts = cleanDetails.split(' - ');
- if (memoParts.length >= 2) {
- memoDisplay = memoParts[memoParts.length - 1];
- } else {
- if (cleanDetails.includes('지급') || cleanDetails.includes('반납') || cleanDetails.includes('이관')) {
- memoDisplay = '-';
- } else {
- memoDisplay = cleanDetails || '-';
- }
- }
+ const codeMatch = details.match(/PC-\d{6}-\d{4}|HW-PC-\d+/i); if (codeMatch) assetCodeDisplay = codeMatch[0];
}
-
- // 구분 뱃지 생성
let badgeHtml = '';
- if (typeDisplay === 'checkout') {
- badgeHtml = '
불출';
- } else if (typeDisplay === 'return') {
- badgeHtml = '
입고';
- } else if (typeDisplay === 'move') {
- badgeHtml = '
이동';
- } else {
- badgeHtml = '
기타';
- }
-
+ if (typeDisplay === 'checkout') badgeHtml = '
불출';
+ else if (typeDisplay === 'return') badgeHtml = '
입고';
+ else if (typeDisplay === 'move') badgeHtml = '
이동';
+ else badgeHtml = '
기타';
return `
| ${log.log_date || '-'} |
- ${log.log_user || '시스템'} |
+ ${log.log_user || '시스템'} |
${badgeHtml} |
- ${userDisplay} |
- ${targetUserDisplay} |
- ${assetCodeDisplay} |
- ${memoDisplay} |
-
- `;
+
${userDisplay} |
+
${targetUserDisplay} |
+
${assetCodeDisplay} |
+
${memoDisplay} |
+ `;
}).join('');
}
} else {
- // 기존의 자산 현황 목록 갱신
- let filtered = selectedLocation
- ? fullList.filter(a => (a[ASSET_SCHEMA.LOCATION.key] || '미지정') === selectedLocation)
- : fullList;
+ let filtered = selectedLocation ? fullList.filter(a => (a[ASSET_SCHEMA.LOCATION.key] || '미지정') === selectedLocation) : fullList;
const currentDetailLocs = Array.from(new Set(filtered.map(a => a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정'))).sort();
if (selectedDetailLocation) filtered = filtered.filter(a => (a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정') === selectedDetailLocation);
const finalDisplayList = (!selectedLocation && !selectedDetailLocation) ? filtered.slice(0, 10) : filtered;
-
const titleEl = document.getElementById('list-section-title');
if (titleEl) titleEl.textContent = selectedLocation ? `${selectedLocation} 자산 현황 (${finalDisplayList.length}대)` : '위치별 자산등록현황 (최근 등록)';
const selectEl = document.getElementById('select-detail-loc') as HTMLSelectElement;
if (selectEl && !selectedDetailLocation) {
selectEl.innerHTML = `
` + currentDetailLocs.map(dl => `
`).join('');
}
-
const tbody = document.getElementById('system-status-tbody');
if (tbody) {
- tbody.innerHTML = finalDisplayList.length === 0
- ? `
| 조회된 자산이 없습니다. |
`
+ tbody.innerHTML = finalDisplayList.length === 0 ? `
| 조회된 자산이 없습니다. |
`
: finalDisplayList.map(asset => {
const purpose = asset[ASSET_SCHEMA.ASSET_PURPOSE.key] || '';
- const serviceTypeKey = (ASSET_SCHEMA as any).SERVICE_TYPE?.key || 'service_type';
- const serviceType = asset[serviceTypeKey] || '외부';
+ const serviceType = asset.service_type || '외부';
const type = asset[ASSET_SCHEMA.ASSET_TYPE.key] || '';
const loc = asset[ASSET_SCHEMA.LOCATION.key] || '';
-
- const labelColor = serviceType === '내부' ? '#94A3B8' : '#35635C';
- const managerMain = asset[ASSET_SCHEMA.MANAGER_MAIN.key] || '-';
- const managerSub = asset[ASSET_SCHEMA.MANAGER_SUB.key] || '-';
-
- // [경고 로직] 외부 운영인데 서버PC이거나 IDC가 아닌 경우
- const isLocWarning = serviceType === '외부SW' && loc !== 'IDC';
- const isTypeWarning = serviceType === '외부SW' && type.toLowerCase().replace(/\s/g, '').includes('서버pc');
- const isWarning = isLocWarning || isTypeWarning;
- const warningStyle = isWarning ? 'background-color: #FFF1F2; border-left: 3px solid #E11D48;' : '';
-
- let warningReason = '';
- if (isLocWarning && isTypeWarning) warningReason = '위치/형식 부적절';
- else if (isLocWarning) warningReason = '위치 부적절';
- else if (isTypeWarning) warningReason = '형식 부적절';
-
+ const isWarning = serviceType === '외부SW' && (loc !== 'IDC' || type.toLowerCase().includes('서버pc'));
return `
-
- |
-
- ${serviceType}
- ${isWarning ? `${warningReason}` : ''}
-
- |
- ${purpose || '-'} |
- ${managerMain} |
- ${managerSub} |
- ${asset[ASSET_SCHEMA.LOC_DETAIL.key] || '-'} |
+
+ | ${serviceType} |
+ ${purpose || '-'} |
+ ${asset[ASSET_SCHEMA.MANAGER_MAIN.key] || '-'} |
+ ${asset[ASSET_SCHEMA.MANAGER_SUB.key] || '-'} |
+ ${asset[ASSET_SCHEMA.LOC_DETAIL.key] || '-'} |
`;
}).join('');
-
tbody.querySelectorAll('.mini-row').forEach(row => {
row.addEventListener('click', () => {
- tbody.querySelectorAll('.mini-row').forEach(r => {
- const rIsWarning = (r as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)'; // E11D48
- (r as HTMLElement).style.backgroundColor = rIsWarning ? '#FFF1F2' : 'transparent';
- });
- (row as HTMLElement).style.backgroundColor = '#EBF2F1'; // 선택 하이라이트
- const id = (row as HTMLElement).getAttribute('data-id');
- const asset = fullList.find(a => a.id === id);
+ tbody.querySelectorAll('.mini-row').forEach(r => (r as HTMLElement).style.backgroundColor = (r as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)' ? '#FFF1F2' : 'transparent');
+ (row as HTMLElement).style.backgroundColor = '#EBF2F1';
+ const asset = fullList.find(a => a.id === (row as HTMLElement).getAttribute('data-id'));
if (asset) updateDetailPanel(asset);
});
- row.addEventListener('mouseenter', () => {
- if ((row as HTMLElement).style.backgroundColor !== 'rgb(235, 242, 241)') {
- (row as HTMLElement).style.backgroundColor = '#F8FAFA';
- }
- });
- row.addEventListener('mouseleave', () => {
- const isWarning = (row as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)';
- if ((row as HTMLElement).style.backgroundColor !== 'rgb(235, 242, 241)') {
- (row as HTMLElement).style.backgroundColor = isWarning ? '#FFF1F2' : 'transparent';
- }
- });
- });
- }
- }
- };
-
- const updateFlowLogsSection = () => {
- if (!isPcView) return;
-
- // 사양 주의 장비 현황 (부족/오버스펙) 계산 및 바인딩
- const specMismatchTbody = document.getElementById('spec-mismatch-tbody');
- if (specMismatchTbody) {
- // fullList 중 개인 PC 관련 장비 필터링
- const pcs = fullList.filter((a: any) => {
- const type = a[ASSET_SCHEMA.ASSET_TYPE.key] || '';
- const job = a[ASSET_SCHEMA.USER_POSITION.key] || '';
- const status = a[ASSET_SCHEMA.HW_STATUS.key] || '';
- const user = a[ASSET_SCHEMA.CURRENT_USER.key] || '';
-
- // 운영 중이고 사용자가 할당되어 있으며, 직무가 재고PC가 아닌 실사용 기기 대상
- return job !== '재고PC' && status === '운영' && user.trim() !== '';
- });
-
- // 직무별 평균 점수 산출
- const jobScores: Record
= {};
- pcs.forEach((pc: any) => {
- const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
- const ram = pc[ASSET_SCHEMA.RAM.key] || '';
- const gpu = pc[ASSET_SCHEMA.GPU.key] || '';
- const pDate = pc[ASSET_SCHEMA.PURCHASE_DATE.key] || '';
- const score = calculatePcScoreDeductive(cpu, ram, gpu, pDate);
- pc['_pc_score'] = score;
-
- if (!jobScores[job]) jobScores[job] = { totalScore: 0, count: 0, avg: 0 };
- jobScores[job].totalScore += score;
- jobScores[job].count += 1;
- });
-
- Object.keys(jobScores).forEach(job => {
- jobScores[job].avg = jobScores[job].count > 0 ? jobScores[job].totalScore / jobScores[job].count : 0;
- });
-
- // 기준 대비 사양 부족/오버스펙 분류
- const criticalPcList: any[] = [];
- pcs.forEach((pc: any) => {
- const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const score = pc['_pc_score'];
- const avg = jobScores[job].avg;
-
- if (avg > 0) {
- if (score < avg * 0.6) {
- pc['_spec_status'] = '사양 부족';
- criticalPcList.push(pc);
- } else if (score > avg * 1.5) {
- pc['_spec_status'] = '오버스펙';
- criticalPcList.push(pc);
- }
- }
- });
-
- // 정렬: 직무 평균 대비 사양 부족이 심한 순(비율이 낮은 순)으로 정렬
- criticalPcList.sort((a: any, b: any) => {
- const jobA = a[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const jobB = b[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const ratioA = jobScores[jobA].avg > 0 ? a['_pc_score'] / jobScores[jobA].avg : 1;
- const ratioB = jobScores[jobB].avg > 0 ? b['_pc_score'] / jobScores[jobB].avg : 1;
- return ratioA - ratioB;
- });
-
- if (criticalPcList.length === 0) {
- specMismatchTbody.innerHTML = '| 사양 주의 자산이 없습니다. |
';
- } else {
- specMismatchTbody.innerHTML = criticalPcList.map((pc: any) => {
- const user = pc[ASSET_SCHEMA.CURRENT_USER.key] || '-';
- const dept = pc[ASSET_SCHEMA.CURRENT_DEPT.key] || '-';
- const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '-';
- const status = pc['_spec_status'];
- const assetCode = pc.asset_code || '-';
-
- const badgeColor = status === '사양 부족'
- ? 'background:#FFF1F2; color:#E11D48; border: 1px solid #FDA4AF;'
- : 'background:#F0FDF4; color:#16A34A; border: 1px solid #BBF7D0;';
-
- return `
-
- | ${user} |
- ${dept} (${job}) |
-
- ${status}
- |
- ${assetCode} |
-
- `;
- }).join('');
-
- // 클릭 시 해당 자산 상세 페이지로 전환
- specMismatchTbody.querySelectorAll('.spec-row').forEach(row => {
- row.addEventListener('click', () => {
- specMismatchTbody.querySelectorAll('.spec-row').forEach(r => {
- (r as HTMLElement).style.backgroundColor = 'transparent';
- });
- (row as HTMLElement).style.backgroundColor = '#EBF2F1'; // 선택 하이라이트
-
- const id = (row as HTMLElement).getAttribute('data-id');
- const asset = fullList.find(a => String(a.id) === String(id));
- if (asset) {
- updateDetailPanel(asset);
- }
- });
- row.addEventListener('mouseenter', () => {
- if ((row as HTMLElement).style.backgroundColor !== 'rgb(235, 242, 241)') {
- (row as HTMLElement).style.backgroundColor = '#F8FAFA';
- }
- });
- row.addEventListener('mouseleave', () => {
- if ((row as HTMLElement).style.backgroundColor !== 'rgb(235, 242, 241)') {
- (row as HTMLElement).style.backgroundColor = 'transparent';
- }
- });
});
}
}
};
setTimeout(() => {
- const selectLoc = document.getElementById('select-loc') as HTMLSelectElement;
- const selectDetailLoc = document.getElementById('select-detail-loc') as HTMLSelectElement;
-
- selectLoc?.addEventListener('change', (e) => {
- selectedLocation = (e.target as HTMLSelectElement).value || null;
- selectedDetailLocation = null;
- updateTableOnly();
- updateFlowLogsSection();
+ document.getElementById('select-loc')?.addEventListener('change', (e) => {
+ selectedLocation = (e.target as HTMLSelectElement).value || null; selectedDetailLocation = null; updateTableOnly();
});
- selectDetailLoc?.addEventListener('change', (e) => {
- selectedDetailLocation = (e.target as HTMLSelectElement).value || null;
- updateTableOnly();
- updateFlowLogsSection();
+ document.getElementById('select-detail-loc')?.addEventListener('change', (e) => {
+ selectedDetailLocation = (e.target as HTMLSelectElement).value || null; updateTableOnly();
});
updateTableOnly();
- updateFlowLogsSection();
}, 50);
};
@@ -957,17 +699,14 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
const table = document.createElement('table');
const thead = document.createElement('thead');
const tbody = document.createElement('tbody');
- table.appendChild(thead); table.appendChild(tbody);
- tableWrapper.appendChild(table);
+ table.appendChild(thead); table.appendChild(tbody); tableWrapper.appendChild(table);
const updateTable = () => {
let filtered = applyCommonFilters(fullList, currentFilters, config.searchKeys as any[]);
if (sortState.key) filtered = dynamicSort(filtered, sortState.key, sortState.direction);
-
thead.innerHTML = `${config.columns.map(col => `| ${col.header} | `).join('')}
`;
tbody.innerHTML = filtered.length === 0 ? `| ${UI_TEXT.MESSAGES.NO_DATA} |
`
: filtered.map(asset => `${config.columns.map(col => `| ${col.render(asset)} | `).join('')}
`).join('');
-
tbody.querySelectorAll('.asset-row').forEach((tr, idx) => { tr.addEventListener('click', () => config.onRowClick && config.onRowClick(filtered[idx])); });
setupTableSorting(table, sortState, (key, dir) => { sortState = { key, direction: dir }; updateTable(); });
};
@@ -986,35 +725,24 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
toggleWrapper.addEventListener('click', (e) => {
const btn = (e.target as HTMLElement).closest('.toggle-btn') as HTMLButtonElement;
if (!btn) return;
- toggleWrapper.querySelectorAll('.toggle-btn').forEach(b => b.classList.remove('active'));
- btn.classList.add('active');
- (state as any).currentViewMode = btn.getAttribute('data-mode') as 'asset' | 'system';
- switchView();
+ const mode = btn.getAttribute('data-mode');
+ if (mode === 'location') state.viewMode = 'location';
+ else { state.viewMode = 'list'; (state as any).currentViewMode = mode; }
+ window.dispatchEvent(new Event('refresh-view'));
});
- // 필터 바 초기화
renderFilterBar(filterBar, {
- ...config.filterOptions,
- initialFilters: currentFilters,
- onFilterChange: (filters) => {
- Object.assign(currentFilters, filters);
- updateTable();
- }
+ ...config.filterOptions, initialFilters: currentFilters,
+ onFilterChange: (filters) => { Object.assign(currentFilters, filters); updateTable(); }
});
- // 셀렉트 박스 채우기
const populateSelect = (selector: string, dataKey: string, initialValue?: string) => {
const select = container.querySelector(selector) as HTMLSelectElement;
if (select) {
- const getVal = (a: any) => dataKey === ASSET_SCHEMA.CURRENT_DEPT.key ? (a[dataKey] || a['현사용부서'] || a['현사용조직']) : a[dataKey];
- const uniqueValues = Array.from(new Set(fullList.map(getVal))).filter(Boolean).sort();
+ const uniqueValues = Array.from(new Set(fullList.map(a => a[dataKey]))).filter(Boolean).sort();
uniqueValues.forEach(val => {
- const opt = document.createElement('option');
- opt.value = String(val);
- opt.textContent = String(val);
- if (initialValue && String(val) === initialValue) {
- opt.selected = true;
- }
+ const opt = document.createElement('option'); opt.value = String(val); opt.textContent = String(val);
+ if (initialValue && String(val) === initialValue) opt.selected = true;
select.appendChild(opt);
});
}
@@ -1026,6 +754,5 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
if (config.filterOptions.showType) populateSelect('#filter-type', ASSET_SCHEMA.ASSET_TYPE.key, currentFilters.type);
if (config.filterOptions.showStatus) populateSelect('#filter-status', ASSET_SCHEMA.HW_STATUS.key, currentFilters.status);
- // 초기 실행
switchView();
}
diff --git a/src/views/LocationView.ts b/src/views/LocationView.ts
index 9ade3c6..e0ebdeb 100644
--- a/src/views/LocationView.ts
+++ b/src/views/LocationView.ts
@@ -39,38 +39,48 @@ export async function renderLocationView(container: HTMLElement) {
container.innerHTML = `
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
- ${locImages.length > 1 ? `
-
@@ -91,27 +101,41 @@ export async function renderLocationView(container: HTMLElement) {