java
/
bf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

음악파일 5개 기본파일 적용

Browse Source
dev_bert
jonghwan76 3 years ago
parent a42eb67332
commit 2ea2138053
3 changed files with 33 additions and 26 deletions
Show Stats Download Patch File Download Diff File

5
.idea/workspace.xml
Unescape View File

@ -10,10 +10,9 @@
</component> </component>
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="4099ff18-820b-4e43-a4c5-6159d58dccc4" name="변경" comment="아이디 저장기능 적용"> <list default="true" id="4099ff18-820b-4e43-a4c5-6159d58dccc4" name="변경" comment="아이디 저장기능 적용">
<change afterPath="$PROJECT_DIR$/src/main/webapp/WEB-INF/views/ftl/m/index/index_20220426.ftl" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/main/resources/sqlmap/m/bf_daily_nutrition/com.backoffice.m.bf_daily_nutrition.xml" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/sqlmap/m/bf_daily_nutrition/com.backoffice.m.bf_daily_nutrition.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/main/resources/sqlmap/m/member_env/com.backoffice.m.member_env.xml" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/sqlmap/m/member_env/com.backoffice.m.member_env.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/main/resources/sqlmap/m/memory/com.backoffice.m.memory.memory.xml" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/sqlmap/m/memory/com.backoffice.m.memory.memory.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/main/webapp/WEB-INF/views/ftl/m/member_env/view_set_music.ftl" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/webapp/WEB-INF/views/ftl/m/member_env/view_set_music.ftl" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />

2
src/main/resources/sqlmap/m/member_env/com.backoffice.m.member_env.xml
Unescape View File

@ -61,7 +61,7 @@
a.reg_dt a.reg_dt
FROM tbl_music a FROM tbl_music a
WHERE a.member_id = #member_id# WHERE a.member_id = #member_id#
ORDER BY a.reg_dt ORDER BY a.base_yn desc, a.reg_dt asc
</select> </select>
<!-- 계정연동 기가입 사용자 이메일 확인 --> <!-- 계정연동 기가입 사용자 이메일 확인 -->

52
src/main/webapp/WEB-INF/views/ftl/m/member_env/view_set_music.ftl
Unescape View File

