You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<%@ Page Title="" Language="C#" MasterPageFile="~/AgentNew/AgentMain.Master" AutoEventWireup="true" CodeBehind="CustomerSignature.aspx.cs" Inherits="Swift.web.AgentNew.TabletMenu.CustomerSignature" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> <script src="/AgentNew/js/signature_pad.umd.js"></script> <script type="text/javascript"> function PrintDiv() { var divToPrint = document.getElementById('mainDiv');
var newWin = window.open('', 'Print-Window');
newWin.document.open();
newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>');
newWin.document.close();
setTimeout(function () { newWin.close(); }, 10); } </script> <style type="text/css"> .tg { border-collapse: collapse; border-spacing: 0; }
.tg td { font-family: Arial, sans-serif; font-size: 10px; padding: 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; border-color: black; }
.tg th { font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; padding: 10px 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; border-color: black; }
.tg .tg-lboi { border-color: inherit; text-align: left; vertical-align: middle }
.tg .tg-0pky { border-color: inherit; text-align: left; vertical-align: top; }
.tg .tg-fymr { font-weight: bold; border-color: inherit; text-align: left; vertical-align: top }
.tg .tg-uzvj { font-weight: bold; border-color: inherit; text-align: center; vertical-align: middle }
.tg .tg-g7sd { font-weight: bold; border-color: inherit; text-align: left; vertical-align: middle }
.tg .tg-7btt { font-weight: bold; border-color: inherit; text-align: left; vertical-align: top }
.detailInfo { margin-top: 0px; }
@media print { body { line-height: 13px !important; }
.page-wrapper { min-height: initial !important; }
.content { margin-top: 0px !important; margin-bottom: 0px !important; }
img { height: 70px !important; width: 100px !important; }
.footer { display: none !important; }
.custom-control-label { font-size: 7px !important; }
.table-borderless td, .table-borderless th { border: 0; }
.tg td { padding: 2px !important; font-size: 10px !important; }
.content-page > .content { margin-top: 0; padding: 0; }
.topbar { display: none; } } </style> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <div class="detailInfo" id="downloadDivPDF" runat="server"> <div class="page-wrapper"> <div class="row"> <div class="col-md-12 form-group"> <table class="tg table-borderless" runat="server"> <tr> <td colspan="6" style="text-align: center; font-weight: bold; font-size: 19px;">Japan Money Express Co. Ltd</td> </tr> <tr> <td class="tg-7btt" colspan="6" style="text-align: center; font-size: 16px;">Customer Registration</td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td class="tg-7btt" colspan="6" style="text-decoration: underline;">Customer Information: <span id="customerName" runat="server"></span> (<span id="membershiId" runat="server"></span>)</td> </tr> <tr> <td style="white-space: nowrap; width: 13%;" class="tg-fymr">Full Name:</td> <td colspan="3" class="tg-0pky" runat="server" id="txtFullName" style="width: 37%;"></td> <td class="tg-fymr" style="width: 13%;">Customer Type :</td> <td colspan="1" class="tg-0pky" runat="server" id="txtCustomerType" style="width: 37%;"></td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td class="tg-7btt" colspan="6" style="text-decoration: underline;">Personal Information</td> </tr> <tr> </tr> <tr>
<td class="tg-fymr">Country:</td> <td colspan="3" class="tg-0pky" runat="server" id="txtCountry"></td> <td style="white-space: nowrap" class="tg-fymr">Native Country :</td> <td colspan="2" class="tg-0pky" runat="server" id="txtNativeCountry"></td>
</tr> <tr> <td class="tg-fymr">Address:</td> <td class="tg-0pky" runat="server" id="txtAddress" colspan="5"></td> </tr> <tr> <td class="tg-fymr">City:</td> <td colspan="3" class="tg-0pky" runat="server" id="txtCity">txtCity</td> <td class="tg-fymr">Zip Code :</td> <td colspan="2" class="tg-0pky" runat="server" id="txtZipcCode"></td>
</tr> <tr> <td class="tg-fymr">Date of Birth:</td> <td class="tg-0pky" runat="server" id="txtDateOfBirth" colspan="5"></td> </tr> <tr> <td class="tg-fymr">Occupation :</td> <td colspan="3" class="tg-0pky" runat="server" id="txtOccupation"></td>
<td class="tg-fymr">Other Occupation:</td> <td colspan="1" class="tg-0pky" runat="server" id="txtOtherOccupation"></td> </tr> <tr> <td class="tg-fymr">Visa Status :</td> <td colspan="3" style="white-space: nowrap;" class="tg-0pky" runat="server" id="txtVisaStatus"></td> <td style="white-space: nowrap;" class="tg-fymr">Employee Business Type :</td> <td colspan="3" class="tg-0pky" runat="server" id="txtEmployeeBusinessType"></td> </tr> <tr> <td class="tg-fymr">Source Of Fund :</td> <td colspan="3" class="tg-0pky" runat="server" id="txtSourceOfFund"></td> <td class="tg-fymr">Gender:</td> <td colspan="1" class="tg-0pky" runat="server" id="txtGender"></td> </tr> <tr> <td class="tg-fymr">Monthly Income :</td> <td colspan="3" class="tg-0pky" runat="server" id="txtMonthlyIncome"></td> <td class="tg-fymr">Telephone No. :</td> <td colspan="1" class="tg-0pky" runat="server" id="txtTelephoneNo"></td> </tr> <tr> <td class="tg-fymr">E-Mail ID:</td> <td colspan="3" class="tg-0pky" runat="server" id="txtEmailId"></td>
<td class="tg-fymr">Mobile No. :</td> <td colspan="1" class="tg-0pky" runat="server" id="txtMobileNo"></td> </tr> <tr> <td class="tg-fymr">Name of Employer:</td> <td class="tg-0pky" runat="server" id="txtNameOfEmployer" colspan="5"></td> </tr> <tr> </tr> <tr> <td class="tg-fymr">Remarks:</td> <td class="tg-0pky" runat="server" id="txtRemarks" colspan="5"></td> </tr> <tr> <td class="tg-7btt" colspan="6" style="text-decoration: underline;">Security Information</td> </tr> <tr> <td style="white-space: nowrap" class="tg-fymr">Verification Id Type:</td> <td colspan="3" class="tg-0pky" runat="server" id="txtIdType"></td> <td class="tg-fymr">Verification Type No. :</td> <td colspan="2" class="tg-0pky" runat="server" id="txtIdNumber"></td> </tr> <tr> <td class="tg-fymr">Issue Date:</td> <td style="white-space: nowrap" colspan="3" class="tg-0pky" runat="server" id="txtIssueDate"></td> <td class="tg-fymr">Expire Date:</td> <td colspan="2" class="tg-0pky" runat="server" id="txtExpireDate"></td> </tr> <tr> <td style="white-space: nowrap" class="tg-fymr">Remittance Allowed:</td> <td colspan="3" class="tg-0pky" runat="server" id="txtRemittanceAllowed"></td> <td class="tg-fymr">Online Login Allowed:</td> <td colspan="2" class="tg-0pky" runat="server" id="txtOnlineLoginAllowed"></td> <td colspan="2" class="tg-0pky" runat="server" id="txtMobileLoginAllowed"></td> </tr> <tr style="display: none;"> <td class="tg-7btt" colspan="6"> <small class="custom-control-label">私は、本依頼書に記載されているジャパンマネーエクスプレス株式会社の「海外送金利用規約」の内容に同意します。<br /> 私の依頼する送金は、北朝鮮及びイランとは関係無い取引であり、反社会勢力と一切の関りはありません。<br /> 私は「外内国の重要な公的な地位にある者」ではありません。<br /> また申込書に表示された内容について間違いが無い事を確認した上で、JME送金サービスの利用を依頼します。<br /> I understand and agree to the ”Terms and Conditions for Overseas Remittance” of Japan Money Express Co., Ltd. (JME).<br /> I confirm that this remittance has nothing to do with North Korea or Iran. Also, I have no relation to any Anti-Social Forces or any engagement in illegal activities.<br /> I am not Politically Exposed Persons(PEPs).<br /> I confirm the information shown in this application to avail the remittance service is true and correct.
</small> </td> </tr> </table> </div> </div> <div class="row" id="customerSign" runat="server"> <div class="col-md-12"> <div class="row" id="signatureDiv"> <div class="col-md-6 form-group"> <label class="control-label">Customer Signature:</label> <div id="signature-pad" class="signature-pad"> <div class="signature-pad--body"> <canvas></canvas> </div> <div class="signature-pad--footer"> <div class="description">Sign above</div> <div class="signature-pad--actions"> <div class="form-group"> <button type="button" class="btn btn-primary clear" data-action="clear">Clear</button> <button type="button" class="btn btn-primary" data-action="undo">Undo</button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row" id="customerVerifyBtn" runat="server"> <div class="col-md-6 form-group"> <asp:Button ID="registerCustomerAndReceiver" runat="server" Text="Verify" class="btn btn-primary m-t-25" OnClientClick="return CheckSignatureCustomerFromCustomerRegister();" OnClick="registerCustomerAndReceiver_Click" /> </div> </div> <div class="panel-body row" id="docDiv" runat="server"> </div>
<div class="panel-body row" id="dateDiv" runat="server"> <div class="col-md-12"> <div class="form-group"> <div class="col-md-12"> <label>Date :</label> <label id="todaysDate" runat="server"></label> </div> </div> </div> </div> </div> </div> <asp:HiddenField runat="server" ID="hdnCustomerId" /> <asp:HiddenField runat="server" ID="hdnProcessDivision" /> <asp:HiddenField runat="server" ID="hdnPartnerServiceKey" /> <asp:HiddenField runat="server" ID="hdninstitution" /> <asp:HiddenField runat="server" ID="hdnAccountName" /> <asp:HiddenField runat="server" ID="hdnAccountNumber" /> <asp:HiddenField runat="server" ID="hdnVirtualAccountNo" /> <%-- Max-실지명의조회 --%> <asp:HiddenField runat="server" ID="hdnGenderCode" /> <asp:HiddenField runat="server" ID="hdnNativeCountryCode" /> <asp:HiddenField runat="server" ID="hdnDobYmd" /> <asp:HiddenField runat="server" ID="hdnIdTypeCode" /> <asp:HiddenField ID="hddImgURL" runat="server" /> <script type="text/javascript"> CustomerSignature(); function CustomerSignature() { var wrapper = document.getElementById("signature-pad"); if (wrapper === null) { return; } var clearButton = wrapper.querySelector("[data-action=clear]"); var canvas = wrapper.querySelector("canvas"); signaturePad = new SignaturePad(canvas, { backgroundColor: 'rgb(255, 255, 255)' });
function resizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); canvas.width = canvas.offsetWidth * ratio; canvas.height = canvas.offsetHeight * ratio; canvas.getContext("2d").scale(ratio, ratio); signaturePad.clear(); }
window.onresize = resizeCanvas; resizeCanvas();
clearButton.addEventListener("click", function (event) { signaturePad.clear(); }); }
function CheckSignatureCustomerFromCustomerRegister() { if (signaturePad.isEmpty()) { alert("Customer signature is required"); $('#ContentPlaceHolder1_hddImgURL').val(''); return false; } if (!signaturePad.isEmpty()) { var dataURL = signaturePad.toDataURL('image/png'); $('#ContentPlaceHolder1_hddImgURL').val(dataURL.replace('data:image/png;base64,', '')); return true; } if (signaturePad.isEmpty()) { $('#ContentPlaceHolder1_hddImgURL').val(''); return true; } } </script> </asp:Content>
|