YNICTE/FO/Views/Home/Index.cshtml

1171 lines
49 KiB
Plaintext
Raw Normal View History

2020-10-12 14:39:23 +09:00
@model NP.Model.VMHome
2020-10-27 15:42:41 +09:00
<head>
<style type="text/css">
.mainTab li:after {
content: none;
}
2020-10-28 15:25:13 +09:00
.mainTop * {
2020-10-27 16:06:53 +09:00
font-family: 'Noto Sans KR', sans-serif;
font-size: 11pt;
letter-spacing: -0.05em;
font-weight: 400;
color: #fff;
line-height: 1.6em;
2020-10-27 15:42:41 +09:00
}
/* --- 교육신청 주의사항 팝업 CSS 시작 --- */
.edu-popup-container, .edu-popup-container button, .edu-popup-container input {
font-family: 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;
}
#edu-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
display: none;
z-index: 9999;
opacity: 0;
transition: opacity 0.3s ease;
}
#edu-layer-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.95);
width: 90%;
max-width: 780px;
background-color: #fff;
border-radius: 12px;
display: none;
z-index: 10000;
box-shadow: 0 5px 20px rgba(0,0,0,0.2);
box-sizing: border-box;
overflow: hidden;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
#edu-modal-overlay.active, #edu-layer-popup.active {
display: block;
opacity: 1;
}
#edu-layer-popup.active {
transform: translate(-50%, -50%) scale(1);
}
.edu-popup-header {
background-color: #2c3e50;
color: #fff;
padding: 18px;
text-align: center;
}
.edu-popup-header h2 {
margin: 0;
font-size: 24px;
font-weight: 700;
color: #fff;
}
.edu-popup-content {
padding: 35px 50px;
line-height: 1.8;
}
.edu-popup-content h3 {
color: #d90429;
text-align: center;
font-size: 26px;
font-weight: 700;
margin-top: 0;
margin-bottom: 30px;
}
/* ★[수정] 중앙 정렬을 위한 컨테이너 */
.edu-popup-content .text-center {
text-align: center;
}
/* ★[수정] 리스트 기본 스타일 제거 */
.edu-popup-content .text-center ol {
padding-left: 0;
list-style-type: none;
display: inline-block; /* 컨텐츠 크기에 맞게 중앙 정렬 */
text-align: left; /* 리스트 내용은 다시 좌측 정렬 */
}
/* ★[수정] 리스트 아이템 스타일 (글자 크기 증가 및 중앙 정렬) */
.edu-popup-content .text-center li {
text-align: center; /* 텍스트 중앙 정렬 */
font-size: 20px; /* 글자 크기 증가 */
font-weight: 500;
line-height: 1.7;
margin-bottom: 20px;
}
/* ★[수정] 중요(빨간색) 텍스트 스타일 */
.edu-popup-content .text-center > .text-red {
font-size: 20px; /* 글자 크기 증가 */
font-weight: 600;
margin-top: 10px;
}
.text-red {
color: #d90429;
font-weight: 600;
}
.text-blue {
color: #1A5276;
font-weight: 600;
}
.edu-details-btn {
display: block;
width: 220px;
margin: 30px auto;
padding: 10px;
font-size: 16px;
font-weight: 600;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
text-align: center;
transition: background-color 0.2s, border-color 0.2s;
}
.edu-details-btn:hover {
background-color: #f5f5f5;
border-color: #bbb;
}
.edu-popup-content .info {
font-size: 17px;
margin-top: 30px;
color: #333;
font-weight: 600;
text-align: center;
}
.edu-consent-check {
margin-top: 35px;
text-align: center;
font-size: 17px;
}
.edu-consent-check input[type="checkbox"] {
display: none;
}
.edu-consent-check label {
position: relative;
padding-left: 35px;
cursor: pointer;
line-height: 28px;
display: inline-block;
user-select: none;
}
.edu-consent-check label::before {
content: '';
position: absolute;
left: 0;
top: 1px; /* [수정] 수직 정렬 */
width: 26px;
height: 26px;
border: 2px solid #aaa;
background-color: #fff;
border-radius: 5px;
transition: all 0.2s;
}
.edu-consent-check input[type="checkbox"]:checked + label::before {
background-color: #2c3e50;
border-color: #2c3e50;
}
.edu-consent-check label::after {
content: '';
position: absolute;
left: 9px;
top: 5px; /* [수정] 수직 정렬 */
width: 8px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.2s;
}
.edu-consent-check input[type="checkbox"]:checked + label::after {
opacity: 1;
}
.edu-popup-footer {
text-align: center;
padding: 25px;
background-color: #f9f9f9;
border-top: 1px solid #eee;
}
.edu-popup-footer button {
width: 130px;
padding: 12px 0;
font-size: 19px;
font-weight: 600;
cursor: pointer;
border: 1px solid #aaa;
background-color: #fff;
margin: 0 10px;
border-radius: 6px;
transition: all 0.2s;
color: #333;
}
#edu-confirm-btn {
background-color: #2c3e50;
color: #fff;
border-color: #2c3e50;
}
#edu-confirm-btn:hover {
background-color: #34495e;
}
#edu-cancel-btn:hover {
background-color: #f0f0f0;
}
@@media (max-width: 768px) {
.edu-popup-header h2 {
font-size: 22px;
}
.edu-popup-content {
padding: 30px 35px;
}
.edu-popup-content h3 {
font-size: 22px;
}
.edu-popup-content .text-center li, .edu-popup-content .text-center > .text-red {
font-size: 18px;
}
.edu-popup-content .info, .edu-consent-check {
font-size: 15px;
}
.edu-popup-footer button {
width: 120px;
font-size: 17px;
}
}
@@media (max-width: 480px) {
.edu-popup-header h2 {
font-size: 19px;
}
.edu-popup-content {
padding: 25px 20px;
}
.edu-popup-content h3 {
font-size: 19px;
margin-bottom: 25px;
}
.edu-popup-content .text-center li, .edu-popup-content .text-center > .text-red {
font-size: 16px;
line-height: 1.6;
}
.edu-details-btn {
width: 180px;
font-size: 14px;
}
.edu-popup-content .info {
font-size: 14px;
}
.edu-consent-check {
font-size: 14px;
}
.edu-consent-check label {
padding-left: 30px;
}
.edu-consent-check label::before {
width: 22px;
height: 22px;
}
.edu-consent-check label::after {
left: 8px;
top: 4px;
width: 6px;
height: 12px;
}
.edu-popup-footer {
padding: 20px;
}
.edu-popup-footer button {
width: 100%;
margin: 0;
padding: 13px 0;
}
.edu-popup-footer button:first-child {
margin-bottom: 10px;
}
}
/* --- 교육신청 주의사항 팝업 CSS 끝 --- */
2020-10-27 15:42:41 +09:00
</style>
</head>
2020-10-27 16:06:53 +09:00
@section main{
2020-10-28 15:25:13 +09:00
<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; font-size: 18pt;">교육신청은 아래의 검색창을 이용하세요.</p>
2020-10-28 15:25:13 +09:00
</div>
2020-10-27 16:06:53 +09:00
<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="" />
2020-10-28 15:25:13 +09:00
2020-10-30 17:30:09 +09:00
<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="" />
2020-10-30 17:30:09 +09:00
@if (Model.stringval == "0" || Model.stringval == null || Model.stringval == "")
2020-10-28 15:25:13 +09:00
{
<style>
.container {
max-width: 1200px
}
.mainSch > li {
width: 14%
}
.msBtn:after {
content: '';
display: inline-block;
width: 0px;
height: 0px;
margin-left: 0px;
background: url(../../img/main/main_search_btnoff.png)no-repeat right center;
background-size: cover;
}
</style>
2020-10-28 15:25:13 +09:00
<ul class="mainTab">
2021-07-01 11:21:34 +09:00
<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>
2020-10-28 15:25:13 +09:00
</ul>
if (Model.ComCodes != null)
{
<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', '2', '온라인교육');">온라인교육</a></li>
</ul>
</div>
</div>
</div>
</li>
@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>
2021-11-26 08:08:28 +09:00
<li><a href="javascript:schIpt('1', '2', '온라인교육');">온라인교육</a></li>
</ul>
</div>
2020-10-28 15:25:13 +09:00
</div>
</div>
</li>
<li class="msCont">
<em>JOB</em>
<div class="msSel disable" id="msSel2">
<span>기술인분류</span>
2020-10-28 15:25:13 +09:00
<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>
2020-10-28 15:25:13 +09:00
</div>
2020-10-27 15:42:41 +09:00
</div>
</li>
<li class="msCont">
<em>OBJECT</em>
<div class="msSel disable" id="msSel3">
<span>교육목적</span>
2020-10-28 15:25:13 +09:00
<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>
2020-10-28 15:25:13 +09:00
</div>
2020-10-27 15:42:41 +09:00
</div>
</li>
<li class="msCont">
<em>GRADE</em>
<div class="msSel disable" id="msSel4">
<span>현재등급</span>
2020-10-28 15:25:13 +09:00
<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>
2020-10-28 15:25:13 +09:00
</div>
2020-10-27 15:42:41 +09:00
</div>
</li>
<li class="msCont">
<em>TYPE</em>
<div class="msSel disable" id="msSel5">
<span>직무분야</span>
2020-10-28 15:25:13 +09:00
<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>
2020-10-28 15:25:13 +09:00
</div>
2020-10-27 15:42:41 +09:00
</div>
</li>
<li><a href="#" class="msBtn">교육신청</a></li>
</ul>
}
2020-10-28 15:25:13 +09:00
}
2020-10-30 17:30:09 +09:00
else if (Model.stringval == "1")
2020-10-28 15:25:13 +09:00
{
<ul class="mainTab">
2020-12-08 10:18:12 +09:00
<li id="liTab1"><a href="#" style="font-size:16pt;">건설기술진흥법교육</a></li>
<li class="current" id="liTab2"><a href="#" style="font-size:16pt;">기타교육</a></li>
2020-10-28 15:25:13 +09:00
</ul>
<ul class="mainSch">
<li class="msCont">
<em>SKILL</em>
<div class="msSel active" id="msSel1">
<span>교육유형</span>
2020-10-27 15:42:41 +09:00
<div>
2020-10-28 15:25:13 +09:00
<div>
<ul>
2020-10-30 17:30:09 +09:00
<li><a href="javascript:schIpt('1', '1', '교육장교육');">교육장교육</a></li>
2021-06-03 10:43:16 +09:00
<li><a href="javascript:schIpt('1', '2', '혼합교육');">온라인교육</a></li>
2020-10-28 15:25:13 +09:00
</ul>
</div>
2020-10-27 15:42:41 +09:00
</div>
</div>
2020-10-28 15:25:13 +09:00
</li>
<li class="msCont">
<em>JOB</em>
<div class="msSel disable" id="msSel2">
<span>교육선택</span>
<div>
<div>
<ul>
2020-10-30 17:30:09 +09:00
@foreach (var t in Model.CMsEtc)
2020-10-28 15:25:13 +09:00
{
2020-11-06 18:41:15 +09:00
<li><a href="javascript:schIpt('2', '@t.cgno', '@t.cgname');">@t.cgname</a></li>
2020-10-28 15:25:13 +09:00
}
</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>
2020-10-28 15:25:13 +09:00
</ul>
}
</div>
2020-10-12 14:39:23 +09:00
</div>
2020-10-28 15:25:13 +09:00
</form>
2020-10-27 16:06:53 +09:00
}
@* // 2025-09 (스마트검색 개발 건 미사용으로 주석처리, 필요시 복원)
<div class="edu-popup-container">
<div id="edu-modal-overlay"></div>
<div id="edu-layer-popup">
<header class="edu-popup-header">
<h2>교육신청 전 필수 확인</h2>
</header>
<main class="edu-popup-content">
<h3>건설사업관리(계속교육) 신청 시 주의사항</h3>
<div class="text-center">
<ol>
<li>
1. 건설사업관리의 현재 등급이 고급 또는 특급인 경우<br />
계속교육 이수 시 반드시<br />
전체 교육이수시간 중 <span class="text-red">역량강화 교육은 1개 과정만 이수하여야 합니다.</span>
</li>
<li>
2. 역량강화 교육은 교육신청 시 교육과정명 앞에 [역량강화교육]으로 표기되어 있습니다.
</li>
</ol>
<p class="text-red">※ (중요) 역량강화교육으로만 2개 과정 이수 불가</p>
</div>
<button class="edu-details-btn" onclick="goLink();">상세안내 보러가기</button>
<p class="info">※ 해당 내용에 대하여 문의하실 분은 교육원으로 연락 주시면 안내 드리겠습니다.</p>
<div class="edu-consent-check">
<input type="checkbox" id="edu-consent">
<label for="edu-consent">
<span class="text-blue">상기 내용을 이해하였으며 잘못 이수된 교육은 인정되지 않음을 확인하였습니다.</span>
</label>
</div>
</main>
<footer class="edu-popup-footer">
<button id="edu-confirm-btn" onclick="educationConfirmSubmit();">확인</button>
<button id="edu-cancel-btn" onclick="closeEducationPopup();">취소</button>
</footer>
</div>
</div>*@
2020-12-24 15:27:40 +09:00
<textarea style="display: none;" id="texthide01">@ViewBag.POPUPS</textarea>
@section scriptsHeader{
<script src="~/js/jquery-ui.min.js"></script>
2020-12-28 09:43:27 +09:00
}
2020-12-24 15:27:40 +09:00
@section scripts{
<script>
2020-12-24 15:27:40 +09:00
$(window).on("load", function () {
$(".iframebox").each(function () {
document.getElementById("ifrpop" + $(this).attr("ifrnum")).contentWindow.document.body.style.overflow = "hidden";
});
2020-10-28 15:25:13 +09:00
});
$(document).ready(function () {
initSearch();
//showEducationPopup();
if (ismobile() || window) {
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>");
$("#ifrpop" + p[0]).attr("src", "/Home/Popup?pno=" + p[0]);
$("#popbox" + p[0]).show();
}
});
$(".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();
2020-10-30 17:30:09 +09:00
}
$('#liTab2').click(function () {
2020-10-30 17:30:09 +09:00
$("#stringval").val("1");
$("#indexForm").submit();
});
2020-11-05 17:02:05 +09:00
$("#msSel6 span").on("change", function () {
$("#msSel6 span").text("전문분야")
$("#msSel6").removeClass("active").addClass("disable")
})
$(".msBtn").click(function () {
if ($("#liTab1").hasClass("current")) {
$("#stringval").val("0");
}
else if ($("#liTab2").hasClass("current")) {
$("#stringval").val("1");
}
2020-11-05 17:02:05 +09:00
$("#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("이수하고자 하는 교육의 신청 정보를 입력해주세요.<br>교육유형을 선택하지 않으셨습니다."); $("#stringval2").focus(); return; }
if ($("#stringval3").val() == "") { msg("이수하고자 하는 교육의 신청 정보를 입력해주세요.<br>기술인분류를 선택하지 않으셨습니다."); $("#stringval3").focus(); return; }
if ($("#stringval4").val() == "") { msg("이수하고자 하는 교육의 신청 정보를 입력해주세요.<br>교육목적을 선택하지 않으셨습니다."); $("#stringval4").focus(); return; }
if ($("#stringval5").val() == "") { msg("이수하고자 하는 교육의 신청 정보를 입력해주세요.<br>등급을 선택하지 않으셨습니다."); $("#stringval5").focus(); return; }
if ($("#stringval6").val() == "") { msg("이수하고자 하는 교육의 신청 정보를 입력해주세요.<br>직무분야를 선택하지 않으셨습니다."); $("#stringval6").focus(); return; }
if ($("#stringval7").val() == "" && $("#msSel6 div").css("display") != 'none' && $("#stringval6").val() != "57") { msg("이수하고자 하는 교육의 신청 정보를 입력해주세요.<br>전문분야를 선택하지 않으셨습니다."); $("#stringval6").focus(); return; }
}
else if ($("#stringval").val() == "1") {
if ($("#stringval2").val() == "") { msg("이수하고자 하는 교육의 신청 정보를 입력해주세요.<br>교육유형을 선택하지 않으셨습니다."); $("#stringval2").focus(); return; }
if ($("#stringval3").val() == "") { msg("이수하고자 하는 교육의 신청 정보를 입력해주세요.<br>교육선택을 선택하지 않으셨습니다."); $("#stringval3").focus(); return; }
}
if ($("#msSel2 > span").text() != "품질관리기술인" && $("#sch6").val() == "") {
$("#stringval2").focus(); return;
}
2020-10-27 15:42:41 +09:00
@* // 2025-09 (스마트검색 개발 건 미사용으로 주석처리, 필요시 복원)
// 건설사업관리(계속교육) 신청 시 주의사항
if ($("#stringval3").val() == "28"
&& $("#stringval4").val() == "31"
&& ($("#stringval5").val() == "38" || $("#stringval5").val() == "39")
) {
showEducationPopup();
}
else {
$("#indexForm").attr("action", "/Course/SmartSearch").submit();
}
*@
$("#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');
$("#sch2").val("")
$("#sch3").val("")
$("#sch4").val("")
$("#sch5").val("")
$("#sch6").val("")
case '2':
$('#msSel3 > span').text("교육목적");
$('#msSel3').removeClass('active');
$('#msSel3').addClass('disable');
$("#sch3").val("")
$("#sch4").val("")
$("#sch5").val("")
$("#sch6").val("")
case '3':
$('#msSel4 > span').text("현재등급");
$('#msSel4').removeClass('active');
$('#msSel4').addClass('disable');
$("#sch4").val("")
$("#sch5").val("")
$("#sch6").val("")
case '4':
$('#msSel5 > span').text("직무분야");
$('#msSel5').removeClass('active');
$('#msSel5').addClass('disable');
$("#sch5").val("")
$("#sch6").val("")
case '5':
$('#msSel6 > span').text("전문분야");
$('#msSel6').removeClass('active');
$('#msSel6').addClass('disable');
$("#sch6").val("")
}
$('#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');
let tempCnt = 0;
$('#msSel' + (Number(num) + 1) + ' div ul li').each(function () {
if ($(this).css("display") != 'none') {
++tempCnt;
}
})
2024-08-30 08:52:34 +09:00
if (tempCnt > 0) {
$('#msSel' + (Number(num) + 1)).removeClass("disable")
$('#msSel' + (Number(num) + 1) + ' > div').slideDown(300);
2024-08-30 08:52:34 +09:00
}
else {
$('#msSel' + (Number(num) + 1)).addClass("disable")
2024-08-30 08:52:34 +09:00
}
$("[id^='liman']").show()
$("[id^='liedu']").show()
$("[id^='ligrade']").show()
$("[id^='lijob']").show()
$("[id^='lijob']").show()
2024-08-30 08:52:34 +09:00
$("#liedu04").hide()
$("#liedu4").hide()
$("#lijob57").hide()
let sch1 = $("#sch1").val()
let sch2 = $("#sch2").val()
$("#liedu08").css("display", "none") // 계속교육 막기
$("#liedu09").css("display", "none") // 필수교육 막기
@*@if(DateTime.Now > DateTime.Parse("2030-01-02 00:00")) // ### ty 2024년 추가건
{
@:if (num => 2) {
@: if ($("#sch1").val() == "1" && $("#sch2").val() == "28") {
@: $("#liedu03").css("display", "none") // 계속교육 막기
@: }
@: if ($("#sch1").val() == "1" && ($("#sch2").val() == "25" || $("#sch2").val() == "26")) {
@: $("#liedu08").css("display", "none") // 필수교육 막기
@: $("#liedu09").css("display", "none") // 일반계속교육 막기
@: }
@: if ($("#sch1").val() == "2" && $("#sch2").val() == "28") {
@: $("#liedu03").css("display", "none") // 계속교육 막기
@: $("#liedu08").css("display", "none") // 필수교육 막기
@: }
@: if ($("#sch1").val() == "2" && ($("#sch2").val() == "25" || $("#sch2").val() == "26")) {
@: $("#liedu08").css("display", "none") // 필수교육 막기
@: $("#liedu09").css("display", "none") // 일반계속교육 막기
@: }
@: if (($("#sch2").val() == "27")) {
@: $("#liedu03").css("display", "none") // 계속교육 막기
@: $("#liedu08").css("display", "none") // 필수교육 막기
@: $("#liedu09").css("display", "none") // 일반계속교육 막기
@: }
@:}
}*@
if (num == 2) {
if (sch1 == "2" && sch2 == "28") {
$("#liedu09").css("display", "block")
}
if (sch1 == "1" && sch2 == "28") {
$("#liedu08").css("display", "block")
$("#liedu09").css("display", "block")
}
}
if (num == 3) {
if ($("#msSel3 > span").text() == "승급교육") {
$("#msSel4 > span").text("승급 후 등급")
}
else {
$("#msSel4 > span").text("현재등급")
}
}
if ($("#msSel2 > span").text() == "설계시공기술인") {
$("#liedu4").hide()
if ($("#msSel3 > span").text() == "승급교육") {
$("#ligrade01").hide()
$("#ligrade1").hide()
}
else if ($("#msSel3 > span").text() == "계속교육") {
$("#ligrade01").hide()
$("#ligrade02").hide()
$("#ligrade03").hide()
$("#ligrade1").hide()
$("#ligrade2").hide()
$("#ligrade3").hide()
}
}
else if ($("#msSel2 > span").text() == "건설사업관리기술인") {
$("#liedu04").show()
$("#liedu4").show()
if ($("#msSel3 > span").text() == "승급교육") {
$("#ligrade01").hide()
$("#ligrade1").hide()
}
}
else if ($("#msSel2 > span").text() == "품질관리기술인") {
$("#msSel6").removeClass("active")
$("#msSel6").addClass("disable")
$("#msSel6 span").text("전문분야")
$("#sch6").val("")
$("#liedu04").hide();
$("#liedu4").hide();
$("[name='typejob']").hide()
$("#lijob57").show()
if ($("#msSel3 > span").text() == "승급교육") {
$("#ligrade01").hide()
$("#ligrade1").hide()
}
}
else if ($("#msSel2 > span").text() == "발주청기술인") {
$("#liedu07").hide()
$("#liedu03").hide()
$("#liedu04").hide()
$("#liedu05").hide()
$("#liedu06").hide()
$("#liedu7").hide()
$("#liedu3").hide()
$("#liedu4").hide()
$("#liedu5").hide()
$("#liedu6").hide()
}
if (num == 5) {
$("#msSel6 > div > div > ul > li").hide();
$("[id='lijob" + code + "']").css("display", "")
if ($("#msSel6 span").text() != "전문분야") {
$("#msSel6 span").text("전문분야")
}
if ($("#msSel6").attr("class").indexOf("disable") > -1) {
$("#msSel6 > div").css("display", "none");
}
else {
$("#msSel6 > div").css("display", "block");
$("[id='lijob" + code + "']").each(function () {
$(this).show();
})
}
}
}
function schIpt2(num, code, name) {
let tempStr = "";
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")
$("[id='lijob" + code + "']").css("display", "")
$("#msSel6 span").text("전문분야")
$("#msSel6").removeClass("active").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');
let tempCnt = 0;
$('#msSel' + (Number(num) + 1) + ' div ul li').each(function(){
if ($(this).css("display") != 'none') {
++tempCnt;
}
})
if (tempCnt > 0) {
$('#msSel' + (Number(num) + 1)).removeClass("disable")
$('#msSel' + (Number(num) + 1) + ' > div').slideDown(300);
}
else {
$('#msSel' + (Number(num) + 1)).addClass("disable")
}
if (num == 2) {
$("#liedu04").hide();
$("#msSel5 li").show();
}
if (num == 2 && name == "발주청기술인") {
$("#liedu7").hide();
$("#liedu3").hide();
$("#liedu4").hide();
$("#liedu5").hide();
$("#liedu6").hide();
$("#ligrade2").hide();
$("#ligrade3").hide();
$("#ligrade4").hide();
}
else {
$("#liedu2").show();
$("#liedu7").show();
$("#liedu3").show();
$("#liedu4").show();
$("#liedu5").show();
$("#liedu6").show();
$("#ligrade2").show();
$("#ligrade3").show();
$("#ligrade4").show();
$("#liedu01").show();
$("#liedu03").show();
$("#liedu05").show();
$("#liedu06").show();
$("#liedu07").show();
}
if (num == 2 && name == "설계시공기술인") {
$("#liedu4").hide();
$("#liedu2").show();
$("#liedu7").show();
$("#liedu3").show();
$("#liedu4").hide();
$("#liedu5").show();
$("#liedu6").show();
$("#ligrade2").show();
$("#ligrade3").show();
$("#ligrade4").show();
}
if (num == 2 && name == "건설사업관리기술인") {
$("#liedu04").show();
$("#liedu4").show();
}
if (num == 2 && name == "품질관리기술인") {
$("#liedu4").hide();
$("#msSel5 li").each(function () {
$(this).hide();
});
$("[name='typejob'][data='품질관리']").show()
} else if (num == 2 && name != "품질관리기술인") {
$("#msSel5 li").each(function () {
$(this).show();
});
$("[name='typejob'][data='품질관리']").hide()
}
if (num == 3) {
$("#msSel4 li").show();
}
if (num == 3 && name == "최초교육") {
$("#ligrade1").hide()
}
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");
}
}
2020-12-07 13:52:37 +09:00
/** 교육신청 전 필수 확인 찹업 */
function showEducationPopup() {
$('#edu-modal-overlay, #edu-layer-popup').addClass('active');
}
function closeEducationPopup() {
$('#edu-modal-overlay, #edu-layer-popup').removeClass('active');
2020-10-27 15:42:41 +09:00
}
function educationConfirmSubmit() {
if ($('#edu-consent').is(':checked')) {
$("#indexForm").attr("action", "/Course/SmartSearch").submit();
}
else {
msg("내용을 확인하고 동의란에 체크해주세요.");
}
2020-10-28 15:25:13 +09:00
}
2020-12-28 09:43:27 +09:00
function goLink() {
window.open('https://www.cte.or.kr/Board/View?BNo=6781&opno=&scc=&pagenum=1&menupageno=88&pmenupageno=24');
2020-12-24 15:27:40 +09:00
}
</script>
}