hyunho/MH-DashBoard-organization
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

탭 전환 메인 구조 단순화

Browse Source
This commit is contained in:
hyunho
2026-03-25 12:57:15 +09:00
parent fc5c2a627d
commit 4feb4e792f
2 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/public/app.js
View File

@@ -8,8 +8,9 @@ const logoutBtn = document.getElementById("logout-btn");
const userBadge = document.getElementById("user-badge");
const currentViewTitle = document.getElementById("current-view-title");
const navButtons = Array.from(document.querySelectorAll(".header-center [data-view]"));
const stages = Array.from(document.querySelectorAll(".main-stage[data-stage]"));
const organizationFrame = document.getElementById("organization-frame");
const organizationStage = document.getElementById("organization-stage");
const emptyStage = document.getElementById("empty-stage");
const viewLabels = {
ledger: "사업관리대장",
@@ -47,11 +48,15 @@ function setActiveView(view) {
button.classList.toggle("active", active);
button.classList.toggle("muted", !active);
});
stages.forEach((stage) => {
stage.hidden = stage.dataset.stage !== currentView;
});
const isOrganization = currentView === "organization";
if (organizationStage) {
organizationStage.hidden = !isOrganization;
}
if (emptyStage) {
emptyStage.hidden = isOrganization;
}
if (currentView === "organization" && previousView !== "organization" && organizationFrame) {
if (isOrganization && previousView !== "organization" && organizationFrame) {
const frameSrc = organizationFrame.dataset.src || organizationFrame.src;
organizationFrame.src = frameSrc;
}

14
frontend/public/index.html
View File

@@ -64,20 +64,14 @@
</header>
<main class="dashboard-main">
<section class="main-stage" data-stage="ledger" hidden>
<div class="stage-empty"></div>
</section>
<section class="main-stage" data-stage="project" hidden>
<div class="stage-empty"></div>
</section>
<section class="main-stage" data-stage="team" hidden>
<div class="stage-empty"></div>
</section>
<section class="main-stage" data-stage="organization">
<section id="organization-stage" class="main-stage">
<div class="stage-frame">
<iframe id="organization-frame" src="/legacy/organization?v=20260325-2" data-src="/legacy/organization?v=20260325-2" title="조직도 메인 화면"></iframe>
</div>
</section>
<section id="empty-stage" class="main-stage" hidden>
<div class="stage-empty"></div>
</section>
</main>
</section>