Taehoon/ITAM
2
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore exact matching logic for map locations

Browse Source
This commit is contained in:
이태훈
2026-06-18 17:04:25 +09:00
parent 309c400ee2
commit e77c4854cb
8 changed files with 422 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/DashboardView.ts
View File

@@ -3,12 +3,11 @@ import { renderHwDashboard } from './Dashboard/HwDashboard';
import { renderSwDashboard } from './Dashboard/SwDashboard';
/**
* 대시보드 렌더링 통합 허브
* 대시보드 렌더링 통합 허브 (Vercel Style Normalized)
*/
export function renderDashboard(mainContent: HTMLElement) {
if (!mainContent) return;
mainContent.innerHTML = '';
// 기존 차트 리소스 해제
if (state.activeCharts) {
state.activeCharts.forEach((c: any) => {
@@ -17,11 +16,21 @@ export function renderDashboard(mainContent: HTMLElement) {
}
state.activeCharts = [];
mainContent.innerHTML = `
<div class="view-content-wrapper">
<div id="dashboard-scroll-container" class="table-container" style="padding: 0;">
<div id="dashboard-inner-content"></div>
</div>
</div>
`;
const innerContent = document.getElementById('dashboard-inner-content')!;
if (state.activeCategory === 'hw') {
renderHwDashboard(mainContent);
renderHwDashboard(innerContent);
} else if (state.activeCategory === 'sw') {
renderSwDashboard(mainContent);
renderSwDashboard(innerContent);
} else {
mainContent.innerHTML = `<div class="dashboard-section-title" style="padding:2rem;">운영 서비스 대시보드는 준비 중입니다.</div>`;
innerContent.innerHTML = `<div class="dashboard-section-title" style="padding:2rem;">해당 카테고리의 대시보드는 준비 중입니다.</div>`;
}
}

2
src/views/LocationView.ts
View File

@@ -25,7 +25,7 @@ export async function renderLocationView(container: HTMLElement) {
: [];
const mapPath = locImages[currentPage] || '';
// 자산이 등록된 구역만 필터링
// 조회 모드: 자산이 등록된 구역만 필터링하여 노출
const allBoxes = mapConfig[mapPath] || [];
const boxes = allBoxes.filter((box: any) =>
state.masterData.hw.some(a =>

39
src/views/MapEditor.ts
View File

@@ -213,10 +213,45 @@ export class MapEditor {
const item = document.createElement('div');
item.className = 'box-item';
item.innerHTML = `
<span>#${i+1}: [${box.x}, ${box.y}]</span>
<button class="btn-del" onclick="removeBox(${i})">×</button>
<div class="box-header">
<span class="box-index">#${i+1}</span>
<button class="btn-del" onclick="removeBox(${i})">×</button>
</div>
<div class="box-inputs">
<div class="input-group">
<label>X</label>
<input type="number" step="0.01" value="${box.x}" data-index="${i}" data-prop="x">
</div>
<div class="input-group">
<label>Y</label>
<input type="number" step="0.01" value="${box.y}" data-index="${i}" data-prop="y">
</div>
<div class="input-group">
<label>W</label>
<input type="number" step="0.01" value="${box.w}" data-index="${i}" data-prop="w">
</div>
<div class="input-group">
<label>H</label>
<input type="number" step="0.01" value="${box.h}" data-index="${i}" data-prop="h">
</div>
</div>
`;
this.boxListEl.appendChild(item);
});
// Add events to new inputs
this.boxListEl.querySelectorAll('input').forEach(input => {
input.addEventListener('change', (e) => {
const target = e.target as HTMLInputElement;
const index = parseInt(target.dataset.index!);
const prop = target.dataset.prop!;
const val = parseFloat(target.value).toFixed(2);
if (this.boxes[index]) {
this.boxes[index][prop] = val;
this.render(); // Re-render to update the map and sync other inputs
}
});
});
}
}

20
src/views/SW_Table.ts
View File

@@ -15,18 +15,22 @@ import { renderGiftList } from './List/GiftListView';
import { renderFacilityList } from './List/FacilityListView';
import { renderCostList } from './List/CostListView';
import { renderUserList } from './List/UserListView';
import { createIcons, Plus, X, LayoutDashboard, Monitor, Server, Database, Laptop, CalendarClock, Key, Cpu, Layers, Users, Paperclip, Edit2, RefreshCcw, Settings } from 'lucide';
import { createIcons, Plus, X, LayoutDashboard, Monitor, Server, Database, Laptop, CalendarClock, Key, Cpu, Layers, Users, Paperclip, Edit2, RefreshCcw, BookOpen, Settings } from 'lucide';
/**
* 자산 목록 테이블 렌더링 통합 허브
* 자산 목록 테이블 렌더링 통합 허브 (Vercel Style Normalized)
*/
export function renderSWTable(mainContent: HTMLElement) {
if (!mainContent) return;
console.log(`📂 Rendering Table for: ${state.activeCategory} / ${state.activeSubTab}`);
mainContent.innerHTML = '';
const container = document.createElement('div');
container.className = 'view-container';
mainContent.innerHTML = `
<div class="view-content-wrapper">
<div id="list-view-container" style="flex: 1; display: flex; flex-direction: column; overflow: hidden;"></div>
</div>
`;
const container = document.getElementById('list-view-container')!;
try {
const tab = state.activeSubTab;
@@ -69,11 +73,9 @@ export function renderSWTable(mainContent: HTMLElement) {
}
}
mainContent.appendChild(container);
// 전역 아이콘 초기화 (한 번 더 실행하여 누락 방지)
// 전역 아이콘 초기화
createIcons({
icons: { Plus, X, LayoutDashboard, Monitor, Server, Database, Laptop, CalendarClock, Key, Cpu, Layers, Users, Paperclip, Edit2, RefreshCcw, Settings }
icons: { Plus, X, LayoutDashboard, Monitor, Server, Database, Laptop, CalendarClock, Key, Cpu, Layers, Users, Paperclip, Edit2, RefreshCcw, BookOpen, Settings }
});
} catch (err: any) {
console.error('❌ Error rendering table view:', err);