change icon

src/main/webapp/WEB-INF/views/ftl/m/member_env/view_set_music.ftl

@@ -28,17 +28,19 @@
 									<#if item['base_yn'] == 'N'>
 									<div class='btn_cont'>
 									</#if>
+										<img onclick="fncPlayer(this,'${item['music_file_path']!}')" style="width: 24px;height:24px;;margin-left: 5px;" src="../img/setting/player.jpg" />
+<#--										<img style="width: 24px;height:24px;margin-left: 5px;" src="../img/setting/playerstop.jpg" />-->
 										<#if item['mute_yn'] == 'N'>
 											<input class="mute" key="${item['idx']!}" type="hidden" name="mute_yn" value="N">
-											<div class="btn" key="Y" onclick="fncMute(this)">음소거</div>
+											<div key="Y" onclick="fncMute(this)"><img style="width: 24px;height:24px;margin-left: 5px;" src="../img/setting/videoed.jpg" /></div>
 										</#if>
 										<#if item['mute_yn'] == 'Y'>
 											<input class="mute" key="${item['idx']!}" type="hidden" name="mute_yn" value="Y">
-											<div class="btn" key="N" onclick="fncMute(this)">음소거해제</div>
+											<div key="N" onclick="fncMute(this)"><img style="width: 24px;height:24px;margin-left: 5px;" src="../img/setting/videostop.jpg" /></div>
 										</#if>
 										<#if item['base_yn'] == 'N'>
 											<input class="del" type="hidden" value="${item['idx']!}">
-											<div class="btn" onclick="fncRemove(this);">삭제</div>
+											<div onclick="fncRemove(this);"><img style="width: 24px;height:24px;margin-left: 5px;" src="../img/setting/delete.jpg" /></div>
 										</#if>
 									<#if item['base_yn'] == 'N'>
 									</div>
@@ -81,7 +83,9 @@
 			music_idx++;
 		}
 	}
-
+	function fncPlayer(_val, url){
+		console.log('fncPlayer', _val, url)
+	}
 	function fncMute(e) {
 		// console.log($(e).parent().attr("name") + "," + $(e).parent().attr("value"));
 		// var p_mute_yn = $(e).parent().children('.mute').val();
@@ -90,11 +94,11 @@
 		console.log(p_mute_yn);
 
 		if(p_mute_yn == "Y") {
-			$(e).text("음소거해제");
+			$(e).html('<img style="width: 24px;height:24px;margin-left: 5px;" src="../img/setting/videostop.jpg" />');
 			$(e).parent().children('.mute').val("Y");
 			$(e).attr("key","N");
 		} else {
-			$(e).text("음소거");
+			$(e).html('<img style="width: 24px;height:24px;margin-left: 5px;" src="../img/setting/videoed.jpg" />');
 			$(e).parent().children('.mute').val("N");
 			$(e).attr("key","Y");
 		}
@@ -204,7 +208,7 @@
 		$(".list").append(
 				"<div name='list_item' class='item_order flex_box'>" +
 				"	<div class='select_music'><input type='file' accept='audio/*' onchange='fn_M_my_fileSave(this);' name='file'></div>" +
-				"   <div>" +
+				"   <div class='btn_cont'>" +
 				"		<div class='btn' onclick='fncRemove(this);'>삭제</div>" +
 				"	</div>" +
 				"</div>"

src/main/webapp/m/css/style.css

@@ -15538,6 +15538,7 @@ main.sona_cont_measurement {
 .favorite_word .btn_cont {
     display: flex;
     min-width: 150px;
+    justify-content: flex-end;
 }
 
 .favorite_word .btn {