YNICTE/FO/Views/Course/OffList.cshtml

116 lines
5.1 KiB
Plaintext

@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.studyplace)) (@(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>