YNICTE/FO/js/mypage.js

//모바일메뉴
$('#mpgtmbBtn').click(function () {
    if ($(this).is('.on')) {
        $('#mpgmbMenu').slideUp('fast');
        $('#mpgtmbBtn').removeClass('on');
        $('html, body').removeClass('lock');
    } else {
        $('#mpgmbMenu').slideDown('fast');
        $('#mpgtmbBtn').addClass('on');
        $('html, body').addClass('lock');
    }
});

$('#mpgmClose').click(function () {
    $('#mpgmbMenu').slideUp('fast');
    $('#mpgtmbBtn').removeClass('on');
    $('html, body').removeClass('lock');
});
$(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 500) {
            $('#mbbTop').fadeIn();
        } else {
            $('#mbbTop').fadeOut();
        }
    });

    $("#mbbTop").click(function () {
        $('html, body').animate({
            scrollTop: 0
        }, 400);
        return false;
    });
});
$(document).ready(function () {
    $('#lctmBtn').click(function () {
        capp("/focommon/mypageleftmenu", { on: $("#mpgMenu").hasClass("on") ? "" : "on" }, "");
        $('#mpgMenu').toggleClass('on');
        $('#mypage').toggleClass('on');
    });
    $('#mpgb01').click(function () { $(this).toggleClass('on'); $('#mpgl01').slideToggle(); });
    $('#mpgb02').click(function () { $(this).toggleClass('on'); $('#mpgl02').slideToggle(); });
    $('#mpgtmbBtn').click(function () {
        if ($(this).is('.on')) {
            $('#mpgmbMenu').slideUp('fast');
            $('#mpgtmbBtn').removeClass('on');
            $('html, body').removeClass('lock');
        } else {
            $('#mpgmbMenu').slideDown('fast');
            $('#mpgtmbBtn').addClass('on');
            $('html, body').addClass('lock');
        }
    });

    $('#mpgmClose').click(function () {
        $('#mpgmbMenu').slideUp('fast');
        $('#mpgtmbBtn').removeClass('on');
        $('html, body').removeClass('lock');
    });
    //2022083 교육유형별로 처리
    $(".gocroom").on("click", function () {
        var href = $(this).data("href") || this.href;
        var complete = $(this).data("complete");
        var cshape = $(this).data("cshape");

        if (complete != undefined && complete == 0 && cshape==2)
        {
            /*
            msg("해당 과정은 <span style='color:red;'>미 수료 상태 입니다.</span></br>" +
                "교육일정변경 메뉴에서 <span style='color:red;'>교육일정을 변경 해주세요.</span></br></br>" +
                "※ 미 수료 상태로 교육시작일 이후 <span style='color:red;'>1년 경과 시 교육이 취소되어 일정변경이 불가합니다.</span></br>" +
                "※ 확인 클릭 시 교육일정변경 메뉴로 이동합니다.", null, null, null, "location.href='" + '/My/LectureOn' + "'"
            );
            */
            $("#bglayer, #layermessage").show();

            /*let msg = '<div>해당 과정은 <span style="color:red;">미수료 상태입니다.</span><br>교육일정변경 메뉴에서 <span style="">교육일정을 변경 해주세요.</span><br><br>'
            msg += '<span style="color:red;">단, 수료처리일이 지나지 않은 분들은 잠시 기다려주시기 바랍니다.</span><br>'
            msg += '수료처리일 : 교육종료일 다음날 오후 3시 이후 (평일기준)<br><br>※ 미 수료 상태로 교육시작일 이후 <span style="color:red;">1년 경과 시 교육이 취소되어 일정변경이 불가합니다.</span>'
            msg += '<br>※ 확인 클릭 시 교육일정변경 메뉴로 이동합니다.</div>'
            msg += '<div><a href="#" class="mainokbutton" onclick="javascript:hidelayermsg();" style="display: inline-block;margin: 20px 5px 0 5px;">취소</a>'
            msg += '<a href="#" class="mainokbutton" onclick="javascript:location.href=\'/My/LectureOn\';" style="display: inline-block;margin: 20px 5px 0 5px;">확인</a></div>'*/

            let msg = '<div><span style="font-size:25px">해당 과정은 <span style="color:red;">교육종료일</span>이 지난 과정입니다.</span><br><br><br>'
            msg += '- 수료조건을 만족한 경우 : 수료처리 중이므로 잠시 기다려 주시기 바랍니다.<br>'
            msg += '※ <span style="color:red;">매주 월요일 마다</span> 수료처리가 진행됩니다. (평일기준)<br><br>'
            msg += '- 수료조건을 만족하지 않은 경우 : 교육일정변경 메뉴에서 <span style="color:red;">일정변경 후 </span> 수강해 주세요.<br><br>'
            msg += '※ 미 수료 상태로 교육시작일 이후 <span style="color:red;">1년 경과 시 교육이 취소되어 일정변경이 불가합니다.</span><br><br>'
            msg += '<a href="#" class="mainokbutton" onclick="javascript:hidelayermsg();" style="display: inline-block;margin: 20px 5px 0 5px;">확인</a></div>'
            //msg += '<a href="' + href + '" class="mainokbutton"  style="display: inline-block;margin: 20px 5px 0 5px;">확인</a></div>'
       
            $("#layermessage").html(msg)
            return false;
        }
        if (href != undefined && href != null && href.toLowerCase().indexOf("croom/index?croomlectno=") != -1) {
           
            if (cshape != undefined && cshape == 1) {
                msg("해당 과정은 <span style='color: red;'>교육장에 직접 오셔서 수강</span>하는 과정 입니다.</br>" +
                    "교육기간을 확인하시고 시작일에 해당 교육장으로 입교 부탁 드립니다.");
                /*location.href = '/My/LectureOn';*/
                
                return false;
            }
            else if (cshape != undefined && cshape == 2) {
                $("#layermessage").html('<div></div><a href="#" class="mainokbutton" onclick="javascript:hidelayermsg();">확인</a>')
                // msg("강의장으로 입장합니다.", null, null, null, "location.href='" + href + "'");

                let tempmsg = '<div style="font-weight: bold; font-size: 14pt; line-height: 30px;">';
                tempmsg += '시청하실 강의 영상은 저작권의 보호를 받는 저작물이므로<br>';
                tempmsg += '저작권법 위반 시 법적 처벌을 받을 수 있습니다.<br>';
                tempmsg += '<span style="color:red">(복제, 게시, 공유, 배포 금지)</span>';
                tempmsg += '</div>';
                tempmsg += '<div style="font-weight: bold;font-size: 17pt;color:#338DCD;padding-top:20px">';
                tempmsg += '온라인 강의장으로 입장합니다.';
                tempmsg += '</div>';

                msg(tempmsg, null, null, null, "location.href='" + href + "'");

                return false;
            }
        }
        return true;
    });

    //$(".gocroom").on("click", function () {
    //    var href = $(this).data("href") || this.href;
    //    if (href != undefined && href != null && href.toLowerCase().indexOf("croom/index?croomlectno=") != -1) {
    //        msg("강의장으로 입장합니다.", null, null, null, "location.href='" + href + "'");
    //        return false;
    //    }
    //    return true;
    //});
});