[phr] 임상증상 추가, 의료진메모 추가 팝업창에서 cancel 시 기존 입력값 남아 있는 현상 막기 위하여 클릭시 동적 생성하는 것으로 변경.

src/main/webapp/WEB-INF/jsp/clinic/info.jsp

@@ -509,9 +509,134 @@ $(document).ready(function() {
 		else {
 
 		}
-		$('.healthInfo').html(healthInfoHTML);
+		$('#healthInfo').html(healthInfoHTML);
 		setTimeout(function (){
-			$('.healthInfo').find('.form-group input:first-child').focus();
+			$('#healthInfo').find('.form-group input:first-child').focus();
+		}, 500);
+		
+	});
+
+	// 임상증상 추가 클릭 이벤트
+	$(document).on('click','[data-target="#defaultModalPrimary_2"]',function(){
+		var symptomInfoHtml = '';
+			symptomInfoHtml += '  <th>임상증상</th>';
+			symptomInfoHtml += '	<td>';
+			symptomInfoHtml += '		<div class="form-group mb-xl-0">';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="coughCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					기침';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="dyspneaCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					호흡곤란';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="coldFitCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					오한';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="musclePainCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					근육통';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="headacheCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					두통';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="soreThroatCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					인후통';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="smellPalateCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					후각/미각 손실';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="fatigueCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					피로';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="appetiteLossCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					식욕감소';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="sputumCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					가래';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="ocinCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					오심';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="vomitingCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					구토';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="diarrheaCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					설사';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="dizzinessCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					어지러움';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="noseCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					콧물/코막힘';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '			<label class="form-check form-check-inline">';
+			symptomInfoHtml += '				<input id="etcCheck" class="form-check-input" type="checkbox">';
+			symptomInfoHtml += '				<span class="form-check-label">';
+			symptomInfoHtml += '					기타 ( <input type="text" id="etcContent" class="form-control form-control-sm w150" value="" placeholder="증상 내용"> )';
+			symptomInfoHtml += '				</span>';
+			symptomInfoHtml += '			</label>';
+			symptomInfoHtml += '		</div>';
+			symptomInfoHtml += '	</td>';
+
+		$('#symptomInfo').html(symptomInfoHtml);
+	});
+
+	// 의료진 메모 추가 클릭 이벤트
+	$(document).on('click','[data-target="#defaultModalPrimaryMemo"]',function(){
+		var memoInfoHTML = '';
+			memoInfoHTML += '<th>내용</th>';
+			memoInfoHTML += '<td>';
+			memoInfoHTML += '	<div class="form-row">';
+			memoInfoHTML += '		<textarea id="memoContent" class="form-control" rows="2" placeholder="내용을 입력하세요"></textarea>';
+			memoInfoHTML += '	</div>';
+			memoInfoHTML += '</td>';
+		
+		$('#memoInfo').html(memoInfoHTML);
+		setTimeout(function (){
+			$('#memoInfo').find('.form-row textarea').focus();
 		}, 500);
 		
 	});
@@ -546,7 +671,7 @@ $(document).ready(function() {
 								</div>
 							</td>
 						</tr>
-						<tr class="healthInfo">
+						<tr id="healthInfo">
 						<!--  컨텐츠 동적 생성 -->
 						</tr>
 					</table>
@@ -581,108 +706,8 @@ $(document).ready(function() {
 								</div>
 							</td>
 						</tr>
-						<tr>
-							<th>임상증상</th>
-							<td>
-								<div class="form-group mb-xl-0">
-									<label class="form-check form-check-inline">
-										<input id="coughCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											기침
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="dyspneaCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											호흡곤란
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="coldFitCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											오한
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="musclePainCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											근육통
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="headacheCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											두통
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="soreThroatCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											인후통
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="smellPalateCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											후각/미각 손실
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="fatigueCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											피로
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="appetiteLossCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											식욕감소
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="sputumCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											가래
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="ocinCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											오심
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="vomitingCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											구토
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="diarrheaCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											설사
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="dizzinessCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											어지러움
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="noseCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											콧물/코막힘
-										</span>
-									</label>
-									<label class="form-check form-check-inline">
-										<input id="etcCheck" class="form-check-input" type="checkbox">
-										<span class="form-check-label">
-											기타 ( <input type="text" id="etcContent" class="form-control form-control-sm w150" value="" placeholder="증상 내용"> )
-										</span>
-									</label>
-								</div>
-							</td>
+						<tr id="symptomInfo">
+						<!-- 컨텐츠 동적 생성 -->
 						</tr>
 					</table>
 				</div>
@@ -716,13 +741,8 @@ $(document).ready(function() {
 								</div>
 							</td>
 						</tr>
-						<tr>
-							<th>내용</th>
-							<td>
-								<div class="form-row">
-									<textarea id="memoContent" class="form-control" rows="2" placeholder="내용을 입력하세요"></textarea>
-								</div>
-							</td>
+						<tr id="memoInfo">
+						<!-- 컨텐츠 동적 생성 -->
 						</tr>
 					</table>
 				</div>