421 lines
20 KiB
Plaintext
421 lines
20 KiB
Plaintext
@model NP.Model.VMHome
|
|
|
|
<head>
|
|
<style>
|
|
.mainTop * {
|
|
font-family: 'Noto Sans KR', sans-serif;
|
|
font-size: 11pt;
|
|
letter-spacing: -0.05em;
|
|
font-weight: 400;
|
|
color: #fff;
|
|
line-height: 1.6em;
|
|
}
|
|
</style>
|
|
</head>
|
|
@section main{
|
|
<form id="indexForm" method="post">
|
|
<div id="main">
|
|
<div class="container">
|
|
<div class="mainTop">
|
|
<h2><span style="font:bold; font-size:50pt">YICTE</span> Smart Search</h2>
|
|
<p style="margin-top:0px">개설된 교육 중 나에게 필요한 교육을 찾아드립니다.</p>
|
|
</div>
|
|
<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="" />
|
|
|
|
<input type="hidden" name="stringval" id="stringval" value="" />
|
|
<input type="hidden" name="stringval2" id="stringval2" value="" />
|
|
<input type="hidden" name="stringval3" id="stringval3" value="" />
|
|
<input type="hidden" name="stringval4" id="stringval4" value="" />
|
|
<input type="hidden" name="stringval5" id="stringval5" value="" />
|
|
<input type="hidden" name="stringval6" id="stringval6" value="" />
|
|
|
|
@if (Model.stringval == "0" || Model.stringval == null || Model.stringval == "")
|
|
{
|
|
<ul class="mainTab">
|
|
<li class="current" id="liTab1"><a href="#" style="font-size:16pt;">건설기술진흥법교육</a></li>
|
|
<li id="liTab2" style="display:none;"><a href="#" style="font-size:16pt;">기타교육</a></li>
|
|
</ul>
|
|
|
|
<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', '0', '온라인교육');">온라인교육</a></li>*@
|
|
@*<li><a href="javascript:schIpt('1', '1', '교육장교육');">교육장교육</a></li>*@
|
|
<li><a href="javascript:schIpt('1', '2', '온라인교육');">온라인교육</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 id="liman@(t.refcode)"><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 id="liedu@(t.refcode)"><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>등급</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade"))
|
|
{
|
|
<li id="liGrade@(t.refcode)"><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 id="liJob@(t.corder)"><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>
|
|
}
|
|
else if (Model.stringval == "1")
|
|
{
|
|
<ul class="mainTab">
|
|
<li id="liTab1"><a href="#" style="font-size:16pt;">건설기술진흥법교육</a></li>
|
|
<li class="current" id="liTab2"><a href="#" style="font-size:16pt;">기타교육</a></li>
|
|
</ul>
|
|
<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', '0', '온라인교육');">온라인교육</a></li>*@
|
|
<li><a href="javascript:schIpt('1', '1', '교육장교육');">교육장교육</a></li>
|
|
<li><a href="javascript:schIpt('1', '2', '혼합교육');">온라인교육</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.CMsEtc)
|
|
{
|
|
<li><a href="javascript:schIpt('2', '@t.cgno', '@t.cgname');">@t.cgname</a></li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em></em>
|
|
<div class="msSel disable" id="msSel3">
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em></em>
|
|
<div class="msSel disable" id="msSel4">
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em></em>
|
|
<div class="msSel disable" id="msSel5">
|
|
</div>
|
|
</li>
|
|
<li><a href="#" class="msBtn">검색하기</a></li>
|
|
</ul>
|
|
}
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<style>
|
|
.mainTab li:after{
|
|
content:none;
|
|
}
|
|
</style>
|
|
}
|
|
@section scripts{
|
|
<script>
|
|
$(document).ready(function () {
|
|
initSearch();
|
|
|
|
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\"></div></div></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();
|
|
}
|
|
|
|
$('#liTab1').click(function () {
|
|
$("#stringval").val("0");
|
|
$("#indexForm").submit();
|
|
});
|
|
$('#liTab2').click(function () {
|
|
$("#stringval").val("1");
|
|
$("#indexForm").submit();
|
|
});
|
|
|
|
$(".msBtn").click(function () {
|
|
if (@ViewBag.SSUserNo <= 0) {
|
|
msg("로그인 후 진행 할 수 있습니다.");
|
|
return;
|
|
}
|
|
if ($("#liTab1").hasClass("current")) {
|
|
$("#stringval").val("0");
|
|
}
|
|
else if ($("#liTab2").hasClass("current")) {
|
|
$("#stringval").val("1");
|
|
}
|
|
$("#stringval2").val($("#sch1").val());
|
|
$("#stringval3").val($("#sch2").val());
|
|
$("#stringval4").val($("#sch3").val());
|
|
$("#stringval5").val($("#sch4").val());
|
|
$("#stringval6").val($("#sch5").val());
|
|
|
|
if ($("#stringval").val() == "0") {
|
|
if ($("#stringval2").val() == "") { msg("교육유형을 입력하세요."); $("#stringval2").focus(); return; }
|
|
if ($("#stringval3").val() == "") { msg("기술인분류를 입력하세요."); $("#stringval3").focus(); return; }
|
|
if ($("#stringval4").val() == "") { msg("교육목적을 입력하세요."); $("#stringval4").focus(); return; }
|
|
if ($("#stringval5").val() == "") { msg("등급을 입력하세요."); $("#stringval5").focus(); return; }
|
|
if ($("#stringval6").val() == "") { msg("직무분야를 입력하세요."); $("#stringval6").focus(); return; }
|
|
}
|
|
else if ($("#stringval").val() == "1") {
|
|
if ($("#stringval2").val() == "") { msg("교육유형을 입력하세요."); $("#stringval2").focus(); return; }
|
|
if ($("#stringval3").val() == "") { msg("교육선택을 입력하세요."); $("#stringval3").focus(); return; }
|
|
}
|
|
|
|
$("#indexForm").attr("action", "/Course/SmartSearch").submit();
|
|
});
|
|
|
|
$('.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);
|
|
}
|
|
} else {
|
|
if ($(this).parent().attr('id') == 'msSel2') {
|
|
msg('교육유형을 선택해주세요.');
|
|
} else if ($(this).parent().attr('id') == 'msSel3') {
|
|
msg('기술인분류를 선택해주세요.');
|
|
} else if ($(this).parent().attr('id') == 'msSel4') {
|
|
msg('교육목적을 선택해주세요.');
|
|
} else if ($(this).parent().attr('id') == 'msSel5') {
|
|
msg('등급을 선택해주세요.');
|
|
}
|
|
}
|
|
});
|
|
if (@Model.isalreadyreq == 1) {
|
|
msg("이미 신청된 강좌입니다. 메인화면으로 이동되었습니다.");
|
|
}
|
|
});
|
|
function schIpt(num, code, name) {
|
|
|
|
switch (num) {
|
|
case '1':
|
|
$('#msSel2 > span').text("기술인분류");
|
|
$('#msSel2').removeClass('active');
|
|
$('#msSel2').addClass('disable');
|
|
case '2':
|
|
$('#msSel3 > span').text("교육목적");
|
|
$('#msSel3').removeClass('active');
|
|
$('#msSel3').addClass('disable');
|
|
case '3':
|
|
$('#msSel4 > span').text("현재등급");
|
|
$('#msSel4').removeClass('active');
|
|
$('#msSel4').addClass('disable');
|
|
case '4':
|
|
$('#msSel5 > span').text("직무분야");
|
|
$('#msSel5').removeClass('active');
|
|
$('#msSel5').addClass('disable');
|
|
}
|
|
|
|
$('#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 == 2) {
|
|
$("#liedu04").hide();
|
|
$("#msSel5 li").show();
|
|
}
|
|
if (num == 2 && name == "발주청기술인") {
|
|
$("#liedu01").hide();
|
|
$("#liedu03").hide();
|
|
$("#liedu04").hide();
|
|
$("#liedu05").hide();
|
|
$("#liedu06").hide();
|
|
$("#liedu07").hide();
|
|
}
|
|
else if (num == 2 && name != "발주청기술인") {
|
|
$("#liedu01").show();
|
|
$("#liedu03").show();
|
|
$("#liedu05").show();
|
|
$("#liedu06").show();
|
|
$("#liedu07").show();
|
|
}
|
|
if (num == 2 && name == "건설사업관리기술인") {
|
|
$("#liedu04").show();
|
|
}
|
|
if (num == 2 && name == "품질관리기술인") {
|
|
$("#msSel5 li a").each(function (i, d) {
|
|
if (d.text != "품질관리") {
|
|
var item = d.closest("li").id;
|
|
$("#" + item).hide();
|
|
}
|
|
});
|
|
} else if (num == 2 && name != "품질관리기술인") {
|
|
$("#liJob11").hide();
|
|
}
|
|
|
|
if (num == 3) {
|
|
$("#msSel4 li").show();
|
|
}
|
|
if (num == 3 && name == "승급교육") {
|
|
$('#msSel4 > span').text("승급가능등급");
|
|
$("#liGrade01").hide();
|
|
}
|
|
else if (num == 3 && name != "승급교육" && name != "계속교육") {
|
|
$('#msSel4 > span').text("현재등급");
|
|
$("#liGrade01").show();
|
|
}else if (num == 3 && name == "계속교육") {
|
|
if ($("#msSel2 > span").text() == "설계시공기술인") {
|
|
$("#msSel4 li a").each(function (i, d) {
|
|
if (d.text != "특급") {
|
|
var item = d.closest("li").id;
|
|
$("#" + item).hide();
|
|
}
|
|
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
function initSearch() {
|
|
if ($("#liTab1").hasClass("current"))
|
|
{
|
|
$('#msSel2 > span').text("기술인분류");
|
|
$('#msSel3 > span').text("교육목적");
|
|
$('#msSel4 > span').text("현재등급");
|
|
$('#msSel5 > span').text("직무분야");
|
|
}
|
|
else if ($("#liTab1").hasClass("current"))
|
|
{
|
|
$('#msSel2 > span').text("교육선택");
|
|
$('#msSel3 > span').text("");
|
|
$('#msSel4 > span').text("");
|
|
$('#msSel5 > span').text("");
|
|
}
|
|
}
|
|
|
|
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");
|
|
}
|
|
}
|
|
</script>
|
|
}
|