YNICTE/FO/Views/Course/CertBuy.cshtml

337 lines
17 KiB
Plaintext

@model NP.Model.VMCourse
@{
}
<h4 class="clsTitle" style="margin-top:0;">강좌정보</h4>
<ul class="clsList">
<li>
<h5><span class="nav">@Model.CM.cshapename</span><span class="grn" style="@(Model.CM.isrefund == 1 && Model.isrefund == 1 ? "":"display: none;")">환급</span><em>@Model.CM.certgradeccname</em> @Model.CM.cname</h5>
<p>( @Model.CM.sssename3 )</p>
</li>
</ul>
<form action="" id="mform2" method="get" enctype="multipart/form-data">
<input type="hidden" name="isgroup" value="1" />
<input type="hidden" name="asno" id="asno1" value="@Model.User.asno" />
<input type="hidden" name="savedata" id="savedata0" />
<input type="hidden" name="savedata2" id="savedata1" />
<table class="clsChk" style="display: none;">
<tr>
<th>신청방식 선택</th>
<td>
<ul>
<li><input type="radio" name="buysinglemulti" id="buysingle" checked value="0" /><label for="buysingle">개인</label></li>
<li><input type="radio" name="buysinglemulti" id="buymulti" value="1" /><label for="buymulti">단체</label></li>
</ul>
</td>
</tr>
<tr class="buymultiarea" style="display: none;">
<th>직장</th>
<td>
<div class="clsCpny">
<span id="asname1">@(Model.User.asname ?? "-")</span>
<a href="#" onclick="_as = 1;boxassignview()">선택</a>
</div>
</td>
</tr>
<tr class="buymultiarea" style="display: none;"><td colspan="2" style="padding: 5px 20px">* 반드시 직장을 선택하셔야 단체신청이 가능합니다.</td></tr>
</table>
</form>
<div class="buysinglearea">
<h4 class="clsTitle">신청자정보</h4>
<form action="" id="mform" method="get" enctype="multipart/form-data">
<input type="hidden" name="isrefund" value="@(Model.isrefund==1 && Model.CM.isrefund == 1?1:0)" />
<input type="hidden" name="cmno" value="@(Model.CM.cmno)" />
<input type="hidden" name="savedata" id="savedata2" />
<input type="hidden" name="iscert" value="1" />
<input type="hidden" name="iscart" id="iscart" value="0" />
@Html.Hidden("email", Model.User.email)
@Html.Hidden("asno", Model.User.asno)
<input type="hidden" name="isgroup" value="0" />
<table class="clsTable">
<tbody>
<tr>
<th>이름</th>
<td><p>@Model.User.username</p></td>
</tr>
<tr>
<th>이메일<span>*</span></th>
<td>
<ul class="clsMail">
<li><input type="text" name="email1" id="email1" value="@((Model.User.email??"@").Split('@')[0])" /></li>
<li>@@</li>
<li><input type="text" name="email2" id="email2" value="@((Model.User.email??"@").Split('@')[1])" /></li>
<li>
<select id="email3">
<option value="" selected>직접입력</option>
<option value="naver.com" @((Model.User.email ?? "@").Split('@')[1] == "naver.com" ? "selected" : "")>naver.com</option>
<option value="daum.net" @((Model.User.email ?? "@").Split('@')[1] == "daum.net" ? "selected" : "")>daum.net</option>
<option value="gmail.com" @((Model.User.email ?? "@").Split('@')[1] == "gmail.com" ? "selected" : "")>gmail.com</option>
<option value="hotmail.com" @((Model.User.email ?? "@").Split('@')[1] == "hotmail.com" ? "selected" : "")>hotmail.com</option>
</select>
</li>
</ul>
</td>
</tr>
<tr>
<th>휴대폰 번호<span>*</span></th>
<td>
<ul class="clsPhone"><li class="full"><input type="tel" name="mobile" id="mobile" class="mobilefmt int nocomma" value="@Model.User.mobile" /></li></ul>
</td>
</tr>
<tr>
<th>회사번호</th>
<td>
<ul class="clsPhone"><li class="full"><input type="tel" name="telno" id="telno" class="mobilefmt int nocomma" value="@Model.User.telno" /></li></ul>
</td>
</tr>
<tr>
<th>직장</th>
<td>
<div class="clsCpny">
<span id="asname2">@(Model.User.asname ?? "-")</span>
<a href="#" onclick="_as = 2;boxassignview()">선택</a>
</div>
</td>
</tr>
<tr>
<th>부서</th>
<td><input type="text" name="depart" id="depart" max="50" style="width:100%;" /></td>
</tr>
<tr>
<th>직위</th>
<td>
<select name="ccposition" id="ccposition">
<option value="">선택</option>
@Html.Partial("./Partial/option", Model.ComCodes.Where(w => w.cgroup == "jobposition"), new ViewDataDictionary { { "selected", Model.User.ccposition } })
</select>
@Html.TextBoxFor(m => m.User.ccpositionetc, new { @style = "width: 100px;" + (Model.User.ccposition == null || (Model.ComCodes.Where(w => w.ccode == Model.User.ccposition).FirstOrDefault() ?? new NP.Model.ComCode()).refcode != "9" ? "display:none;" : ""), @maxlength = "40" })
</td>
</tr>
<tr style="@(Model.CM.isrefund == 1 && Model.isrefund == 1 ? "":"display: none;")">
<th>훈련위탁 <em>계약서</em></th>
<td>
<p class="clsFile">
<input type="file" name="file1" id="file1" />
<a href="#" onclick="msg('준비중입니다.')">양식 다운로드</a>
</p>
</td>
</tr>
<tr>
<th>경력증명서</th>
<td>
<p class="clsFile" style="padding-right:0px;">
<input type="file" name="file2" id="file2" />
@*<a href="#" onclick="msg('준비중입니다.')">양식 다운로드</a>*@
<br />
※ 경력증명서는 자체양식 및 회사 개별양식 활용이 가능하나, 반드시 회사 직인이 들어가야 하며, CMS관련 직무기간이 반드시 명시되어있어야 합니다.
</p>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="buymultiarea" style="display: none;">
<h4 class="clsTitle">신청자정보 <a href="#" class="clsAdd" onclick="add()">참가자 추가</a></h4>
<ul class="clsSociety" id="userlist"></ul>
</div>
@if (Model.cmbks !=null)
{
<div class="fairCover">
<h4>교재정보</h4>
<div>
<table id="bookbox">
@foreach (var b in Model.CMBooks)
{
<tr>
<th><em style="background:url('@(string.IsNullOrEmpty(b.fileurl) ? "/img/online/fair_book_sample01.jpg" : (Model.Files + b.fileurl))')no-repeat center center;"></em></th>
<td>
<h5><span>교재</span>@b.bkname</h5>
<dl>
<dd><span>저자 : </span>@b.author</dd>
<dd><span>출판연도 : </span>@(b.pubdate == null ? "" : b.pubdate.Value.ToShortDateString())</dd>
</dl>
<div class="bookCost" style="padding-top: 20px;">
<ul>
<li><a href="#" class="calc minus">-</a></li>
<li><input type="text" data-price="@b.price" data-bkno="@b.bkno" class="int nocomma bookcount" value="@((";" + (Model.cmbks ?? "") + ";").Contains(string.Format(";{0};", b.bkno)) ? 1 : 0)" /></li>
<li><a href="#" class="calc plus">+</a></li>
</ul>
<p style="padding-top: 0;"><b class="price" style="font-size: 14pt">@(((";" + (Model.cmbks ?? "") + ";").Contains(string.Format(";{0};", b.bkno)) ? b.price : 0).ToString("#,0"))</b><em>원</em></p>
</div>
</td>
</tr>
}
</table>
</div>
</div>
}
<h4 class="clsTitle">개인정보 수집 및 이용안내</h4>
<div class="clsPrivacy">
- 수집항목 : 이름, 회사명, 이메일, 전화번호... 그외 신청자가 등록한 교육생 정보<br />
- 수집목적 : 교육신청 사실 확인, 교재발송 및 학습독려<br />
- 이용기간 : 개인정보 수집 및 이용목적이 달성된 후에도 교육생의 개인정보는 추후 수강생이력관리 및 원활한 서비스 지원을 위해 지속적으로 보존합니다.<br />
단, 이용자가 메일 또는 전화등을 통해 개인정보 삭제를 요청한 경우 수집된 개인정보는 복구할 수 없는 방법으로 지체없이 파기합니다.<br />
* ISO 인증심사원과정의 경우 본인의 이력 관리 및 자격인증과 관련한 원활한 서비스 지원을 위해 수집한 항목에 대하여 제3자(로이드인증원)에게 제공하는 것을 동의합니다.
</div>
<div class="clsAgree">
<input type="checkbox" id="chkagree" />
<label for="chkagree">위 개인정보 수집 및 이용 안내를 숙지하였으며 이에 동의합니다. </label>
</div>
<ul class="clsBtn society">
<li><a href="#" onclick="history.back(-1)">신청취소</a></li>
<li><a href="#" onclick="save(1)">신청하기</a></li>
</ul>
<form id="thisform" method="get">
<input type="hidden" name="items" id="thisformpayitems" />
<input type="hidden" name="isgroup" id="thisformisgroup" />
<input type="hidden" name="Pay.payno" id="payno" />
</form>
@Html.Partial("./Partial/BoxAssign", null, new ViewDataDictionary { { "bindmethod", "bindassign" } })
@Html.Partial("Partial/ThisBoxUser", null, new ViewDataDictionary { { "bindmethod", "binduser" },{"ccposition", Model.ComCodes } })
@section scriptsHeader{
}
@section scripts{
<script>
var _as = 0;
$(document).ready(function () {
$("#ccposition").on("change", function () {
$("#User_ccpositionetc").hide();
if ($(this).find("option:selected").text() == "기타") {
$("#User_ccpositionetc").show().focus();
}
});
$("#email3").on("change", function () {
if ($(this).val() != "") {
setv("email2", $(this).val());
} else {
focus("email2");
}
});
$("input[name='buysinglemulti']").on("change", function () {
$(".buysinglearea, .buymultiarea").hide();
if ($(this).val() == 0) {
$(".buysinglearea").show();
} else {
$(".buymultiarea").show();
}
});
$("a.calc").on("click", function () {
var cnt = getint($(this).closest("ul").find("input.bookcount").val());
if ($(this).hasClass("minus")) {
if (cnt > 0) {
cnt--;
}
} else if ($(this).hasClass("plus")) {
cnt++;
}
$(this).closest("ul").find("input.bookcount").val(cnt);
$(this).closest(".bookCost").find("b.price").text(bindComma(cnt * getint($(this).closest("ul").find("input.bookcount").attr("data-price"))));
});
});
function bindassign(v) {
if (_as == 1) {
$("#userlist").html("");
$("#asn1").val(v.split(':')[0]);
} else {
$("#asno").val(v.split(':')[0]);
}
$("#asname" + _as).text(v.split(':')[1]);
}
var _idx = 0;
function save(idx) {
_idx = idx;
var books = "";
$.each($("#bookbox tr ul li input.bookcount"), function (i, b) {
if (getint($(b).val()) > 0) {
books += ";" + $(b).attr("data-bkno") + ":" + getint($(b).val());
}
});
if ($("#buysingle").prop("checked")) {
setv("mobile", formatmobile(val("mobile")));
if (check("email1", null, "이메일을 확인해주세요.")) { }
else if (check("email2", null, "이메일을 확인해주세요.")) { }
else if (!isemail(val("email1") + "@@" + val("email2"))) {
if (!ismobile()) { focus("email1") }
msg("이메일을 확인해주세요.");
} else if (!ismobilenumber(val("mobile"))) {
if (!ismobile()) { focus("mobile") }
msg("핸드폰번호를 확인해주세요.");
} else if (!$("#chkagree").prop("checked")) {
msg("정보수집동의를 해주세요.");
} else {
setv("email", val("email1") + "@@" + val("email2"));
setv("iscart", idx == 0 ? 1 : 0);
setv("savedata2", books == "" ? "" : books.substr(1));
capfileform("/fcommon/buycm", "mform", "cbsave");
}
} else {
if ($("#userlist li").length < 1) {
msg("참가자를 추가해주세요.");
} else if (!$("#chkagree").prop("checked")) {
msg("정보수집동의를 해주세요.");
} else {
setv("savedata0", books == "" ? "" : books.substr(1));
var users = "";
$.each($("#userlist li"), function (i, d) {
users += "," + $(d).attr("data-userno");
});
setv("savedata1", users.substr(1));
cap("/fcommon/buycm", "mform2", "cbsave");
}
}
}
function cbsave() {
if (capResult.code == 1000) {
if (capResult.obj == 0) {
msg(capResult.msg);
} else {
setv("payno", capResult.obj);
$("#thisform").attr("action", "/Course/CertPayReturn").submit();
}
} else if (capResult.obj == -1) {
msg("이미 사용중인 이메일입니다.");
} else if (capResult.obj == -2) {
msg("이미 사용중인 이메일주소입니다.");
} else if (capResult.code == -81) {
msg("[ " + capResult.obj + " ] 이미 등록된 장바구니 상품입니다.");
}
}
function gogo(idx) {
if (idx == 0) {
$("#thisform").attr("action", "/My/Cart").submit();
} else {
$("#thisform").attr("action", "/Course/PayDetail").submit();
}
}
function add() {
if ($("#asno1").val() == "") {
msg("직장을 먼저 등록해주세요.");
} else {
thisboxuser_asno = getint(val("asno1"));
thisboxuserview();
}
}
function binduser(userno, username, ccposition, isassignusername, email, telno, kfcfyear, edus) {
var isin = false;
$.each($("#userlist li"), function (i, d) {
if ($(d).attr("data-userno") == userno) {
isin = true;
return false;
}
});
if (isin) {
msg("이미 추가되어 있습니다.");
} else {
$("#userlist").prepend("<li data-userno=\"" + userno + "\"><h5><span>" + (username.indexOf('*') > -1 ? username : (username.length < 3 ? (username.substr(0, 1) + "*") : (username.substr(0, 1) + "*" + username.substr(2, 1)))) + " " + ccposition + " ( " + isassignusername + " )</span><a href=\"#\" onclick=\"del(this)\">삭제</a></h5>" +
"<dl><dd>" + (email.indexOf('*') > - 1 ? email : (email.split('@@')[0].length < 5 ? (email.split('@@')[0] + "****") : (email.substr(0, 4) + "****"))) + "@@" + email.split('@@')[1] + " | " + telno + "</dd>" +
"<dd>공정거래업무경력 : " + kfcfyear + "년</dd>" + (edus == "" ? "" : ("<dd>교육이력 : " + edus + "</dd>")) + "</dl></li>");
}
}
function del(a) {
$(a).closest("li").remove();
}
</script>
}