From 42c9885cbc323d5a3cd82d3045aaa61be2d18335 Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Mon, 4 Dec 2023 09:04:06 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B6=9C=EB=A0=A5=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/sprt/sprt01200-main.jsp  | 36 +++++++++----------
 .../js/fims/framework/cmm/componentization.js |  2 ++
 2 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01200-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01200-main.jsp
index 2750ce02..96164644 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01200-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01200-main.jsp
@@ -150,9 +150,9 @@
 		<td data-col="textSort" class="text-center">
 			<button type="button" class="btn btn-xs btn-outline-dark h-px-25 px-1">◀</button>
 			<select class="form-select no-bgi w-automin">
-				<option value="left">왼쪽</option>
-				<option value="center">가운데</option>
-				<option value="right">오른쪽</option>
+				<option value="left" title="왼쪽">■□□</option>
+				<option value="center" title="가운데">□■□</option>
+				<option value="right" title="오른쪽">□□■</option>
 			</select>
 			<button type="button" class="btn btn-xs btn-outline-dark h-px-25 px-1">▶</button>
 		</td>
@@ -173,21 +173,21 @@
 		</td>
 		<td data-col="fontColor" class="text-center">
 			<select class="form-select no-bgi  w-automin">
-				<option value="BLACK"></option>
-				<option value="RED"></option>
-				<option value="ORANGE"></option>
-				<option value="YELLOW"></option>
-				<option value="YELLOW_GREEN"></option>
-				<option value="GREEN"></option>
-				<option value="CYAN"></option>
-				<option value="BLUE"></option>
-				<option value="VIOLET"></option>
-				<option value="MAGENTA"></option>
-				<option value="DEEP_PINK"></option>
-				<option value="DARK_GREY"></option>
-				<option value="GREY"></option>
-				<option value="LIGHT_GREY"></option>
-				<option value="WHITE"></option>
+				<option title="검정" value="BLACK"></option>
+				<option title="빨강" value="RED"></option>
+				<option title="주황" value="ORANGE"></option>
+				<option title="노랑" value="YELLOW"></option>
+				<option title="연두" value="YELLOW_GREEN"></option>
+				<option title="초록" value="GREEN"></option>
+				<option title="청록" value="CYAN"></option>
+				<option title="파랑" value="BLUE"></option>
+				<option title="보라" value="VIOLET"></option>
+				<option title="마젠타" value="MAGENTA"></option>
+				<option title="짙은분홍" value="DEEP_PINK"></option>
+				<option title="밝은회색" value="DARK_GREY"></option>
+				<option title="회색" value="GREY"></option>
+				<option title="어두운회색" value="LIGHT_GREY"></option>
+				<option title="하양" value="WHITE"></option>
 			</select>
 		</td>
 		<td data-col="fontStyle" class="text-center">
diff --git a/src/main/webapp/resources/js/fims/framework/cmm/componentization.js b/src/main/webapp/resources/js/fims/framework/cmm/componentization.js
index 8aeb2004..6c27a416 100644
--- a/src/main/webapp/resources/js/fims/framework/cmm/componentization.js
+++ b/src/main/webapp/resources/js/fims/framework/cmm/componentization.js
@@ -34,10 +34,12 @@ function fnMakeOptionStyleSelect(selectEl){
 		
 		if(selected.length <= 0){
 			selectEl.dataset.optionStyle = "";
+			selectEl.title = "";
 			return;
 		}
 
 		selectEl.dataset.optionStyle = selected.val();
+		selectEl.title = selected[0].title;
 	};
 	
 	$(selectEl).on("change", function(){