Taehoon/test-mcp
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
이태훈
2026-02-26 17:54:52 +09:00
parent 604c29403f
commit bfc477bedc
3 changed files with 129 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.html Normal file
View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Master Portal</title>
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css" />
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<nav class="topbar">
<div class="topbar-header"><a href="/"><h2>Project Master Test</h2></a></div>
</nav>
<div class="portal-container">
<div class="button-grid" style="display:grid; grid-template-columns:repeat(2, 1fr); gap:30px;">
<a href="/dashboard" class="portal-card"><div class="icon">📊</div><h2>대시보드</h2></a>
<a href="/mailTest" class="portal-card"><div class="icon">✉️</div><h2>메일 테스트</h2></a>
</div>
</div>
</body>
</html>

87
mailTest.html Normal file
View File

@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Mail Manager</title>
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css" />
<link rel="stylesheet" href="/style/style.css">
</head>
<body>
<nav class="topbar">
<div class="topbar-header"><a href="/"><h2>Project Master Test</h2></a></div>
<ul class="nav-list">
<li class="nav-item" onclick="location.href='/dashboard'">대시보드</li>
<li class="nav-item active" onclick="location.href='/mailTest'">메일관리</li>
</ul>
</nav>
<div class="mail-wrapper">
<aside class="mail-sidebar">
<select class="project-select"><option>라오스 ITTC 관개 교육센터</option></select>
<ul class="folder-list"><li class="folder-item active"><span>📥 수신함</span></li></ul>
</aside>
<section class="mail-list-area">
<div class="mail-items-container"><div class="mail-item active"><div>라오스 농림부</div><div>ITTC 교육센터 착공식 일정 협의</div></div></div>
</section>
<section class="mail-content-area">
<div class="attachment-area">
<div style="display:flex; justify-content:space-between;">
<div>첨부파일 리스트</div>
<div class="ai-toggle-wrap"><span class="ai-label">AI 판단</span><label class="switch"><input type="checkbox" id="aiToggle" checked onchange="renderFiles()"><span class="slider"></span></label></div>
</div>
<div id="attachmentList"></div>
</div>
</section>
</div>
<script>
let currentFiles = [];
async function loadAttachments() {
const res = await fetch('/attachments');
currentFiles = await res.json();
renderFiles();
}
function renderFiles() {
const isAiActive = document.getElementById('aiToggle').checked;
const container = document.getElementById('attachmentList');
container.innerHTML = '';
currentFiles.forEach((file, index) => {
const item = document.createElement('div');
item.className = 'attachment-item-wrap';
const btnAiClass = isAiActive ? 'btn-ai' : 'btn-normal';
item.innerHTML = `
<div class="attachment-item">
<div class="file-info"><span>📄</span><div>${file.name}</div><span id="recommend-${index}" class="ai-recommend" style="display:none;"></span></div>
<div class="btn-group">
<button class="btn-upload ${btnAiClass}" onclick="startAnalysis(${index})">AI 분석</button>
<button class="btn-upload btn-normal" onclick="confirmUpload(${index})">파일 업로드</button>
</div>
</div>
<div id="log-area-${index}" class="file-log-area"><div id="log-content-${index}"></div></div>
`;
container.appendChild(item);
});
}
async function startAnalysis(index) {
const file = currentFiles[index];
const logArea = document.getElementById(`log-area-${index}`);
const logContent = document.getElementById(`log-content-${index}`);
const recLabel = document.getElementById(`recommend-${index}`);
logArea.classList.add('active');
logContent.innerHTML = '>>> 분석 가동...';
recLabel.style.display = 'inline-block';
recLabel.innerText = '분석 중...';
const res = await fetch(`/analyze-file?filename=${encodeURIComponent(file.name)}`);
const analysis = await res.json();
recLabel.innerText = `추천: ${analysis.suggested_path}`;
logContent.innerHTML = `[결과] ${analysis.suggested_path}<br>└ ${analysis.reason}`;
currentFiles[index].analysis = analysis;
}
function confirmUpload(index) {
const file = currentFiles[index];
const path = file.analysis ? file.analysis.suggested_path : "선택한 탭";
if (confirm(`[${file.name}] 파일을 [${path}]로 업로드하시겠습니까?`)) alert("완료");
}
loadAttachments();
</script>
</body>
</html>

21
tokens.json Normal file
View File

@@ -0,0 +1,21 @@
{
"core": {
"dimension": {
"scale": { "$value": "2", "$type": "dimension" },
"xs": { "$value": "4", "$type": "dimension" },
"sm": { "$value": "8", "$type": "dimension" },
"md": { "$value": "16", "$type": "dimension" },
"lg": { "$value": "32", "$type": "dimension" },
"xl": { "$value": "64", "$type": "dimension" }
},
"borderRadius": {
"sm": { "$value": "4", "$type": "dimension" },
"lg": { "$value": "8", "$type": "dimension" },
"xl": { "$value": "16", "$type": "dimension" }
},
"color": {
"primary-lv-0": { "$value": "#e9eeed", "$type": "color" },
"primary-lv-6": { "$value": "#1e5149", "$type": "color" }
}
}
}