@ -25,20 +25,24 @@
<input type="hidden" name="music_list" value="/bf/upload/${item['music_file_path']!}"> <input type="hidden" name="music_list" value="/bf/upload/${item['music_file_path']!}">
<div>${item['music_name']!}</div> <div>${item['music_name']!}</div>
<#if item['base_yn'] == 'N'>
<div class='btn_cont'> <div class='btn_cont'>
</#if>
<#if item['mute_yn'] == 'N'> <#if item['mute_yn'] == 'N'>
<input class="mute" key="${item['idx']!}" type="hidden" name="mute_yn" value="Y"> <input class="mute" key="${item['idx']!}" type="hidden" name="mute_yn" value="N">
<div class="btn" onclick="fncMute(this);">음소거</div> <div class="btn" key="Y" onclick="fncMute(this)">음소거</div>
</#if> </#if>
<#if item['mute_yn'] == 'Y'> <#if item['mute_yn'] == 'Y'>
<input class="mute" key="${item['idx']!}" type="hidden" name="mute_yn" value="N"> <input class="mute" key="${item['idx']!}" type="hidden" name="mute_yn" value="Y">
<div class="btn" onclick="fncMute(this);">음소거해제</div> <div class="btn" key="N" onclick="fncMute(this)">음소거해제</div>
</#if> </#if>
<#if item['base_yn'] == 'N'> <#if item['base_yn'] == 'N'>
<input class="del" type="hidden" value="${item['idx']!}"> <input class="del" type="hidden" value="${item['idx']!}">
<div class="btn" onclick="fncRemove(this);">삭제</div> <div class="btn" onclick="fncRemove(this);">삭제</div>
</#if> </#if>
<#if item['base_yn'] == 'N'>
</div> </div>
</#if>
</div> </div>
</#list> </#list>
</div> </div>
@ -48,10 +52,14 @@
<div class="list_cont01"> <div class="list_cont01">
<div class="item_add" onclick="fncAddItem(this)"><img src="../img/setting/add_circle_ico.png" /></div> <div class="item_add" onclick="fncAddItem(this)"><img src="../img/setting/add_circle_ico.png" /></div>
</div> </div>
<div class="info"> <audio src="/m/" controls id="audio_control" style="width: 100%" onended="fncNextPlay()"></audio>
* 텍스트를 눌러 표현을 수정하거나 버튼을 눌러 삭제할 수 있습니다. <div class="m_set_description">
*음악은 랜덤으로 재생됩니다.<br>
*원하는 음악을 추가하실 수 있습니다. (최대 5개 / MP3파일만 지원)<br>
*추가하신 음악은 삭제 및 수정이 가능합니다<br>
*원하지 않은 음악은 삭제 버튼을 눌러 재생 목록에서 제거할 수 있습니다<br>
</div> </div>
<button type="submit" onclick="fncSave()" id="" name="" class="btns blue_btn save">저장</button> <button type="submit" onclick="fncSave()" id="" name="" class="btns blue_btn save">확인</button>
</form> </form>
</div> </div>
</main> </main>
@ -59,7 +67,6 @@
<script> <script>
var delList = ""; var delList = "";
// var muteYnIdxList = "";
var music_idx = 0; var music_idx = 0;
$("#audio_control").attr("src", $("input[name='music_list']").eq(0).val()); $("#audio_control").attr("src", $("input[name='music_list']").eq(0).val());
@ -77,17 +84,20 @@
function fncMute(e) { function fncMute(e) {
// console.log($(e).parent().attr("name") + "," + $(e).parent().attr("value")); // console.log($(e).parent().attr("name") + "," + $(e).parent().attr("value"));
// var p_mute_yn = $(e).parent().children('.mute').val();
var p_mute_yn = $(e).attr('key');
var type = $(e).parent().children('.mute').val(); console.log(p_mute_yn);
if(type == "Y") { if(p_mute_yn == "Y") {
$(e).text("음소거해제"); $(e).text("음소거해제");
$(e).parent().children('.mute').val("N"); $(e).parent().children('.mute').val("Y");
$(e).attr("key","N");
} else { } else {
$(e).text("음소거"); $(e).text("음소거");
$(e).parent().children('.mute').val("Y"); $(e).parent().children('.mute').val("N");
$(e).attr("key","Y");
} }
// muteYnIdxList += $(e).attr("key") + ",";
} }
function fncSave() { function fncSave() {
@ -96,11 +106,14 @@
var delList = $("#delList").val(); var delList = $("#delList").val();
//음소거여부 yn목록 //음소거여부 yn목록
$("button[name='mute_yn']").each(function(index, item){ $("input[name='mute_yn']").each(function(index, item){
muteYnList += $(item).attr("value") + ","; muteYnList += $(item).attr("value") + ",";
muteYnIdxList += $(item).attr("key") + ","; muteYnIdxList += $(item).attr("key") + ",";
}); });
// console.log("muteYnList:" + muteYnList);
// console.log("muteYnIdxList:" + muteYnIdxList);
//삭제키 //삭제키
if(delList.length > 0) { if(delList.length > 0) {
$("#delList").val( delList.substring(0, delList.length-1) ); $("#delList").val( delList.substring(0, delList.length-1) );
@ -168,25 +181,20 @@
function fncAddItem() { function fncAddItem() {
var size = $("input[name='file']").length + $("input[name='music_list']").length; var size = $("input[name='file']").length + $("input[name='music_list']").length;
if(size >=5) { if(size >=10) {
Swal.fire({text: '음악파일은 5개까지 설정 가능합니다.'}); Swal.fire({text: '음악파일은 10개까지 설정 가능합니다.'});
return; return;
} }
$(".list").append( $(".list").append(
"<div name='list_item' class='item_order flex_box'>" + "<div name='list_item' class='item_order flex_box'>" +
" <div><input type='file' accept='audio/*' onchange='fn_M_my_fileSave(this);' name='file'></div>" + " <div><input type='file' accept='audio/*' onchange='fn_M_my_fileSave(this);' name='file'></div>" +
" <div class='btn_cont'>" + " <div>" +
" <div class='btn' onclick='fncMute(this);'>음소거</div>" +
" <div class='btn' onclick='fncRemove(this);'>삭제</div>" + " <div class='btn' onclick='fncRemove(this);'>삭제</div>" +
" </div>" + " </div>" +
"</div>" "</div>"
); );
} }
// function fncRemove(e) {
// $(e).parent().parent().remove();
// }
</script> </script>
<#include "/m/member_env/include_return_url.ftl"> <#include "/m/member_env/include_return_url.ftl">
</body> </body>

Write Preview
Loading…
Cancel
Save