From a6ca50c49504b49cda5e38cd1c5ed5512f4457a1 Mon Sep 17 00:00:00 2001
From: thkim <thkim@dbnt.co.kr>
Date: Mon, 7 Jul 2025 14:19:18 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20[=EC=A7=80=EC=B8=B5=EC=83=89]=20:=20?=
 =?UTF-8?q?=EB=B3=B4=EA=B3=A0=EC=84=9C=EC=97=90=20=EC=97=86=EB=8A=94=20?=
 =?UTF-8?q?=EA=B2=BD=EC=9A=B0,=20=E2=80=98-=E2=80=99=20=EC=84=A0=ED=83=9D?=
 =?UTF-8?q?=20=EA=B0=80=EB=8A=A5=ED=95=98=EB=8F=84=EB=A1=9D=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20=EC=9A=94=EC=B2=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/input/layerInfo/popup/layerColor.jsp  | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/main/webapp/WEB-INF/views/web/input/layerInfo/popup/layerColor.jsp b/src/main/webapp/WEB-INF/views/web/input/layerInfo/popup/layerColor.jsp
index 5b4f3646..1cea9e27 100644
--- a/src/main/webapp/WEB-INF/views/web/input/layerInfo/popup/layerColor.jsp
+++ b/src/main/webapp/WEB-INF/views/web/input/layerInfo/popup/layerColor.jsp
@@ -15,6 +15,17 @@
 		// layout 조절.
 		$(".table_pop input").css("vertical-align", "-5px");
 
+		var colorNameInput = document.getElementById("colorName");
+		// "값 없음(-)" 라디오 버튼 클릭 시 다른 모든 라디오 버튼 uncheck
+		var value0Radio = document.getElementById("value0");
+		if (value0Radio) {
+			value0Radio.addEventListener("click", function() {
+				if (this.checked) {
+					colorNameInput.value = "-";
+				}
+			});
+		}
+		
 		// 기존 선택된 값 체크 및 value
 		var beforeColorName = "${beforeColorName}";
 		if (beforeColorName != "") {
@@ -29,7 +40,7 @@
 				}
 				$("input:radio[name='value" + (valueNum) + "']").filter("input[value='" + beforeColorName.charAt(i) + "']").attr("checked", true);
 			}
-			$("#colorName").val(beforeColorName);
+			$("#colorName").val(String(beforeColorName).replace('-',''));
 		} else {
 			// 없을 경우 갈색으로 기본 셋팅 
 			$("input:radio[name='value2']").filter("input[value='갈']").attr("checked", true);
@@ -45,7 +56,18 @@
 				}
 			}
 
-			$("#colorName").val(colorNameStr + "색");
+			if (event.target.getAttribute('id') === 'value0') {
+				colorNameInput.value = "-";
+				var allRadios = document.querySelectorAll("input[type='radio']");
+				allRadios.forEach(function(radio) {
+					if (radio.id !== "value0") {
+						radio.checked = false;
+					}
+				});
+			} else {
+				$("#colorName").val(String(colorNameStr).replace('-','') + "색");
+				value0Radio.checked = false;
+			}
 		});
 
 		resize();
@@ -106,6 +128,11 @@
 						<td class="td_line" style="text-align: center;"><input type="radio" name="value3" id="value3" value="흑" /> 흑<br /> <input type="radio" name="value3" id="value3" value="갈" /> 갈<br /> <input type="radio" name="value3" id="value3" value="적" /> 적<br /> <input type="radio" name="value3" id="value3" value="황" /> 황<br /> <input type="radio" name="value3" id="value3" value="녹" /> 녹<br /> <input type="radio" name="value3" id="value3" value="청" /> 청<br /> <input type="radio" name="value3"
 							id="value3" value="백" /> 백</td>
 					</tr>
+					<tr>
+						<td colspan="3" class="td_line" style="text-align: center;">
+							<input type="radio" name="value0" id="value0" value="-" /><label for="value0" > 값 없음( - )</label>
+						</td>
+					</tr>
 				</table>
 				<div style="text-align: center; margin-top: 10px;">
 					지층색 : <input style="ime-mode: active;" type="text" name="colorName" id="colorName" value="" /> <a href="#" onClick="fn_layerColorInput(); return false;"><img src="/web/images/btn_pop_input.png" /></a> <a href="#" onclick="fn_layerColorClear()"><img src="/web/images/btn_pop_refresh.png" /></a>