387 lines
18 KiB
Plaintext
387 lines
18 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>
|
|
<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>
|
|
|
|
<!-- SNS -->
|
|
<script type="text/javascript" src="/js/naveridlogin_js_sdk_2.0.0.js"></script>
|
|
<script type="text/javascript" src="/js/kakao.js"></script>
|
|
</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="#">법정교육</a></li>
|
|
<li id="liTab2"><a href="#">기타교육</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><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>등급</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>
|
|
}
|
|
else if (Model.stringval == "1")
|
|
{
|
|
<ul class="mainTab">
|
|
<li id="liTab1"><a href="#">법정교육</a></li>
|
|
<li class="current" id="liTab2"><a href="#">기타교육</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>
|
|
}
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
initSearch();
|
|
|
|
$('#liTab1').click(function () {
|
|
$("#stringval").val("0");
|
|
$("#indexForm").submit();
|
|
});
|
|
$('#liTab2').click(function () {
|
|
$("#stringval").val("1");
|
|
$("#indexForm").submit();
|
|
});
|
|
|
|
$(".msBtn").click(function () {
|
|
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() == "") { alert("교육유형을 입력하세요."); $("#stringval2").focus(); return; }
|
|
if ($("#stringval3").val() == "") { alert("기술인분류를 입력하세요."); $("#stringval3").focus(); return; }
|
|
if ($("#stringval4").val() == "") { alert("교육목적을 입력하세요."); $("#stringval4").focus(); return; }
|
|
if ($("#stringval5").val() == "") { alert("등급을 입력하세요."); $("#stringval5").focus(); return; }
|
|
if ($("#stringval6").val() == "") { alert("직무분야를 입력하세요."); $("#stringval6").focus(); return; }
|
|
}
|
|
else if ($("#stringval").val() == "1") {
|
|
if ($("#stringval2").val() == "") { alert("교육유형을 입력하세요."); $("#stringval2").focus(); return; }
|
|
if ($("#stringval3").val() == "") { alert("교육선택을 입력하세요."); $("#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') {
|
|
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 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 && name == "승급교육") {
|
|
$('#msSel4 > span').text("승급가능등급");
|
|
$("#liGrade59").hide();
|
|
}
|
|
else if (num == 3 && name != "승급교육") {
|
|
$('#msSel4 > span').text("등급");
|
|
$("#liGrade59").show();
|
|
}
|
|
}
|
|
|
|
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("");
|
|
}
|
|
}
|
|
|
|
|
|
/*(1) 네이버 Javscript 설정 정보 및 초기화*/
|
|
var snsid;
|
|
var naverLogin = new naver.LoginWithNaverId(
|
|
{
|
|
clientId: "fvaj0CdI04awGMEhaICy", //개발자센터에 등록한 ClientID
|
|
callbackUrl: "https://www.ynicte.com",//개발자센터에 등록한 callback Url
|
|
isPopup: false, /* 팝업을 통한 연동처리 여부 */
|
|
callbackHandle: true
|
|
/* callback 페이지가 분리되었을 경우에 callback 페이지에서는 callback처리를 해줄수 있도록 설정합니다. */
|
|
}
|
|
);
|
|
/* (2) 네이버 로그인 정보를 초기화하기 위하여 init을 호출 */
|
|
naverLogin.init();
|
|
|
|
/* (3) Callback의 처리. 정상적으로 Callback 처리가 완료될 경우 main page로 redirect(또는 Popup close) */
|
|
window.addEventListener('load', function () {
|
|
naverLogin.getLoginStatus(function (status) {
|
|
if (status) {
|
|
/* (4) 필수적으로 받아야하는 프로필 정보가 있다면 callback처리 시점에 체크 */
|
|
var email = naverLogin.user.getEmail();
|
|
var name = naverLogin.user.getName();
|
|
var uniqId = naverLogin.user.getId();
|
|
var profileImage = naverLogin.user.getProfileImage();
|
|
var birthday = naverLogin.user.getBirthday();
|
|
var age = naverLogin.user.getAge();
|
|
if (email == undefined || email == null) {
|
|
alert("이메일은 필수정보입니다. 정보제공을 동의해주세요.");
|
|
/* (4-1) 사용자 정보 재동의를 위하여 다시 네이버로그인 동의페이지로 이동함 */
|
|
naverLogin.reprompt();
|
|
return;
|
|
}
|
|
if (name == undefined || name == null) {
|
|
alert("이름은 필수정보입니다. 정보제공을 동의해주세요.");
|
|
naverLogin.reprompt();
|
|
return;
|
|
}
|
|
snsid = uniqId;
|
|
//0:일반회원가입,1:google,2:naver,3:kakao
|
|
capp("/focommon/CheckExistSnsId", { snsid: uniqId, jointype: 2 }, "snslogin");
|
|
} else {
|
|
console.log("callback 처리에 실패하였습니다.");
|
|
}
|
|
});
|
|
});
|
|
function snslogin() {
|
|
if (capResult.code > 0) {
|
|
capp("/focommon/SnsLogin", { uid: snsid, isSns: true });
|
|
}
|
|
else {
|
|
confirmtoggle(true, "SNS 회원정보가 존재하지 않습니다.<br />회원가입 페이지로 이동하시겠습니까?", "goJoin()");
|
|
}
|
|
}
|
|
function goJoin() {
|
|
location.href = "/Account/JoinTSel"
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|