//로그인 유효성체크 ALERT function uifnAlertClose(id){ $("#"+id).css({display:'none'}); return true; }; //차트 리사이징 function chartResize(){ if ( $(document).find(".chartUnit").length > 0 ) { let elLen = $(".chartUnit").length; for (let i=0; i .panelStyle").css({width:popW, height:popH}); } else if (popW && popH) { //가로,세로 둘다 지정(지정된 사이즈로 출력) $thisId.children().find(".panelStyle").css({width:popW, height:popH}); } else { //가로만 지정(세로는 auto) $thisId.children().find("> .panelStyle").css({width:popW}); }; if ($thisId.children().hasClass("modelessPopup")){ //모덜리스 팝업의 경우 if (isNaN(popW)){popW = $thisId.children().width(); } if (isNaN(popH)){popH = $thisId.children().height(); } let popL = $(window).width()/2 - popW/2; let popT = $(window).height()/2 - popH/2; $thisId.children().css({left:popL, top:popT}); }; $thisId.children("div").css({display:"block"}); $("body").addClass("scrollOff"); //이미지카드가 있는 팝업일때 내부 컨텐츠 높이 지정 if ($thisId.children().find(".cardArea").length > 0) { var popH=0, noticeH=0, btnAreaH=0; if ($thisId.children().find(".notice").length > 0){ var noticeLen = $thisId.children().find(".notice li").length; noticeH = (noticeLen*24) + 30; }; if ($thisId.children().hasClass("modelessPopup")){ //모덜리스 팝업의 경우 popH = $thisId.children().height(); } else { popH = $thisId.children().find(".panelStyle").height(); }; if ($thisId.children().find(".panelBar").length > 0 ){ btnAreaH = 52 }; var cardAreaH = popH-42-noticeH-37-btnAreaH; //높이계산 : 팝업-타이틀-안내문-컬러명TR-기타버튼영역 $(".cardArea").css({height:cardAreaH}); }; //tab이 있는 팝업일때 내부 컨텐츠 높이 지정 if ($thisId.children().find(".tabsCont").length > 0) { var mdConH=0, topTbl=0, popH=0, btnAreaH=0; if ($thisId.children().hasClass("modelessPopup")){ //모덜리스 팝업의 경우 popH = $thisId.children().height(); } else { popH = $thisId.children().find(".panelStyle").height(); }; if ($thisId.children().find(".panelContent > .frmStyle:eq(0)").length > 0 ){ topTbl = $thisId.children().find(".panelContent > .frmStyle:eq(0)").outerHeight() + 15; }; if ($thisId.children().find(".panelBar").length > 0 ){ btnAreaH = 52 }; //console.log(topTbl); var tabContH = popH-42-topTbl-35-btnAreaH; //높이계산 : 팝업높이-타이틀-상단테이블-탭스높이-버튼 $(".tab > .panelStyle").css({height:tabContH}); }; }; //MODAL POPUP CLOSE function uifnPopupClose(id) { var $thisId = $("#"+id); if ( $thisId.hasClass("popupWrap") ) { //모달,모덜리스 팝업 $thisId.children("div").css({display:"none"}); $thisId.children("div").remove(); var modalLen = $(".modalPopup[style='display:block;']").length; var modalessLen = $(".modalPopup[style='display:block;']").length; if ( modalLen == 0 && modalessLen ==0 ){ $("body").removeClass("scrollOff"); }; } else if ( $thisId.hasClass("videoPopup") ) { //비디오팝업 $thisId.css({display:"none"}); $("#iframe_video").attr("src",""); }; $thisId.remove(); }; //비디오 팝업 열기 function viewVideoPopup(id){ var $thisId = $("#"+id + ">.videoPopup"); var popW = parseInt( $thisId.children().attr("data-width") ); var popH = parseInt( $thisId.children().attr("data-height") ); var iframeSrc = 'https://www.youtube.com/embed/' + $("#video_url").val() + '?showinfo=0&rel=0&vp=hd1080&fs=0&wmode=opaque&enablejsapi=1'; $("#iframe_video").css({width:popW, height:popH}); $("#iframe_video").attr("src", iframeSrc+"?enablejsapi=1&version=3&playerapiid=ytplayer"); $("#"+id).css({display:"block"}); }; //SORTABLE LIST function unfnModeless(){ if ( $("#sortable").length > 0 ) { var mainW = $("#main").width(); if ( $("#sortable").hasClass("sortable1") ) { mainW = ((mainW / 1) / mainW) * 100 ; }; if ( $("#sortable").hasClass("sortable2") ) { mainW = ((mainW / 2) / mainW) * 100 ; }; if ( $("#sortable").hasClass("sortable3") ) { mainW = ((mainW / 3) / mainW) * 100 ; }; if ( $("#sortable").hasClass("sortable4") ) { mainW = ((mainW / 4) / mainW) * 100 ; }; $(".secCell").css({"width":mainW +'%'}); }; $("#sortable").sortable(); $("#sortable").disableSelection(); }; //LNB 활성화&비활성화 function lnbToggle(){ if ( $("#lnb-wrapper").hasClass("on") ){ $("#lnb-wrapper").removeClass("on"); $("#main-wrapper").removeClass("on"); } else { $("#lnb-wrapper").addClass("on"); $("#main-wrapper").addClass("on"); }; setTimeout( chartResize, 300); //차트 리사이징 }; $(document).ready(function(){ //MODELESS POPUP : draggable $(document).find(".draggable").draggable({containment:"#wrapper", scroll:false}); //chart resizing $(window).resize(function(){ setTimeout( chartResize, 300); //차트 리사이징 }); //체크박스(단일), 라디오버튼 : readOnly 처리 $(document).on("click", "[type=checkbox][readonly],[type=radio][readonly]", function(){ return false; }); $(document).on("click", ".chkBox", function(e){ let cntId = $(this).parent().parent("ul").attr("data-count-id"); let cntLen; if ( $(this).find("input").is('[id]') ){ // ---------------전체선택ID let $id = $(this).find("input").attr("id"); if ( $(this).hasClass("checked") ) { //체크된 경우 $("input[id="+$id+"]").parent("label").removeClass("checked"); $("input[id="+$id+"]").prop("checked", false); $("input[name="+$id+"]").parent("label").removeClass("checked"); $("input[name="+$id+"]").prop("checked", false); } else { $("input[id="+$id+"]").parent("label").addClass("checked"); $("input[id="+$id+"]").prop("checked", true); $("input[name="+$id+"]").parent("label").addClass("checked"); $("input[name="+$id+"]").prop("checked", true); }; //선택된 개수 출력 (checkBoxList) if (cntId != undefined ) { cntLen = $("input[name="+$id+"]:checked").length; //체크된 개수 $("#"+cntId).text(cntLen); }; return false; } else { // ---------------개별선택 let $name = $(this).find("input").attr("name"); let totLen = $("input[name="+$name+"]").length; //전체 개수 if ( $(this).hasClass("checked")) { $(this).removeClass("checked"); $(this).find("input").prop("checked", false); $("input[id="+$name+"]").prop("checked", false); $("input[id="+$name+"]").parent("label").removeClass("checked"); } else { $(this).addClass("checked"); $(this).find("input").prop("checked", true); cntLen = $("input[name="+$name+"]:checked").length; //체크된 개수 if (totLen == cntLen ){ $("input[id="+$name+"]").prop("checked", true); $("input[id="+$name+"]").parent("label").addClass("checked"); } }; //선택된 개수 출력 (checkBoxList) if (cntId != undefined ) { cntLen = $("input[name="+$name+"]:checked").length; //체크된 개수 if (totLen > cntLen ) { $("#"+cntId).text(cntLen); } else if (totLen == cntLen ) { $("#"+cntId).text(totLen); }; }; return false; }; }); /* CheckBox List : More(+) 버튼 */ $(document).on("click", ".checkBoxList .more", function(){ var thisI = $(this).find("i"); if( $(thisI).hasClass("fa-plus") ){ $(this).parent().addClass("on"); $(thisI).removeClass("fa-plus").addClass("fa-minus"); } else { $(this).parent().removeClass("on"); $(thisI).removeClass("fa-minus").addClass("fa-plus"); } }); /* Multi CheckBox - 다중선택 체크박스 */ $(document).on("click", ".multiCheckBox .sltBtn", function(){ if($(this).hasClass("on")){ $(this).removeClass("on"); $(this).parent().find("ul").css({display:"none"}); }else{ $(".multiCheckBox .sltBtn").removeClass("on"); $(".multiCheckBox ul").css({display:"none"}); $(this).addClass("on"); $(this).parent().find("ul").css({display:"block"}); } }); //햄버거버튼 : LNB 숨김(전체화면 보기) $(document).on("click",".lnbClose",function(){ lnbToggle(); }); //GNB Memu $(document).on("click",".header-menu .menu a",function(){ $(".header-menu .menu a").removeClass("on"); $(this).addClass("on"); var menuIdx = $(this).parent("span").index()+1; $("#lnb"+menuIdx).addClass("on"); if( !$("#lnb-wrapper").hasClass("on") ){ lnbToggle(); // LNB Open }; }); //LNB 서브메뉴 보기 : dep2 $(document).on("click",".dep2",function(){ if ($(this).hasClass("on")){ //활성화된 상태 $(this).removeClass("on"); $(this).next(".dep3").slideUp(200).removeClass("on"); } else { //비활성화된 상태 $(this).addClass("on"); $(this).next(".dep3").slideDown(200).addClass("on"); }; }); //LNB 서브메뉴 보기 : dep3 $(document).on("click", ".dep3 > li > a", function(){ if ($(this).hasClass("on")==false){ $(".dep3 > li > a").removeClass("on"); $(this).addClass("on"); }; }); //다중셀렉박스 리스트 보이기,감추기 $(document).on("click", ".mSelected", function(){ $(this).find(".srchFld input").focus(); }); $(document).on("focusin", ".srchFld input", function(){ $(this).parents(".mSelected").next(".mSelecting").css({display:'block'}); }); $(document).on("focusout", ".mSelectBox", function(){ $(this).find(".mSelecting").slideUp(50); }); //다중셀렉박스 리스트 $(document).on("mousedown", ".mSelectWrap .mSelecting ul li", function(){ if ( $(this).hasClass("deselect")==false ){ var dataIdx = $(this).attr("data-index"); var movePos = $(this).parents(".mSelecting").prev(".mSelected").find(".srchFld"); $(this).parents(".mSelecting").prev(".mSelected").find("li[data-index="+dataIdx+"]").removeClass("off").insertBefore(movePos); $(this).parents(".mSelectWrap").find("select option[data-index="+dataIdx+"]").prop("selected", true); $(".mSelecting").slideUp(50); $(this).addClass("off"); return false; }; }); //다중셀렉박스 닫기 $(document).on("click", ".mSelectWrap .mSelected li a", function(){ var dataIdx = $(this).parent("li").attr("data-index"); $(this).parents(".mSelected").next(".mSelecting").find("ul li[data-index="+dataIdx+"]").removeClass("off") $(this).parents(".mSelectWrap").find("select option[data-index="+dataIdx+"]").prop("selected", false); $(this).parent("li").addClass("off") return false; }); //TABS $(document).on("click", ".tabs .tabsNav li", function(e){ e.preventDefault(); if ( !$(this).hasClass("on") ) { let contIdx = $(this).index(); let pTab = $(this).parents(".tabs"); let thisTop = $(window).scrollTop(); pTab.find(".tabsNav li").removeClass("on"); pTab.find(".tabsCont > li").removeClass("on"); $(this).addClass("on"); pTab.find(".tabsCont > li").eq(contIdx).addClass("on"); $('html, body').animate({scrollTop:thisTop}, 'fast'); } }); //TABSJR : 탭 하위 탭스 $(document).on("click", ".tabsJr .tabsJrNav li", function(e){ e.preventDefault(); if ( !$(this).hasClass("on") ) { let contIdx = $(this).index(); let pTab = $(this).parents(".tabsJr"); let thisTop = $(window).scrollTop(); pTab.find(".tabsJrNav li").removeClass("on"); pTab.find(".tabsJrCont > li").removeClass("on"); $(this).addClass("on"); pTab.find(".tabsJrCont > li").eq(contIdx).addClass("on"); $('html, body').animate({scrollTop:thisTop}, 'fast'); } }); //SORTABLE LIST if ( $("#sortable").length > 0 ) { var mainW = $("#main").width(); if ( $("#sortable").hasClass("sortable1") ) { mainW = ((mainW / 1) / mainW) * 100 ; }; if ( $("#sortable").hasClass("sortable2") ) { mainW = ((mainW / 2) / mainW) * 100 ; }; if ( $("#sortable").hasClass("sortable3") ) { mainW = ((mainW / 3) / mainW) * 100 ; }; if ( $("#sortable").hasClass("sortable4") ) { mainW = ((mainW / 4) / mainW) * 100 ; }; $(".secCell").css({"width":mainW +'%'}); }; $("#sortable").sortable(); $("#sortable").disableSelection(); //파일선택 $(document).on("change",".uFileInput", function() { let fileName = $(this).val().split('\\').pop(); $(this).next('.uFileLabel').addClass("selected").html(fileName); }); //베너 그룹 Up & Down $(document).on("click",".groupBtn", function() { var $gId = $(this).attr("id"); var $gIcn = $(this).find("i"); if ( $("table[data-child="+$gId+"]").hasClass("off") ){ $("table[data-child="+$gId+"]").removeClass("off"); $gIcn.attr("class","fa fa-chevron-down"); } else { $("table[data-child="+$gId+"]").addClass("off"); $gIcn.attr("class","fa fa-chevron-up"); }; }); //비디오팝업 배경 클릭시 닫기 $(document).on("click",".videoClose", function() { var vId = $(this).attr("id"); $("#"+vId).css({display:"none"}); $("#"+vId).find("iframe").attr("src",""); }); //상단이동 버튼 $(document).on("click","#btnTop", function() { $('html, body').animate({scrollTop:'0'}, 200); }); //다중셀렉트박스 포커스인(접근성) $(document).on("focusin",".srchFld", function() { $(this).parents(".mSelectBox").addClass("outline"); }); //다중셀렉트박스 포커스아웃(접근성) $(document).on("focusout",".srchFld", function() { $(this).parents(".mSelectBox").removeClass("outline"); }); //패널영역 줄이기 $(document).on("click",".panelControl .fa-chevron-up", function() { $(this).parents(".panelStyle").find(".panelContent").slideUp(100); $(this).attr("class","fa fa-chevron-down"); }); //패널영역 펼치기 $(document).on("click",".panelControl .fa-chevron-down", function() { $(this).parents(".panelStyle").find(".panelContent").slideDown(100); $(this).attr("class","fa fa-chevron-up"); }); //패널영역 감추기 $(document).on("click",".panelControl .fa-times", function() { $(this).parents(".panelStyle").fadeOut(100); }); //Date Picker Start ----------------------------------------------------------- function initDatePickers() { // datepicker Korean option $.datepicker.regional['ko'] = { monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], dayNames: ['일', '월', '화', '수', '목', '금', '토'], dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'], dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'], dateFormat: 'yy-mm-dd', firstDay: 1, //isRTL: false, //duration: 200, //showAnim: 'show', showMonthAfterYear: true, yearSuffix: '년 ', prevText: '이전달', nextText: '다음달', //showButtonPanel: true, //currentText: '오늘', //closeText: '닫기', showOn: 'both', buttonImage:'image/btn_calendar.png' //,buttonImageOnly: true }; $.datepicker.setDefaults($.datepicker.regional['ko']); $('.schDate').datepicker({ changeMonth: true, changeYear: true, defaultDate: $('.schDate').val() }); // monthpicker and year selector start/end year (10 year ago) var currentYear = (new Date()).getFullYear(); var startYear = currentYear - 10; var finalYear = currentYear + 10; var options = { startYear: startYear, finalYear: finalYear, pattern: 'yyyy-mm', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'] }; $('.schMonth').monthpicker(options); // make year selector for (var i = finalYear; i >= startYear; i--) { if (currentYear == i ) { $(".schYear").append(""); } else { $('.schYear').append(""); } } }; $(function() { (function($) { var methods = { init: function(options) { return this.each(function() { var $this = $(this), data = $this.data('monthpicker'), year = (options && options.year) ? options.year : (new Date()).getFullYear(), settings = $.extend({ pattern: 'yyyy-mm', selectedMonth: null, selectedMonthName: '', selectedYear: year, startYear: year - 10, finalYear: year + 10, monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], id: "monthpicker_" + (Math.random() * Math.random()).toString().replace('.', ''), openOnFocus: true, disabledMonths: [] }, options); settings.dateSeparator = settings.pattern.replace(/(mmm|mm|m|yyyy|yy|y)/ig, ''); // If the plugin hasn't been initialized yet for this element if (!data) { $(this).data('monthpicker', { 'target': $this, 'settings': settings }); if (settings.openOnFocus === true) { $this.on('focus', function() { $this.monthpicker('show'); }); } $this.monthpicker('parseInputValue', settings); $this.monthpicker('mountWidget', settings); $this.on('monthpicker-click-month', function(e, month, year) { $this.monthpicker('setValue', settings); $this.monthpicker('hide'); }); // hide widget when user clicks elsewhere on page $this.addClass("mtz-monthpicker-widgetcontainer"); $(document).unbind("mousedown.mtzmonthpicker").on("mousedown.mtzmonthpicker", function(e) { if (!e.target.className || e.target.className.toString().indexOf('mtz-monthpicker') < 0) { $(this).monthpicker('hideAll'); } }); } }); }, show: function() { $(this).monthpicker('hideAll'); var widget = $('#' + this.data('monthpicker').settings.id); widget.css("top", this.offset().top + this.outerHeight()); if ($(window).width() > (widget.width() + this.offset().left)) { widget.css("left", this.offset().left); } else { widget.css("left", this.offset().left - widget.width()); } widget.show(); //widget.find('select').focus(); this.trigger('monthpicker-show'); }, hide: function() { var widget = $('#' + this.data('monthpicker').settings.id); if (widget.is(':visible')) { widget.hide(); this.trigger('monthpicker-hide'); } }, hideAll: function() { $(".mtz-monthpicker-widgetcontainer").each(function() { if (typeof($(this).data("monthpicker")) != "undefined") { $(this).monthpicker('hide'); } }); }, setValue: function(settings) { var month = settings.selectedMonth, year = settings.selectedYear; if (settings.pattern.indexOf('mmm') >= 0) { month = settings.selectedMonthName; } else if (settings.pattern.indexOf('mm') >= 0 && settings.selectedMonth < 10) { month = '0' + settings.selectedMonth; }; if (settings.pattern.indexOf('yyyy') < 0) { year = year.toString().substr(2, 2); }; if (settings.pattern.indexOf('y') > settings.pattern.indexOf(settings.dateSeparator)) { this.val(month + settings.dateSeparator + year); } else { this.val(year + settings.dateSeparator + month); }; this.change(); }, disableMonths: function(months) { var settings = this.data('monthpicker').settings, container = $('#' + settings.id); settings.disabledMonths = months; container.find('.mtz-monthpicker-month').each(function() { var m = parseInt($(this).data('month')); if ($.inArray(m, months) >= 0) { $(this).addClass('ui-state-disabled'); } else { $(this).removeClass('ui-state-disabled'); } }); }, mountWidget: function(settings) { var monthpicker = this, container = $('
'), header = $('
'), combo = $('