This commit is contained in:
parent
5a11fa74cb
commit
24ede56676
|
|
@ -11,6 +11,32 @@ namespace NP.FO.Controllers
|
|||
public class HomeController : FOOpenBaseController
|
||||
{
|
||||
public ActionResult Index(VMHome vm)
|
||||
{
|
||||
//서브도메인 확인 하여 고객사 로그인/마이페이지로 이동
|
||||
var sd = Request.Url.Host.Split('.')[0];
|
||||
if (GetConfig("isdevtest") != "1" && Request.Url.Host != "222.122.63.91" && Request.Url.Host != "kfcf.nptc.kr" && Request.Url.Host != "phd.nptc.kr" && MainSubDomain.ToUpper() != sd.ToUpper())
|
||||
{
|
||||
if (SUserInfo.UserNo < 1)
|
||||
{
|
||||
return Redirect("/Account/Index");
|
||||
}
|
||||
else
|
||||
{
|
||||
return Redirect("/My/Index");
|
||||
}
|
||||
}
|
||||
vm.ComCodes = GetComCodes("typeman,typeedu,typegrade,typejob");
|
||||
|
||||
ViewBag.POPUPS = GetPOPUP;
|
||||
ViewBag.POPUPXS = CookieGet("popup", "");
|
||||
ViewBag.IsMain = true;
|
||||
vm.Datas = Dao.Get<Data>("site.main", new System.Collections.Hashtable() { {"offcode", OffCode }, { "oncode", OnCode} });
|
||||
|
||||
ViewBag.OnCode1 = OnCode1;
|
||||
return View(vm);
|
||||
}
|
||||
|
||||
public ActionResult IndexSample(VMHome vm)
|
||||
{
|
||||
//서브도메인 확인 하여 고객사 로그인/마이페이지로 이동
|
||||
var sd = Request.Url.Host.Split('.')[0];
|
||||
|
|
@ -36,7 +62,7 @@ namespace NP.FO.Controllers
|
|||
ViewBag.POPUPS = GetPOPUP;
|
||||
//}
|
||||
ViewBag.POPUPXS = CookieGet("popup", "");
|
||||
vm.Datas = Dao.Get<Data>("site.main", new System.Collections.Hashtable() { {"offcode", OffCode }, { "oncode", OnCode} });
|
||||
vm.Datas = Dao.Get<Data>("site.main", new System.Collections.Hashtable() { { "offcode", OffCode }, { "oncode", OnCode } });
|
||||
//foreach(var d in vm.Datas.Where(w=>w.dtype == 1 && !string.IsNullOrEmpty(w.strval4)))
|
||||
//{
|
||||
// //Thumbnail 확인
|
||||
|
|
|
|||
|
|
@ -353,6 +353,7 @@
|
|||
<Content Include="img\lecture\week_btn02.png" />
|
||||
<Content Include="img\lecture\week_thumb01.jpg" />
|
||||
<Content Include="img\lecture\week_thumb02.jpg" />
|
||||
<Content Include="img\main\main_bg.jpg" />
|
||||
<Content Include="img\main\main_cs_arrow.png" />
|
||||
<Content Include="img\main\main_cs_call.png" />
|
||||
<Content Include="img\main\main_edu_thumb01.jpg" />
|
||||
|
|
@ -584,6 +585,7 @@
|
|||
<Content Include="Views\My\PrintSet.cshtml" />
|
||||
<Content Include="Views\My\CertPrint.cshtml" />
|
||||
<Content Include="Views\My\CertSet.cshtml" />
|
||||
<Content Include="Views\Home\IndexSample.cshtml" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<Folder Include="App_Data\" />
|
||||
|
|
|
|||
|
|
@ -1,173 +1,199 @@
|
|||
@model NP.Model.VMHome
|
||||
@{
|
||||
ViewBag.IsMain = true;
|
||||
//ViewBag.HideSubTitle = true;
|
||||
var menus = (List<NP.Model.MenuPage>)ViewBag.Menus;
|
||||
var em = new NP.Model.MenuPage();
|
||||
var boardnotice = menus.Where(w => (w.refcode??"").Contains("board.notice")).FirstOrDefault() ?? em;
|
||||
var boardfaq = menus.Where(w => w.refcode == "board.faq").FirstOrDefault() ?? em;
|
||||
}
|
||||
@section main{
|
||||
<div id="mainTop">
|
||||
<div class="container">
|
||||
<ul>
|
||||
<li><a href="/Course/Offs"><span>오프라인 교육과정</span></a></li>
|
||||
<li><a href="/Course/Ons"><span>온라인 교육과정</span></a></li>
|
||||
<li><a href="/My/Lecture"><span>수료증 발급</span></a></li>
|
||||
</ul>
|
||||
<!doctype html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
.offTab {
|
||||
padding-bottom : 0px;
|
||||
margin-bottom : 0px;
|
||||
}
|
||||
</style>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, shrink-to-fit=no">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no">
|
||||
<meta name="Robots" content="ALL" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Script-Type" content="text/javascript" />
|
||||
<meta http-equiv="Content-Style-Type" content="text/css" />
|
||||
<meta http-equiv="Cache-Control" content="no-cache" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
<title>영남건설기술연구원</title>
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" type="text/css" href="../css/common.css">
|
||||
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../css/mypage.css">
|
||||
<link rel="stylesheet" type="text/css" href="../css/lecture.css">
|
||||
<link rel="stylesheet" type="text/css" href="../css/slick.css">
|
||||
<link rel="stylesheet" type="text/css" href="../css/animate.min.css">
|
||||
|
||||
<!-- js -->
|
||||
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="../js/placeholders.min.js"></script>
|
||||
<script type="text/javascript" src="../js/slick.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
@section main{
|
||||
<div id="main">
|
||||
<div class="container">
|
||||
<div class="mainTop">
|
||||
<h2><span>YICTE</span> Smart Search</h2>
|
||||
<p>나에게 필요한 교육을 찾아드립니다.</p>
|
||||
</div>
|
||||
<form action="">
|
||||
<input type="hidden" id="sch1" value="" />
|
||||
<input type="hidden" id="sch2" value="" />
|
||||
<input type="hidden" id="sch3" value="" />
|
||||
<input type="hidden" id="sch4" value="" />
|
||||
<input type="hidden" id="sch5" value="" />
|
||||
<ul class="mainSch">
|
||||
<li class="msCont">
|
||||
<em>SKILL</em>
|
||||
<div class="msSel active" id="msSel1">
|
||||
<span>교육유형</span>
|
||||
<div>
|
||||
<div>
|
||||
<ul>
|
||||
<li><a href="javascript:schIpt('1', '1', '온라인교육');">온라인교육</a></li>
|
||||
<li><a href="javascript:schIpt('1', '0', '교육장교육');">교육장교육</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="msCont">
|
||||
<em>JOB</em>
|
||||
<div class="msSel disable" id="msSel2">
|
||||
<span>직무분야</span>
|
||||
<div>
|
||||
<div>
|
||||
<ul>
|
||||
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeman"))
|
||||
{
|
||||
<li><a href="javascript:schIpt('2', '@t.ccode', '@t.cname');">@t.cname</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="msCont">
|
||||
<em>OBJECT</em>
|
||||
<div class="msSel disable" id="msSel3">
|
||||
<span>교육목적</span>
|
||||
<div>
|
||||
<div>
|
||||
<ul>
|
||||
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeedu"))
|
||||
{
|
||||
<li><a href="javascript:schIpt('3', '@t.ccode', '@t.cname');">@t.cname</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="msCont">
|
||||
<em>GRADE</em>
|
||||
<div class="msSel disable" id="msSel4">
|
||||
<span id="spnTypeGrade">등급</span>
|
||||
<div>
|
||||
<div>
|
||||
<ul>
|
||||
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade"))
|
||||
{
|
||||
<li id="liGrade@(t.ccode)"><a href="javascript:schIpt('4', '@t.ccode', '@t.cname');">@t.cname</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="msCont">
|
||||
<em>TYPE</em>
|
||||
<div class="msSel disable" id="msSel5">
|
||||
<span>직무분야</span>
|
||||
<div>
|
||||
<div>
|
||||
<ul>
|
||||
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typejob"))
|
||||
{
|
||||
<li><a href="javascript:schIpt('5', '@t.ccode', '@t.cname');">@t.cname</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#" class="msBtn">검색하기</a></li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<h2 class="mainTitle">모집중인 <span>교육과정</span></h2>
|
||||
<div class="mainEdu">
|
||||
<div class="meTitle">
|
||||
<h3>오프라인</h3><a href="/Course/Offs">더보기</a>
|
||||
</div>
|
||||
<ul class="meList">
|
||||
@foreach (var d in Model.Datas.Where(w => w.dtype == 0))
|
||||
{
|
||||
<li>
|
||||
<a data-no="@d.intval" href="#" onclick="gocm('Off', @d.intval)">
|
||||
<div class="melThumb" style="background:url('/img/main/main_edu_thumb01.jpg')no-repeat center center;">
|
||||
<div><div><div><h5>@(string.IsNullOrEmpty(d.strval3)?"-":d.strval3)</h5></div></div></div>
|
||||
<span>OFFLINE</span>
|
||||
</div>
|
||||
<div class="melCont">
|
||||
<h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
|
||||
<h6>@d.strval2</h6>
|
||||
<h5>@d.strval</h5>
|
||||
<dl>
|
||||
<dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
|
||||
<dd><b>교육일</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mainLine"></div>
|
||||
<div class="mainEdu">
|
||||
<div class="meTitle">
|
||||
<h3>온라인</h3><a href="/Course/Ons">더보기</a>
|
||||
</div>
|
||||
<ul class="meList">
|
||||
@foreach (var d in Model.Datas.Where(w => w.dtype == 1))
|
||||
{
|
||||
<li>
|
||||
<a data-no="@d.intval" href="#" onclick="gocm('On', @d.intval)">
|
||||
<div class="melThumb" style="background-size:cover; background:url(@(d.strval5 == null ? "/img/main/main_edu_thumb02.jpg" : (Model.Files + d.strval5)))no-repeat center center">
|
||||
@*<div><div><div><h5>@d.strval3</h5></div></div></div>*@
|
||||
<span>ONLINE</span>
|
||||
</div>
|
||||
<div class="melCont">
|
||||
<h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
|
||||
<h6 class="@(d.strval6 == ViewBag.OnCode1 ? "red" : "")">@d.strval2</h6>
|
||||
<h5>@d.strval</h5>
|
||||
<dl>
|
||||
<dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
|
||||
<dd><b>학습</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
<div id="mainBot">
|
||||
<div class="mbCs">
|
||||
<div>
|
||||
<p>고객 상담문의</p>
|
||||
<h5><a href="tel:02-310-3344">02-310-3344(오프라인)</a></h5>
|
||||
<h5><a href="tel:02-310-3312">02-310-3312(온라인)</a></h5>
|
||||
<ul>
|
||||
<li>평일 9:00 AM ~ 6:00 PM</li>
|
||||
<li>토요일/일요일/공휴일 휴무</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbCont mbNotice">
|
||||
<div class="meTitle"><h3>공지사항</h3><a href="#" onclick="gomenu(@(boardnotice.pno), @(boardnotice.pagetype), '@(boardnotice.pageurl??"")', this);">더보기</a></div>
|
||||
<ul class="mbList">
|
||||
@foreach (var d in Model.Datas.Where(w => w.dtype == 2))
|
||||
{
|
||||
<li><a href="#" onclick="gomenu(@(boardnotice.pno), @((boardnotice).pagetype), '@((boardnotice).pageurl ?? "")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval) ? "" : string.Format("[{0}]", d.strval), d.strval2)</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div><!-- mbCont -->
|
||||
<div class="mbCont">
|
||||
<div class="meTitle"><h3>FAQ</h3><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">더보기</a></div>
|
||||
<ul class="mbList">
|
||||
@foreach (var d in Model.Datas.Where(w => w.dtype == 3))
|
||||
{
|
||||
<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval)?"":string.Format("[{0}]", d.strval), d.strval2)</a></li>
|
||||
@*<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval)?"":string.Format("[{0}]", d.strval), d.strval2)</a></li>*@
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<form id="thisform" action="" method="post">
|
||||
<input type="hidden" id="cmno" name="cmno" />
|
||||
</form>
|
||||
<textarea style="display: none;" id="texthide01">@ViewBag.POPUPS</textarea>
|
||||
@section scriptsHeader{
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
}
|
||||
@section scripts{
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
if (!ismobile()) {
|
||||
if ($("#texthide01").val() != '') {
|
||||
$.each($($("#texthide01").val().split('nptechpopuplistseparator')), function (i, p) {
|
||||
var p = p.split('nptechpopupseparator');
|
||||
if ('p@(ViewBag.POPUPXS)p'.indexOf('p' + p[0] + 'p') < 0) {
|
||||
$("body").append("<div data-zindex=\"" + p[8] + "\" style=\"z-index: " + p[8] + "; left: " + p[4] + "px; top: " + p[3] + "px; width: " + (getint(p[5]) + 45) + "px; height: " + (getint(p[6]) + 105) + "px;\" class=\"draggablethis ui-widget-content popupitem\" id=\"popbox" + p[0] + "\">" +
|
||||
"<div class=\"inner\"><div class=\"poptitlebox\"><span>" + p[1] + "</span>" +
|
||||
"<a class=\"closepopa\" href=\"#\" onclick=\"hidepop();$('#popbox" + p[0] + "').remove();\">x</a></div>" +
|
||||
"<div class=\"iframebox\"><iframe id=\"ifrpop" + p[0] + "\" style=\"border: 0 none; height: " + p[6] + "px; width: " + (getint(p[5])) + "px;\"></iframe></div>" +
|
||||
"<div class=\"iframeclosebox\"><a class=\"\" style=\"border: 1px solid #ddd; padding: 5px 15px;\" onclick=\"hide7('popbox" + p[0] + "', " + p[0] + ")\"> 7일간 숨기기</a></div></div></div>");
|
||||
$("#ifrpop" + p[0]).attr("src", "/Home/Popup?pno=" + p[0]);
|
||||
$("#popbox" + p[0]).show();
|
||||
//$("html").css("overflow", "hidden");
|
||||
}
|
||||
});
|
||||
$(".poptitlebox").on("click", function () {
|
||||
$.each($(".popupitem"), function (i, d) {
|
||||
$(d).css("z-index", $(d).attr("data-zindex"));
|
||||
});
|
||||
$(this).closest(".popupitem").css("z-index", 130);
|
||||
});
|
||||
}
|
||||
$(".draggablethis").draggable();
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
$("#lblTypeGrade").text("등급");
|
||||
});
|
||||
|
||||
$('.msSel span').click(function () {
|
||||
if ($(this).parent().is('.active')) {
|
||||
if ($(this).is('.on')) {
|
||||
$(this).removeClass('on');
|
||||
$(this).next().slideUp(300);
|
||||
} else {
|
||||
$('.msSel span').removeClass('on');
|
||||
$('.msSel > div').slideUp(300);
|
||||
$(this).addClass('on');
|
||||
$(this).next().slideDown(300);
|
||||
}
|
||||
});
|
||||
function hppopclick(url) {
|
||||
url = url.toLowerCase().replace('http//', 'http://').replace('https//', 'https://');
|
||||
if (url.toLowerCase().indexOf("http://") == 0 || url.toLowerCase().indexOf("http://") == 0) {
|
||||
window.open(url);
|
||||
}
|
||||
else if (url != "") {
|
||||
location.href = url;
|
||||
}
|
||||
}
|
||||
var _hide7;
|
||||
function hide7(id, pno) {
|
||||
_hide7 = id;
|
||||
capp("/focommon/hidepop", { pno: pno }, "cbhide7");
|
||||
}
|
||||
function cbhide7() {
|
||||
hidepop();
|
||||
$("#" + _hide7).remove();
|
||||
}
|
||||
function hidepop() {
|
||||
if ($(".popupitem").length == 1) {
|
||||
$("html").css("overflow", "auto");
|
||||
} else {
|
||||
if ($(this).parent().attr('id') == 'msSel2') {
|
||||
alert('교육유형을 선택해주세요.');
|
||||
} else if ($(this).parent().attr('id') == 'msSel3') {
|
||||
alert('직무분야를 선택해주세요.');
|
||||
} else if ($(this).parent().attr('id') == 'msSel4') {
|
||||
alert('교육목적을 선택해주세요.');
|
||||
} else if ($(this).parent().attr('id') == 'msSel5') {
|
||||
alert('등급을 선택해주세요.');
|
||||
}
|
||||
}
|
||||
function gocm(view, cmno) {
|
||||
setv("cmno", cmno);
|
||||
$("#thisform").attr("action", "/Course/"+view+"Detail");
|
||||
submit("thisform");
|
||||
});
|
||||
function schIpt(num, code, name) {
|
||||
$('#sch' + num).val(code);
|
||||
$('#msSel' + num + '>span').text(name);
|
||||
$('.msSel > div').slideUp(300);
|
||||
$('.msSel > span').removeClass('on');
|
||||
$('#msSel' + (Number(num) + 1)).removeClass('disable');
|
||||
$('#msSel' + (Number(num) + 1)).addClass('active');
|
||||
$('#msSel' + (Number(num) + 1) + ' > div').slideDown(300);
|
||||
|
||||
if (num == 3 && code == 58 && name == "승급교육") {
|
||||
$("#spnTypeGrade").html("승급가능등급");
|
||||
$("#liGrade59").hide();
|
||||
}
|
||||
</script>
|
||||
}
|
||||
else {
|
||||
$("#spnTypeGrade").html("등급");
|
||||
$("#liGrade59").show();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,173 @@
|
|||
@model NP.Model.VMHome
|
||||
@{
|
||||
ViewBag.IsMain = true;
|
||||
//ViewBag.HideSubTitle = true;
|
||||
var menus = (List<NP.Model.MenuPage>)ViewBag.Menus;
|
||||
var em = new NP.Model.MenuPage();
|
||||
var boardnotice = menus.Where(w => (w.refcode ?? "").Contains("board.notice")).FirstOrDefault() ?? em;
|
||||
var boardfaq = menus.Where(w => w.refcode == "board.faq").FirstOrDefault() ?? em;
|
||||
}
|
||||
@section main{
|
||||
<div id="mainTop">
|
||||
<div class="container">
|
||||
<ul>
|
||||
<li><a href="/Course/Offs"><span>오프라인 교육과정</span></a></li>
|
||||
<li><a href="/Course/Ons"><span>온라인 교육과정</span></a></li>
|
||||
<li><a href="/My/Lecture"><span>수료증 발급</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<h2 class="mainTitle">모집중인 <span>교육과정</span></h2>
|
||||
<div class="mainEdu">
|
||||
<div class="meTitle">
|
||||
<h3>오프라인</h3><a href="/Course/Offs">더보기</a>
|
||||
</div>
|
||||
<ul class="meList">
|
||||
@foreach (var d in Model.Datas.Where(w => w.dtype == 0))
|
||||
{
|
||||
<li>
|
||||
<a data-no="@d.intval" href="#" onclick="gocm('Off', @d.intval)">
|
||||
<div class="melThumb" style="background:url('/img/main/main_edu_thumb01.jpg')no-repeat center center;">
|
||||
<div><div><div><h5>@(string.IsNullOrEmpty(d.strval3) ? "-" : d.strval3)</h5></div></div></div>
|
||||
<span>OFFLINE</span>
|
||||
</div>
|
||||
<div class="melCont">
|
||||
<h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
|
||||
<h6>@d.strval2</h6>
|
||||
<h5>@d.strval</h5>
|
||||
<dl>
|
||||
<dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
|
||||
<dd><b>교육일</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mainLine"></div>
|
||||
<div class="mainEdu">
|
||||
<div class="meTitle">
|
||||
<h3>온라인</h3><a href="/Course/Ons">더보기</a>
|
||||
</div>
|
||||
<ul class="meList">
|
||||
@foreach (var d in Model.Datas.Where(w => w.dtype == 1))
|
||||
{
|
||||
<li>
|
||||
<a data-no="@d.intval" href="#" onclick="gocm('On', @d.intval)">
|
||||
<div class="melThumb" style="background-size:cover; background:url(@(d.strval5 == null ? "/img/main/main_edu_thumb02.jpg" : (Model.Files + d.strval5)))no-repeat center center">
|
||||
@*<div><div><div><h5>@d.strval3</h5></div></div></div>*@
|
||||
<span>ONLINE</span>
|
||||
</div>
|
||||
<div class="melCont">
|
||||
<h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
|
||||
<h6 class="@(d.strval6 == ViewBag.OnCode1 ? "red" : "")">@d.strval2</h6>
|
||||
<h5>@d.strval</h5>
|
||||
<dl>
|
||||
<dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
|
||||
<dd><b>학습</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
<div id="mainBot">
|
||||
<div class="mbCs">
|
||||
<div>
|
||||
<p>고객 상담문의</p>
|
||||
<h5><a href="tel:02-310-3344">02-310-3344(오프라인)</a></h5>
|
||||
<h5><a href="tel:02-310-3312">02-310-3312(온라인)</a></h5>
|
||||
<ul>
|
||||
<li>평일 9:00 AM ~ 6:00 PM</li>
|
||||
<li>토요일/일요일/공휴일 휴무</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbCont mbNotice">
|
||||
<div class="meTitle"><h3>공지사항</h3><a href="#" onclick="gomenu(@(boardnotice.pno), @(boardnotice.pagetype), '@(boardnotice.pageurl??"")', this);">더보기</a></div>
|
||||
<ul class="mbList">
|
||||
@foreach (var d in Model.Datas.Where(w => w.dtype == 2))
|
||||
{
|
||||
<li><a href="#" onclick="gomenu(@(boardnotice.pno), @((boardnotice).pagetype), '@((boardnotice).pageurl ?? "")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval) ? "" : string.Format("[{0}]", d.strval), d.strval2)</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div><!-- mbCont -->
|
||||
<div class="mbCont">
|
||||
<div class="meTitle"><h3>FAQ</h3><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">더보기</a></div>
|
||||
<ul class="mbList">
|
||||
@foreach (var d in Model.Datas.Where(w => w.dtype == 3))
|
||||
{
|
||||
<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval) ? "" : string.Format("[{0}]", d.strval), d.strval2)</a></li>
|
||||
@*<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval)?"":string.Format("[{0}]", d.strval), d.strval2)</a></li>*@
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<form id="thisform" action="" method="post">
|
||||
<input type="hidden" id="cmno" name="cmno" />
|
||||
</form>
|
||||
<textarea style="display: none;" id="texthide01">@ViewBag.POPUPS</textarea>
|
||||
@section scriptsHeader{
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
}
|
||||
@section scripts{
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
if (!ismobile()) {
|
||||
if ($("#texthide01").val() != '') {
|
||||
$.each($($("#texthide01").val().split('nptechpopuplistseparator')), function (i, p) {
|
||||
var p = p.split('nptechpopupseparator');
|
||||
if ('p@(ViewBag.POPUPXS)p'.indexOf('p' + p[0] + 'p') < 0) {
|
||||
$("body").append("<div data-zindex=\"" + p[8] + "\" style=\"z-index: " + p[8] + "; left: " + p[4] + "px; top: " + p[3] + "px; width: " + (getint(p[5]) + 45) + "px; height: " + (getint(p[6]) + 105) + "px;\" class=\"draggablethis ui-widget-content popupitem\" id=\"popbox" + p[0] + "\">" +
|
||||
"<div class=\"inner\"><div class=\"poptitlebox\"><span>" + p[1] + "</span>" +
|
||||
"<a class=\"closepopa\" href=\"#\" onclick=\"hidepop();$('#popbox" + p[0] + "').remove();\">x</a></div>" +
|
||||
"<div class=\"iframebox\"><iframe id=\"ifrpop" + p[0] + "\" style=\"border: 0 none; height: " + p[6] + "px; width: " + (getint(p[5])) + "px;\"></iframe></div>" +
|
||||
"<div class=\"iframeclosebox\"><a class=\"\" style=\"border: 1px solid #ddd; padding: 5px 15px;\" onclick=\"hide7('popbox" + p[0] + "', " + p[0] + ")\"> 7일간 숨기기</a></div></div></div>");
|
||||
$("#ifrpop" + p[0]).attr("src", "/Home/Popup?pno=" + p[0]);
|
||||
$("#popbox" + p[0]).show();
|
||||
//$("html").css("overflow", "hidden");
|
||||
}
|
||||
});
|
||||
$(".poptitlebox").on("click", function () {
|
||||
$.each($(".popupitem"), function (i, d) {
|
||||
$(d).css("z-index", $(d).attr("data-zindex"));
|
||||
});
|
||||
$(this).closest(".popupitem").css("z-index", 130);
|
||||
});
|
||||
}
|
||||
$(".draggablethis").draggable();
|
||||
}
|
||||
});
|
||||
function hppopclick(url) {
|
||||
url = url.toLowerCase().replace('http//', 'http://').replace('https//', 'https://');
|
||||
if (url.toLowerCase().indexOf("http://") == 0 || url.toLowerCase().indexOf("http://") == 0) {
|
||||
window.open(url);
|
||||
}
|
||||
else if (url != "") {
|
||||
location.href = url;
|
||||
}
|
||||
}
|
||||
var _hide7;
|
||||
function hide7(id, pno) {
|
||||
_hide7 = id;
|
||||
capp("/focommon/hidepop", { pno: pno }, "cbhide7");
|
||||
}
|
||||
function cbhide7() {
|
||||
hidepop();
|
||||
$("#" + _hide7).remove();
|
||||
}
|
||||
function hidepop() {
|
||||
if ($(".popupitem").length == 1) {
|
||||
$("html").css("overflow", "auto");
|
||||
}
|
||||
}
|
||||
function gocm(view, cmno) {
|
||||
setv("cmno", cmno);
|
||||
$("#thisform").attr("action", "/Course/"+view+"Detail");
|
||||
submit("thisform");
|
||||
}
|
||||
</script>
|
||||
}
|
||||
198
FO/css/style.css
198
FO/css/style.css
|
|
@ -183,7 +183,7 @@ body {}
|
|||
|
||||
|
||||
/* Main */
|
||||
#mainTop {height:400px; background:url("/img/main/main_top_bg.jpg")no-repeat center center;}
|
||||
/*#mainTop {height:400px; background:url("/img/main/main_top_bg.jpg")no-repeat center center;}
|
||||
#mainTop ul {position:absolute; right:0; top:40px; width:320px;}
|
||||
#mainTop ul li {margin-bottom:10px;}
|
||||
#mainTop ul li:last-child {margin-bottom:0;}
|
||||
|
|
@ -309,8 +309,204 @@ body {}
|
|||
@media (max-width:800px) {
|
||||
#moBotBtn {display:block;}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/* Main */
|
||||
#main {
|
||||
max-height: 880px;
|
||||
padding-top: 170px;
|
||||
padding-bottom: 300px;
|
||||
background: url('../img/main/main_bg.jpg')no-repeat center center;
|
||||
}
|
||||
|
||||
.mainTop {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mainTop h2 {
|
||||
line-height: 1.0em;
|
||||
font-size: 52pt;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.mainTop h2 span {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.mainTop p {
|
||||
font-size: 14pt;
|
||||
font-weight: 300;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.mainSch {
|
||||
margin-top: 140px;
|
||||
}
|
||||
|
||||
.mainSch:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.mainSch > li {
|
||||
background: #fff;
|
||||
float: left;
|
||||
width: 16.6666%;
|
||||
border-right: solid 1px #e8e8e8;
|
||||
height: 130px;
|
||||
}
|
||||
|
||||
.mainSch > li:first-child {
|
||||
border-radius: 5px 0px 0px 5px;
|
||||
-moz-border-radius: 5px 0px 0px 5px;
|
||||
-webkit-border-radius: 5px 0px 0px 5px;
|
||||
}
|
||||
|
||||
.mainSch > li:last-child {
|
||||
border-right: none;
|
||||
background: #387de6;
|
||||
border-radius: 0px 5px 5px 0px;
|
||||
-moz-border-radius: 0px 5px 5px 0px;
|
||||
-webkit-border-radius: 0px 5px 5px 0px;
|
||||
}
|
||||
|
||||
.msCont {
|
||||
}
|
||||
|
||||
.msCont em {
|
||||
display: block;
|
||||
color: #aaa;
|
||||
font-size: 11pt;
|
||||
height: 50px;
|
||||
padding: 30px 20px 0;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.msCont select {
|
||||
height: 80px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
a.msBtn {
|
||||
display: block;
|
||||
height: 130px;
|
||||
line-height: 130px;
|
||||
text-align: center;
|
||||
font-size: 16pt;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.msBtn:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 17px;
|
||||
margin-left: 20px;
|
||||
background: url('../../img/main/main_search_btn.png')no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.msSel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.msSel span {
|
||||
display: block;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
padding-left: 20px;
|
||||
padding-right: 40px;
|
||||
font-size: 15pt;
|
||||
font-weight: 500;
|
||||
color: #222;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.msSel.disable span {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.msSel span:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 11px;
|
||||
height: 6px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 50%;
|
||||
margin-top: -3px;
|
||||
background: url('../../img/main/select_arrow.png')no-repeat center bottom;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.msSel span.on:after {
|
||||
background-position: center top !important;
|
||||
}
|
||||
|
||||
.msSel.disable span:after {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.msSel > div {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 100%;
|
||||
z-index: 10;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.msSel > div:before {
|
||||
content: '';
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-bottom: 10px solid;
|
||||
border-bottom-color: #fff;
|
||||
margin-left: 30px;
|
||||
transition: margin-left .3s ease-out;
|
||||
}
|
||||
|
||||
.msSel > div > div {
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
.msSel ul {
|
||||
padding: 5px 10px;
|
||||
overflow-y: auto;
|
||||
max-height: 15em;
|
||||
}
|
||||
|
||||
.msSel ul li {
|
||||
border-bottom: solid 1px #e5e5e5;
|
||||
}
|
||||
|
||||
.msSel ul li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.msSel ul li a {
|
||||
font-size: 11pt;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* pageCommon */
|
||||
#subTitle.subBg01 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue