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

feat: 모든 카테고리(HW, SW, SW 사용자) DB 일괄 덮어쓰기 저장 기능 구현

Browse Source
This commit is contained in:
이태훈
2026-04-17 15:07:54 +09:00
parent a805d9ce06
commit c5c6acea6a
27 changed files with 2863 additions and 996 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
index.html
View File

@@ -8,68 +8,50 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css" />
<link rel="stylesheet" href="/src/styles/common.css" />
<link rel="stylesheet" href="/src/styles/modal.css" />
<link rel="stylesheet" href="/src/styles/dashboard.css" />
<link rel="stylesheet" href="/src/styles/table.css" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
</head>
<body>
<div class="app-layout">
<!-- Sidebar Navigation -->
<aside class="sidebar">
<div class="sidebar-header">
<h1>HM <span>ITAM</span></h1>
</div>
<div class="nav-section">
<h3><i data-lucide="cpu"></i> 하드웨어</h3>
<ul id="nav-hw" class="nav-list">
<li class="active" data-category="hw" data-tab="대시보드"><i data-lucide="layout-dashboard"></i> 대시보드</li>
<li data-category="hw" data-tab="개인PC"><i data-lucide="monitor"></i> 개인PC</li>
<li data-category="hw" data-tab="서버"><i data-lucide="server"></i> 서버</li>
<li data-category="hw" data-tab="스토리지"><i data-lucide="database"></i> 스토리지</li>
<li data-category="hw" data-tab="전산비품"><i data-lucide="laptop"></i> 전산비품</li>
</ul>
</div>
<div class="nav-section">
<h3><i data-lucide="layers"></i> 소프트웨어</h3>
<ul id="nav-sw" class="nav-list">
<li data-category="sw" data-tab="대시보드"><i data-lucide="layout-dashboard"></i> 대시보드</li>
<li data-category="sw" data-tab="구독SW"><i data-lucide="calendar-clock"></i> 구독 소프트웨어</li>
<li data-category="sw" data-tab="영구SW"><i data-lucide="key"></i> 영구 소프트웨어</li>
</ul>
</div>
</aside>
<!-- Main Content Area -->
<div class="main-wrapper">
<header class="top-header">
<div class="header-title">
<h2 id="current-tab-title">하드웨어 / 대시보드</h2>
<!-- Single-Line Integrated Header -->
<header class="main-header">
<div class="header-container" id="nav-container">
<div class="brand">
<h1>HM <span>ITAM</span></h1>
</div>
<!-- Navigation (GNB + LNB in same row) -->
<nav class="integrated-nav" id="main-nav">
<!-- JS will render main items and sub items here side-by-side -->
</nav>
<div class="header-actions">
<button id="btn-download-template" class="btn btn-outline" title="통합 양식 다운로드">
<i data-lucide="download"></i> 통합 양식 다운로드
<i data-lucide="download"></i> 양식
</button>
<label for="excel-upload" class="btn btn-outline" title="엑셀 파일 업로드">
<i data-lucide="upload"></i> 엑셀 업로드
<i data-lucide="upload"></i> 업로드
</label>
<input type="file" id="excel-upload" accept=".xlsx, .xls" style="display: none;" />
<button id="btn-export-excel" class="btn btn-primary" title="일괄 엑셀 저장">
<i data-lucide="file-spreadsheet"></i> 일괄 엑셀 저장
<i data-lucide="file-spreadsheet"></i> 엑셀저장
</button>
<button id="btn-add-asset" class="btn btn-primary hidden">
<i data-lucide="plus"></i> 자산 추가
<i data-lucide="plus"></i> 자산추가
</button>
</div>
</header>
</div>
</header>
<main class="content-area" id="main-content">
<!-- 컴포넌트에 의해 동적으로 채워짐 -->
</main>
</div>
<!-- Main Content Area -->
<main class="content-area" id="main-content">
<!-- Components inject views here -->
</main>
</div>
<!-- 모든 모달은 각 TS 컴포넌트 내부에서 동적으로 주입됨 -->
<!-- All modals are injected dynamically -->
<script type="module" src="/src/main.ts"></script>
</body>
</html>