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.
315 lines
14 KiB
315 lines
14 KiB
<%@ 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>
|