YNICTE/FO/Views/Course/OffList.cshtml

@model NP.Model.VMCourse
@{
    Layout = null;
}
<div class="offTab">
    <span class="offtName">@(Model.cgcode == "Off001"?"단과": Model.cgcode == "Off002" ? "종합연수" : Model.cgcode == "Off003" ? "전문연구":"전체")</span>
    <ul class="offtList">
        <li class="@(string.IsNullOrEmpty(Model.cgcode)?"current":"")"><a href="#" onclick="gothis('')">전체</a></li>
        <li class="@("Off001".Equals(Model.cgcode)?"current":"")"><a href="#" onclick="gothis('Off001')">단과</a></li>
        <li class="@("Off002".Equals(Model.cgcode)?"current":"")"><a href="#" onclick="gothis('Off002')">종합연수</a></li>
        <li class="@("Off003".Equals(Model.cgcode)?"current":"")"><a href="#" onclick="gothis('Off003')">전문연구</a></li>
        <li><a href="/Course/CC1">위탁교육</a></li>
        <li><a href="/Course/CC2">준법교육</a></li>
        <li><a href="/Course/CC3">ISO 내부심사교육</a></li>
    </ul>
</div>
<div class="offMonth">
    <ul>
        <li><a href="#" onclick="viewmonth(1)">1월</a></li>
        <li><a href="#" onclick="viewmonth(2)">2월</a></li>
        <li><a href="#" onclick="viewmonth(3)">3월</a></li>
        <li><a href="#" onclick="viewmonth(4)">4월</a></li>
        <li><a href="#" onclick="viewmonth(5)">5월</a></li>
        <li><a href="#" onclick="viewmonth(6)">6월</a></li>
        <li><a href="#" onclick="viewmonth(7)">7월</a></li>
        <li><a href="#" onclick="viewmonth(8)">8월</a></li>
        <li><a href="#" onclick="viewmonth(9)">9월</a></li>
        <li><a href="#" onclick="viewmonth(10)">10월</a></li>
        <li><a href="#" onclick="viewmonth(11)">11월</a></li>
        <li><a href="#" onclick="viewmonth(12)">12월</a></li>
    </ul>
</div>
<div class="offDesc">
    <p>※ 강좌명 선택시 상세정보를 확인할 수 있습니다.</p>
    <a href="#" onclick="viewmonth(0)">전체일정 보기</a>
</div>
@foreach (var m in Model.CMs.Select(s => s.sstime.Value.Month).Distinct())
{
<div class="offList month@(m) @(DateTime.Now.Month == m ? "current":"")"style=@(DateTime.Now.Month==m?"":"display:none;")>
    <h5>@(m)월 교육일정</h5>
    <table>
    @foreach (var d in Model.CMs.Where(w => w.sstime.Value.Month == m))
    {
        <tr class="@(!(DateTime.Now >= d.rstime.Value && DateTime.Now < d.retime.Value) ? "disable" : "")">
            <th style="@((DateTime.Now >= d.rstime.Value && DateTime.Now < d.retime.Value) ? "style=font-weight:600; color:#00b1ed;" : "")">@string.Format("{0}({1})", d.sstime.Value.Day, d.sstime.Value.ToString("ddd", System.Globalization.CultureInfo.CreateSpecificCulture("ko-KR")))</th>
            <td>
                <a href="#" onclick="godetail(@(!(DateTime.Now >= d.rstime.Value && DateTime.Now < d.retime.Value) ? 0 : d.cmno))" style="@(!(DateTime.Now >= d.rstime.Value && DateTime.Now < d.retime.Value) ? "cursor: default" : "")">
                    <p><span class="grn" style="@(d.isrefund==0 ? "display:none;":"")">환급</span><span>[@d.cgname]</span> @(d.cname)(@(d.studyplacename)) (@(d.studytime)시간)</p>
                    <p>회원 : @d.infee.ToString("#,0")원 비회원 : @d.outfee.ToString("#,0")원</p>
                </a>
            </td>
        </tr>
    }
    </table>
</div>
}
<form id="thisform" action="/Course/Offs" method="get">
    @Html.HiddenFor(m => m.cgcode)
    @Html.HiddenFor(m => m.previewname)
    @Html.HiddenFor(m => m.cmno)
</form>
<script type="text/javascript" src="/js/sly.min.js"></script>
<script>
    $('.offtName').click(function () {
        if ($(this).is('.on')) {
            $(this).removeClass('on');
            $(this).next().slideUp(300);
        } else {
            $('.offtName').addClass('on');
            $('.offtList').slideDown(300);
        }
    });
    $(function () {
        var $frame = $('.offMonth');
        var $slidee = $frame.children('ul').eq(0);
        var $wrap = $frame.parent();
        $frame.sly({
            horizontal: 1,
            itemNav: 'basic',
            smart: 1,
            activateOn: 'click',
            mouseDragging: 1,
            touchDragging: 1,
            releaseSwing: 1,
            startAt: @(DateTime.Now.Month - 1), // 1월 = 0, 2월 = 1, 3월 = 2 이런식으로 증가해야합니다.
            speed: 300,
            elasticBounds: 1,
            easing: 'easeOutExpo',
            clickBar: 1
        });
        $(window).resize(function () {
            $frame.sly('reload');
        });
    });
    function viewmonth(m) {
        $(".offList").show();
        if (m > 0) {
            $(".offList").hide();
            $(".offList.month" + m).show();
            $(".offDesc").find("a").attr("class", "");
        } else {
            $(".offDesc").find("a").attr("class", "current");
        }
    }
    function gothis(cgcode) {
        setv("cgcode", cgcode);
        $("#thisform").submit();
    }
    function godetail(cmno) {
        if (cmno > 0) {
            setv("cmno", cmno);
            $("#thisform").attr("action", "/Course/OffDetail");
            submit("thisform");
        }
    }
</script>