-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path2PAT02.html
152 lines (131 loc) · 5.19 KB
/
2PAT02.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="img/Logo.png" type="image/png">
<link rel="stylesheet" href="main2.css">
<title>홈-환자 목록</title>
</head>
<body class="scroll-enabled">
<div class="content">
<div class="block-head2"><img src="img/2logo.svg" width="100px"><img id="menu-icon" src="img/more.svg" alt="메뉴 아이콘"></div>
<div id="menu" class="menu hidden">
<ul>
<!-- 현재 로그인한 계정 -->
<li id="current-account" class="current-account"><strong>[email protected]</strong></li>
<!-- 다른 계정 목록 -->
<li class="account-list">
<span>계정 전환:</span>
<ul id="other-accounts">
<!-- JavaScript로 동적으로 계정 추가 -->
</ul>
</li>
<!-- 로그아웃 -->
<li class="logout">로그아웃</li>
<!-- 계정 추가 -->
<li class="add-account">+ 계정 추가</li>
</ul>
</div>
<div class="device-background">
<div class="patient-block">
<div class="h2">검사할 환자를 선택해주세요.</div>
<div class="h3">검사 결과 분석이 완료된 환자는 목록에서 제외됩니다.</div>
<div class="patient-container">
<!-- 활성화된 환자 카드 -->
<a href="/patient-exam" class="patient-card active">
<div class="patient-name">김*한</div>
<div class="patient-number">294810</div>
<div class="patient-card-content">
<span></span> <!-- 내용 없더라도 구조를 맞추기 위해 사용 -->
<div class="patient-icon">
<img src="img/user_pat.svg" width="80px">
</div>
</div>
</a>
<!-- 결과 분석 중인 환자 카드 -->
<div class="patient-card disabled">
<div class="patient-name">이*진</div>
<div class="patient-number">102938</div>
<div class="patient-card-content">
<span class="analysis-status">결과 분석 중...</span>
<div class="patient-icon">
<img src="img/user_pat.svg" width="80px">
</div>
</div>
</div>
<!--테스트영역-->
<a href="/patient-exam" class="patient-card active">
<div class="patient-name">박*수</div>
<div class="patient-number">123456</div>
<div class="patient-card-content">
<span></span>
<div class="patient-icon">
<img src="img/user_pat.svg" width="80px">
</div>
</div>
</a>
<!-- 반복 -->
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
// 특정 조건에 따라 스크롤 활성화/비활성화
const enableScroll = () => {
document.body.classList.add("scroll-enabled");
};
const disableScroll = () => {
document.body.classList.remove("scroll-enabled");
};
// 예: 특정 페이지에서 스크롤 활성화
if (window.location.pathname === "/scroll-page") {
enableScroll();
} else {
disableScroll();
}
});
document.addEventListener("DOMContentLoaded", () => {
const menuIcon = document.getElementById("menu-icon");
const menu = document.getElementById("menu");
menuIcon.addEventListener("click", () => {
menu.classList.toggle("hidden");
});
// 다른 곳을 클릭하면 메뉴 닫기
document.addEventListener("click", (event) => {
if (!menu.contains(event.target) && event.target !== menuIcon) {
menu.classList.add("hidden");
}
});
document.addEventListener("DOMContentLoaded", () => {
const currentAccountElement = document.getElementById("current-account");
const otherAccountsList = document.getElementById("other-accounts");
// 다른 계정 동적으로 추가
otherAccounts.forEach((account) => {
const accountItem = document.createElement("li");
accountItem.textContent = account;
accountItem.classList.add("switch-account");
accountItem.addEventListener("click", () => {
// 현재 계정 업데이트
const currentAccount = currentAccountElement.querySelector("strong").textContent;
currentAccountElement.querySelector("strong").textContent = account;
// 선택한 계정을 다른 계정 리스트로 이동
accountItem.textContent = currentAccount;
otherAccountsList.appendChild(accountItem);
alert(`계정 전환 완료: ${account}`);
});
otherAccountsList.appendChild(accountItem);
});
// 로그아웃 이벤트
document.querySelector(".logout").addEventListener("click", () => {
alert("로그아웃 되었습니다.");
});
// 계정 추가 이벤트
document.querySelector(".add-account").addEventListener("click", () => {
alert("새 계정을 추가합니다.");
});
});
})
</script></div>
</body>
</html>