YNICTE/FO/Views/Home/Index.cshtml

366 lines
17 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>
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
}
</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">나에게 필요한 교육을 찾아드립니다.</p>
</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="" />
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="" />
@if (Model.stringval == "0" || Model.stringval == null || Model.stringval == "")
2020-10-28 15:25:13 +09:00
{
<ul class="mainTab">
2020-12-08 10:18:12 +09:00
<li class="current" id="liTab1"><a href="#" style="font-size:16pt;">건설기술진흥법교육</a></li>
<li 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>
<div>
<div>
<ul>
2020-10-30 17:30:09 +09:00
<li><a href="javascript:schIpt('1', '0', '온라인교육');">온라인교육</a></li>
<li><a href="javascript:schIpt('1', '1', '교육장교육');">교육장교육</a></li>
2020-11-04 17:04:10 +09:00
<li><a href="javascript:schIpt('1', '2', '혼합교육');">혼합교육</a></li>
2020-10-28 15:25:13 +09:00
</ul>
</div>
</div>
</div>
</li>
<li class="msCont">
<em>JOB</em>
<div class="msSel disable" id="msSel2">
<span>기술인분류</span>
2020-10-27 15:42:41 +09:00
<div>
2020-10-28 15:25:13 +09:00
<div>
<ul>
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeman"))
{
2020-12-07 15:00:12 +09:00
<li id="liman@(t.refcode)"><a href="javascript:schIpt('2', '@t.ccode', '@t.cname');">@t.cname</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>OBJECT</em>
<div class="msSel disable" id="msSel3">
<span>교육목적</span>
2020-10-27 15:42:41 +09:00
<div>
2020-10-28 15:25:13 +09:00
<div>
<ul>
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeedu"))
{
2020-12-07 15:00:12 +09:00
<li id="liedu@(t.refcode)"><a href="javascript:schIpt('3', '@t.ccode', '@t.cname');">@t.cname</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>GRADE</em>
<div class="msSel disable" id="msSel4">
<span>등급</span>
2020-10-27 15:42:41 +09:00
<div>
2020-10-28 15:25:13 +09:00
<div>
<ul>
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade"))
{
2020-12-07 15:00:12 +09:00
<li id="liGrade@(t.refcode)"><a href="javascript:schIpt('4', '@t.ccode', '@t.cname');">@t.cname</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>TYPE</em>
<div class="msSel disable" id="msSel5">
<span>직무분야</span>
2020-10-27 15:42:41 +09:00
<div>
2020-10-28 15:25:13 +09:00
<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>
2020-10-27 15:42:41 +09:00
</div>
</div>
2020-10-28 15:25:13 +09:00
</li>
<li><a href="#" class="msBtn">검색하기</a></li>
</ul>
}
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', '0', '온라인교육');">온라인교육</a></li>
<li><a href="javascript:schIpt('1', '1', '교육장교육');">교육장교육</a></li>
2020-11-04 17:04:10 +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>
</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
}
2020-12-24 15:27:40 +09:00
<textarea style="display: none;" id="texthide01">@ViewBag.POPUPS</textarea>
2020-12-28 09:43:27 +09:00
@section scriptsHeader{
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
}
2020-12-24 15:27:40 +09:00
@section scripts{
2020-12-28 09:43:27 +09:00
<script>
2020-10-27 15:42:41 +09:00
$(document).ready(function () {
2020-10-30 17:30:09 +09:00
initSearch();
2020-12-24 15:27:40 +09:00
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();
}
2020-10-28 15:25:13 +09:00
$('#liTab1').click(function () {
2020-10-30 17:30:09 +09:00
$("#stringval").val("0");
2020-10-28 15:25:13 +09:00
$("#indexForm").submit();
});
$('#liTab2').click(function () {
2020-10-30 17:30:09 +09:00
$("#stringval").val("1");
2020-10-28 15:25:13 +09:00
$("#indexForm").submit();
});
2020-10-30 17:30:09 +09:00
$(".msBtn").click(function () {
2021-01-14 16:07:12 +09:00
if (@ViewBag.SSUserNo <= 0) {
msg("로그인 후 진행 할 수 있습니다.");
return;
}
2020-10-30 17:30:09 +09:00
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());
2020-11-05 17:02:05 +09:00
if ($("#stringval").val() == "0") {
2020-12-28 15:56:16 +09:00
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; }
2020-11-05 17:02:05 +09:00
}
else if ($("#stringval").val() == "1") {
2020-12-28 15:56:16 +09:00
if ($("#stringval2").val() == "") { msg("교육유형을 입력하세요."); $("#stringval2").focus(); return; }
if ($("#stringval3").val() == "") { msg("교육선택을 입력하세요."); $("#stringval3").focus(); return; }
2020-11-05 17:02:05 +09:00
}
2020-10-30 17:30:09 +09:00
$("#indexForm").attr("action", "/Course/SmartSearch").submit();
});
2020-10-27 15:42:41 +09:00
2020-10-28 15:25:13 +09:00
$('.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);
}
2020-10-27 15:42:41 +09:00
} else {
2020-10-28 15:25:13 +09:00
if ($(this).parent().attr('id') == 'msSel2') {
2020-12-28 15:56:16 +09:00
msg('교육유형을 선택해주세요.');
2020-10-28 15:25:13 +09:00
} else if ($(this).parent().attr('id') == 'msSel3') {
2021-01-14 16:07:12 +09:00
msg('기술인분류를 선택해주세요.');
2020-10-28 15:25:13 +09:00
} else if ($(this).parent().attr('id') == 'msSel4') {
2020-12-28 15:56:16 +09:00
msg('교육목적을 선택해주세요.');
2020-10-28 15:25:13 +09:00
} else if ($(this).parent().attr('id') == 'msSel5') {
2020-12-28 15:56:16 +09:00
msg('등급을 선택해주세요.');
2020-10-28 15:25:13 +09:00
}
2020-10-12 14:39:23 +09:00
}
2020-10-28 15:25:13 +09:00
});
2020-11-24 17:34:18 +09:00
if (@Model.isalreadyreq == 1) {
msg("이미 신청된 강좌입니다. 메인화면으로 이동되었습니다.");
}
2020-10-27 15:42:41 +09:00
});
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);
2020-12-07 13:52:37 +09:00
if (num == 2 && name == "발주청기술인") {
2020-12-07 15:00:12 +09:00
$("#liedu01").hide();
$("#liedu03").hide();
$("#liedu04").hide();
$("#liedu05").hide();
$("#liedu06").hide();
$("#liedu07").hide();
2020-12-07 13:52:37 +09:00
}
else if (num == 2 && name != "발주청기술인") {
2020-12-07 15:00:12 +09:00
$("#liedu01").show();
$("#liedu03").show();
$("#liedu04").show();
$("#liedu05").show();
$("#liedu06").show();
$("#liedu07").show();
2020-12-07 13:52:37 +09:00
}
2020-10-28 15:25:13 +09:00
if (num == 3 && name == "승급교육") {
$('#msSel4 > span').text("승급가능등급");
2020-12-07 15:00:12 +09:00
$("#liGrade01").hide();
2020-10-27 15:42:41 +09:00
}
2020-10-28 15:25:13 +09:00
else if (num == 3 && name != "승급교육") {
2020-12-07 13:52:37 +09:00
$('#msSel4 > span').text("현재등급");
2020-12-07 15:00:12 +09:00
$("#liGrade01").show();
2020-10-12 14:39:23 +09:00
}
2020-10-28 15:25:13 +09:00
}
function initSearch() {
if ($("#liTab1").hasClass("current"))
{
$('#msSel2 > span').text("기술인분류");
$('#msSel3 > span').text("교육목적");
2020-12-07 13:52:37 +09:00
$('#msSel4 > span').text("현재등급");
2020-10-28 15:25:13 +09:00
$('#msSel5 > span').text("직무분야");
}
else if ($("#liTab1").hasClass("current"))
{
$('#msSel2 > span').text("교육선택");
$('#msSel3 > span').text("");
$('#msSel4 > span').text("");
$('#msSel5 > span').text("");
}
}
2020-12-28 09:43:27 +09:00
2020-12-24 15:27:40 +09:00
function hppopclick(url) {
2020-12-28 09:43:27 +09:00
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;
}
2020-12-24 15:27:40 +09:00
}
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-28 09:43:27 +09:00
</script>
}