482 lines
24 KiB
Plaintext
482 lines
24 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" id="sch6" 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="" />
|
|
<input type="hidden" name="stringval7" id="stringval7" value="" />
|
|
|
|
@if (Model.stringval == "0" || Model.stringval == null || Model.stringval == "")
|
|
{
|
|
<style>
|
|
|
|
.container {
|
|
max-width: 1200px
|
|
}
|
|
|
|
.mainSch > li {
|
|
width: 14%
|
|
}
|
|
|
|
.msBtn:after {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 21px;
|
|
height: 17px;
|
|
margin-left: 10px;
|
|
background: url(../../img/main/main_search_btn.png)no-repeat right center;
|
|
background-size: cover;
|
|
}
|
|
</style>
|
|
<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>
|
|
if (Model.ComCodes != null)
|
|
{
|
|
<ul class="mainSch">
|
|
@MvcHtmlString.Create(ViewBag.depthHtml)
|
|
</ul>
|
|
}
|
|
else
|
|
{
|
|
<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', '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>
|
|
<li id="liman01"><a href="javascript:schIpt('2', '25', '설계시공기술인');">설계시공기술인</a></li>
|
|
<li id="liman04"><a href="javascript:schIpt('2', '28', '건설사업관리기술인');">건설사업관리기술인</a></li>
|
|
<li id="liman02"><a href="javascript:schIpt('2', '26', '품질관리기술인');">품질관리기술인</a></li>
|
|
<li id="liman03"><a href="javascript:schIpt('2', '27', '발주청기술인');">발주청기술인</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em>OBJECT</em>
|
|
<div class="msSel disable" id="msSel3">
|
|
<span>교육목적</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
<li id="liedu01"><a href="javascript:schIpt('3', '29', '기본교육');">기본교육</a></li>
|
|
<li id="liedu02"><a href="javascript:schIpt('3', '30', '최초교육');">최초교육</a></li>
|
|
<li id="liedu07"><a href="javascript:schIpt('3', '35', '승급교육');">승급교육</a></li>
|
|
<li id="liedu03"><a href="javascript:schIpt('3', '31', '계속교육');">계속교육</a></li>
|
|
<li id="liedu04"><a href="javascript:schIpt('3', '32', '안전관리계속교육(16시간)');">안전관리계속교육(16시간)</a></li>
|
|
<li id="liedu05"><a href="javascript:schIpt('3', '33', 'PQ가점교육');">PQ가점교육</a></li>
|
|
<li id="liedu06"><a href="javascript:schIpt('3', '34', '기타교육');">기타교육</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em>GRADE</em>
|
|
<div class="msSel disable" id="msSel4">
|
|
<span>현재등급</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
<li id="ligrade01"><a href="javascript:schIpt('4', '36', '초급');">초급</a></li>
|
|
<li id="ligrade02"><a href="javascript:schIpt('4', '37', '중급');">중급</a></li>
|
|
<li id="ligrade03"><a href="javascript:schIpt('4', '38', '고급');">고급</a></li>
|
|
<li id="ligrade04"><a href="javascript:schIpt('4', '39', '특급');">특급</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="msCont">
|
|
<em>TYPE</em>
|
|
<div class="msSel disable" id="msSel5">
|
|
<span>직무분야</span>
|
|
<div>
|
|
<div>
|
|
<ul>
|
|
<li id="lijob1"><a href="javascript:schIpt('5', '40', '토목');">토목</a></li>
|
|
<li id="lijob2"><a href="javascript:schIpt('5', '41', '건축');">건축</a></li>
|
|
<li id="lijob3"><a href="javascript:schIpt('5', '42', '기계');">기계</a></li>
|
|
<li id="lijob4"><a href="javascript:schIpt('5', '43', '조경');">조경</a></li>
|
|
<li id="lijob5"><a href="javascript:schIpt('5', '44', '환경');">환경</a></li>
|
|
<li id="lijob6"><a href="javascript:schIpt('5', '45', '광업');">광업</a></li>
|
|
<li id="lijob7"><a href="javascript:schIpt('5', '46', '안전관리');">안전관리</a></li>
|
|
<li id="lijob8"><a href="javascript:schIpt('5', '47', '도시교통');">도시교통</a></li>
|
|
<li id="lijob9"><a href="javascript:schIpt('5', '48', '전기전자');">전기전자</a></li>
|
|
<li id="lijob10"><a href="javascript:schIpt('5', '49', '건설지원');">건설지원</a></li>
|
|
<li id="lijob11"><a href="javascript:schIpt('5', '57', '품질관리');">품질관리</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>
|
|
$(window).on("load", function () {
|
|
$(".iframebox").each(function () {
|
|
document.getElementById("ifrpop" + $(this).attr("ifrnum")).contentWindow.document.body.style.overflow = "hidden";
|
|
});
|
|
});
|
|
$(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])) + "px; height: " + (getint(p[6])) + "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();\">✖</a></div>" +
|
|
"<div class=\"iframebox\" ifrnum=\""+p[0]+"\"><iframe id=\"ifrpop" + p[0] + "\" style=\"border: 0 none; height: " + (getint(p[6]) - 4) + "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());
|
|
$("#stringval7").val($("#sch6").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; }
|
|
if ($("#stringval7").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('등급을 선택해주세요.');
|
|
} else if ($(this).parent().attr('id') == 'msSel6') {
|
|
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');
|
|
case '5':
|
|
$('#msSel6 > span').text("전문분야");
|
|
$('#msSel6').removeClass('active');
|
|
$('#msSel6').addClass('disable');
|
|
}
|
|
|
|
if (num == 5) {
|
|
$("#msSel6 li").css("display", "none")
|
|
//msSel5Code = code;
|
|
|
|
$("[id='lijob" + code + "']").css("display", "")
|
|
}
|
|
|
|
$('#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 == "발주청기술인") {
|
|
$("#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("직무분야");
|
|
$('#msSel6 > span').text("전문분야");
|
|
}
|
|
else if ($("#liTab1").hasClass("current"))
|
|
{
|
|
$('#msSel2 > span').text("교육선택");
|
|
$('#msSel3 > span').text("");
|
|
$('#msSel4 > span').text("");
|
|
$('#msSel5 > span').text("");
|
|
$('#msSel6 > 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>
|
|
}
|