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="BeneficiarySignature.aspx.cs" Inherits="Swift.web.AgentNew.TabletMenu.BeneficiarySignature" %>
<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: center; vertical-align: top }
.detailInfo { margin-top: 0px; }
@media print { .page-wrapper { min-height: 350px; }
.custom-control-label { font-size: 7px !important; }
.detailInfo { margin-top: 0px; }
.table-borderless td, .table-borderless th { border: 0; }
.detailInfo { font-size: 11px; }
.topbar { display: none; }
.content-page > .content { margin-top: 0 !important; padding: 0 !important; } } </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;">Add Beneficiary Request</td> </tr> <tr> <td colspan="6"> </td> </tr>
<tr> <td class="tg-7btt" colspan="6" style="text-decoration: underline; text-align: left">Customer Information: <span id="customerName" runat="server"></span>( <span id="membershiId" runat="server"></span>)</td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td class="tg-7btt" colspan="6" style="text-decoration: underline; text-align: left">Beneficiary Information</td> </tr> <tr> <td style="white-space: nowrap; width: 13%;" class="tg-fymr">Country:</td> <td colspan="2" class="tg-0pky" runat="server" id="recCountry" style="width: 37%;"></td> <td class="tg-fymr" style="white-space: nowrap; width: 37%;">Beneficiary Type:</td> <td colspan="2" class="tg-0pky" runat="server" id="recBeneficiaryType" style="width: 37%;"></td> </tr> <tr> <td class="tg-fymr">Full Name:</td> <td class="tg-0pky" runat="server" id="recFullName" colspan="2"></td> <td style="white-space: nowrap" class="tg-fymr">Native Country:</td> <td colspan="2" class="tg-0pky" runat="server" id="recNativeCountry"></td> </tr> <tr> <td class="tg-fymr">Beneficiary Address:</td> <td colspan="2" class="tg-0pky" runat="server" id="recAddress"></td> <td class="tg-fymr">City:</td> <td style="white-space: nowrap" colspan="2" class="tg-0pky" runat="server" id="recCity"></td> </tr> <tr> <td style="white-space: nowrap" class="tg-fymr">Mobile:</td> <td colspan="2" class="tg-0pky" runat="server" id="recMobile"></td> <td class="tg-fymr">Id Type:</td> <td colspan="2" class="tg-0pky" runat="server" id="recIdType"></td> </tr> <tr> <td style="white-space: nowrap" class="tg-fymr">Id Number:</td> <td colspan="2" class="tg-0pky" runat="server" id="recIdNumber"></td> <td class="tg-fymr">Place Of Issue :</td> <td colspan="2" class="tg-0pky" runat="server" id="recPlaceOfIssue"></td> </tr> <tr> <td class="tg-fymr">Relationship To Beneficiary:</td> <td style="white-space: nowrap" colspan="2" class="tg-0pky" runat="server" id="recRelationship"></td> <td class="tg-fymr">Other Relation Description:</td> <td colspan="2" class="tg-0pky" runat="server" id="recOtherRelationDescription"></td> </tr> <tr> <td style="white-space: nowrap" class="tg-fymr">Purpose Of Remittance:</td> <td colspan="2" class="tg-0pky" runat="server" id="recPurposeOfRemittance"></td> <td class="tg-fymr">Other Purpose of Remittance:</td> <td colspan="2" class="tg-0pky" runat="server" id="otherPurpose"></td> </tr>
<tr> <td class="tg-fymr">Payment Mode:</td> <td class="tg-0pky" runat="server" id="recPaymentMode" colspan="5"></td> </tr> <tr> <td style="white-space: nowrap" class="tg-fymr">Agent/Bank:</td> <td colspan="2" class="tg-0pky" runat="server" id="pagent"></td> <td class="tg-fymr">Beneficiary A/c:</td> <td colspan="2" class="tg-0pky" runat="server" id="recAccountNumber"></td> </tr> <tr> <td style="white-space: nowrap" class="tg-fymr">Agent/Bank Branch:</td> <td colspan="2" class="tg-0pky" runat="server" id="pBranch"></td> <td class="tg-fymr">Remarks:</td> <td colspan="2" class="tg-0pky" runat="server" id="recRemarks"></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="hddImgURL" /> <asp:HiddenField runat="server" ID="hdnIdTypeCode" /> <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>
|