YNICTE/FO/Views/Course/OffList.cshtml

@model NP.Model.VMCourse
@{
    Layout = null;
}
<div class="offTab">
    <ul class="offtList">
        <li class="@(string.IsNullOrEmpty(Model.cshape)?"current":"")"><a href="#" onclick="gothis('')">전체</a></li>
        <li class="@("1".Equals(Model.cshape)?"current":"")"><a href="#" onclick="gothis('1')">교육장교육</a></li>
        <li class="@("2".Equals(Model.cshape)?"current":"")"><a href="#" onclick="gothis('2')">혼합교육</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">
    <ul>
        <li class="current"><a href="#">전체</a></li>
        @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "studyplace"))
        {
            <li><a href="#">@t.cname 교육장</a></li>
        }
    </ul>
    <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>
        @foreach (var d in Model.CMs.Where(w => w.sstime.Value.Month == m))
        {
            <ul class="schList">
                <li>
                    <h4 style="@((DateTime.Now < d.rstime.Value || DateTime.Now >= d.retime.Value) ? "color:#888;" : "")")>
                        @string.Format("{0}({1})", d.sstime.Value.Day, d.sstime.Value.ToString("ddd", System.Globalization.CultureInfo.CreateSpecificCulture("ko-KR")))
                        ~
                        @string.Format("{0}({1})", d.setime.Value.Day, d.setime.Value.ToString("ddd", System.Globalization.CultureInfo.CreateSpecificCulture("ko-KR")))
                    </h4>
                    <div>
                        <h6 style="@((DateTime.Now < d.rstime.Value || DateTime.Now >= d.retime.Value) ? "color:#888;" : "")">
                            @if (d.cshape == 1)
                            {
                                <span class="blu" style="@((DateTime.Now < d.rstime.Value || DateTime.Now >= d.retime.Value) ? "color:#888;" : "")">[교육장교육]</span>
                            }
                            else
                            {
                                <span class="blu" style="@((DateTime.Now < d.rstime.Value || DateTime.Now >= d.retime.Value) ? "color:#888;" : "")">[혼합교육]</span>
                            }
                            @d.cname
                        </h6>
                    </div>
                    @if (DateTime.Now >= d.rstime.Value && DateTime.Now < d.retime.Value)
                    {
                        if (d.quota - d.lectcnt <= 0)
                        {
                            <span class="smtlChkBtn smtlChk04">대기접수</span>
                        }
                        else
                        {
                            <span class="smtlChkBtn smtlChk01">신청가능</span>
                        }
                    }
                    else
                    {
                        <span class="smtlChkBtn smtlChk04">종료</span>

                    }
                </li>
            </ul>
            @*<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>*@
        }
    </div>
}
<form id="thisform" action="/Course/Offs" method="get">
    @Html.HiddenFor(m => m.cshape)
    @Html.HiddenFor(m => m.previewname)
    @Html.HiddenFor(m => m.cmno)
</form>
<script type="text/javascript" src="/js/sly.min.js"></script>
<script>
    $(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(cshape) {
        setv("cgcode", cgcode);
        $("#thisform").submit();
    }
    function godetail(cmno) {
        if (cmno > 0) {
            setv("cmno", cmno);
            $("#thisform").attr("action", "/Course/OffDetail");
            submit("thisform");
        }
    }
</script>