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.

826 lines
50 KiB

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Confirm.aspx.cs" Inherits="Swift.web.AgentNew.SendTxn.Confirm" %>
  2. <%@ Register TagPrefix="cc1" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit, Version=3.0.20820.16598, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" %>
  3. <!DOCTYPE html>
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head id="Head1" runat="server">
  6. <base id="Base1" target="_self" runat="server" />
  7. <link href="/AgentNew/css/ie9.css" rel="stylesheet" />
  8. <link href="/AgentNew/css/signature-pad.css" rel="stylesheet" />
  9. <link href="/ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
  10. <link href="/ui/css/style.css" rel="stylesheet" />
  11. <link href="/js/jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
  12. <link href="/ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  13. <script src="/js/jquery/jquery.min.js" type="text/javascript"></script>
  14. <script src="/js/jQuery/jquery-ui.min.js" type="text/javascript"></script>
  15. <script src="/js/swift_calendar.js" type="text/javascript"></script>
  16. <script src="/js/jQuery/jquery.validate.min.js" type="text/javascript"></script>
  17. <script src="/js/functions.js" type="text/javascript"></script>
  18. <script src="/js/browserDetect.js"></script>
  19. <script src="/AgentNew/js/signature_pad.umd.js"></script>
  20. <%-- <style>
  21. .label
  22. {
  23. font-family:Verdana;
  24. font-size:13px;
  25. }
  26. .text
  27. {
  28. font-family:Verdana;
  29. font-size:13px;
  30. font-weight:bolder;
  31. }
  32. .text-amount
  33. {
  34. font-family:Verdana;
  35. font-size:13px;
  36. text-align:right;
  37. font-weight:bold;
  38. }
  39. </style>--%>
  40. <style>
  41. .text-amount {
  42. font-family: Verdana;
  43. font-size: 13px;
  44. text-align: right;
  45. font-weight: bold;
  46. }
  47. .table .table {
  48. background-color: #f5f5f5;
  49. }
  50. legend {
  51. background-color: rgb(3, 169, 244);
  52. color: white;
  53. margin-bottom: 0 !important;
  54. }
  55. .panel-blue > .panel-heading {
  56. color: #fff;
  57. background-color: #03a9f4;
  58. border-color: #03a9f4;
  59. padding: 5px;
  60. }
  61. .panel-blue > .panel-heading h4 {
  62. padding: 0;
  63. }
  64. </style>
  65. <script language="javascript">
  66. var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
  67. var isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
  68. var is_mobile = false;
  69. $(document).ready(function () {
  70. var value = sessionStorage.getItem("XmlDataForCDDI");
  71. if (value !== null && value !== "" && value !== undefined) {
  72. value = value.replace(/</g, '%3e');
  73. value = value.replace(/>/g, '%3c');
  74. $('#hddXMLCDDI').val(value);
  75. }
  76. });
  77. document.onkeypress = function (e) {
  78. var e = window.event || e;
  79. if (e.keyCode == 27)
  80. window.close();
  81. };
  82. function CloseWindow() {
  83. if (confirm("Are you sure to want to close this confirmation page?")) {
  84. window.close();
  85. }
  86. }
  87. function ManageMessage(mes, invoicePrintMode) {
  88. if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
  89. is_mobile = true;
  90. }
  91. window.returnValue = mes + '-:::-' + invoicePrintMode;
  92. if (is_mobile) {
  93. var s = GetBrowserDetails();
  94. if (s.osName == 'iPad' || s.osName == 'iPhone') {
  95. if (s.browserVersion != '0') {
  96. isSafari = true;
  97. isChrome = false;
  98. }
  99. else {
  100. isSafari = false;
  101. isChrome = true;
  102. }
  103. }
  104. if (isSafari) {
  105. window.opener.document.getElementById("confirmHidden").value = mes + '-:::-' + invoicePrintMode;
  106. window.opener.parent.focus();
  107. }
  108. if (isChrome) {
  109. window.opener.document.getElementById("confirmHiddenChrome").value = mes + '-:::-' + invoicePrintMode;
  110. window.opener.document.getElementById("ContentPlaceHolder1_txtPayMsg").focus();
  111. }
  112. window.close();
  113. return true;
  114. }
  115. if (isChrome) {
  116. window.opener.focus();
  117. window.opener.PostMessageToParent(window.returnValue);
  118. }
  119. else if (isSafari) {
  120. window.opener.document.getElementById("confirmHidden").value = mes + '-:::-' + invoicePrintMode;
  121. }
  122. window.close();
  123. }
  124. function CallBack(mes, invoicePrintMode) {
  125. var resultList = ParseMessageToArray(mes);
  126. if (resultList[0] == "0" || resultList[0] == "100" || resultList[0] == "101") { //100-Waiting for Approval,101-Under Compliance
  127. window.returnValue = resultList[0] + "|" + resultList[2] + "|" + invoicePrintMode;
  128. window.close();
  129. }
  130. alert(resultList[1]);
  131. return;
  132. }
  133. function ViewImage() {
  134. var url = "CustomerID.aspx?customerId=<% = _senderId %>";
  135. OpenDialog(url, 500, 620, 100, 100);
  136. }
  137. function ProceedOfac() {
  138. var confirmText = "Confirmation:\n_____________________________________";
  139. confirmText += "\n\nYou are confirming to send this OFAC/DJ suspicious transaction!!!";
  140. confirmText += "\n\nPlease note if this customer is found to be valid person from OFAC/DJ List then Teller will be charged fine from management";
  141. confirmText += "\n\n\nPlease make sure you have proper evidence that show this customer is not from OFAC/DJ List";
  142. if (confirm(confirmText)) {
  143. GetElement("<%=btnProceed2.ClientID %>").click();
  144. }
  145. }
  146. function EnableButton() {
  147. var isBtnEnabled = "<%= isProcessedBtnEnabled %>";
  148. if (isBtnEnabled.toLowerCase() == "false") return;
  149. GetElement("<%=btnProceed.ClientID %>").disabled = false;
  150. }
  151. function LoadCalendars() {
  152. ShowCalDefault("#<% =voucherDate1.ClientID%>");
  153. ShowCalDefault("#<% =voucherDate2.ClientID%>");
  154. }
  155. LoadCalendars();
  156. </script>
  157. </head>
  158. <body onload="EnableButton()">
  159. <form id="form1" runat="server">
  160. <asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>
  161. <div class="page-wrapper">
  162. <div class="row">
  163. <div class="col-sm-12">
  164. <div class="page-title">
  165. <ol class="breadcrumb">
  166. <li><a href="../../../Front.aspx" target="mainFrame"><i class="fa fa-home"></i></a></li>
  167. <li><a href="#" onclick="return LoadModule('account')">Transaction</a></li>
  168. <li class="active"><a href="#" onclick="return LoadModule('account_report')">Send Money </a></li>
  169. </ol>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="row">
  174. <div class="col-md-12">
  175. <div class="panel panel-default recent-activites">
  176. <!-- Start .panel -->
  177. <div class="panel-heading">
  178. <h4 class="panel-title">Sending Money Information
  179. </h4>
  180. <div class="panel-actions">
  181. <a href="#" class="panel-action panel-action-toggle" data-panel-toggle></a>
  182. </div>
  183. </div>
  184. <div class="panel-body">
  185. <div class="row">
  186. <div class="col-sm-6">
  187. <div class="panel panel-blue">
  188. <div class="panel-heading">
  189. Sender Information
  190. </div>
  191. <div class="panel-body">
  192. <div class="table-responsive">
  193. <table class="table table-bordered table-striped">
  194. <tr>
  195. <td>Sender's Name: </td>
  196. <td>
  197. <asp:Label ID="sName" runat="server" ForeColor="red"></asp:Label>
  198. </td>
  199. </tr>
  200. <tr>
  201. <td>Address: </td>
  202. <td>
  203. <asp:Label ID="sAddress" runat="server"></asp:Label>
  204. </td>
  205. </tr>
  206. <tr>
  207. <td>
  208. <asp:Label ID="sIdType" runat="server"></asp:Label>
  209. : </td>
  210. <td>
  211. <asp:Label ID="sIdNo" runat="server"></asp:Label>
  212. </td>
  213. </tr>
  214. <tr>
  215. <td>ID Expiry Date: </td>
  216. <td>
  217. <asp:Label ID="sIdValidty" runat="server"></asp:Label>
  218. </td>
  219. </tr>
  220. <tr>
  221. <td>DOB: </td>
  222. <td>
  223. <asp:Label ID="sdob" runat="server"></asp:Label>
  224. </td>
  225. </tr>
  226. <tr>
  227. <td>City: </td>
  228. <td>
  229. <asp:Label ID="sCity" runat="server"></asp:Label>
  230. </td>
  231. </tr>
  232. <tr>
  233. <td>Country: </td>
  234. <td>
  235. <asp:Label ID="sCountry" runat="server"></asp:Label>
  236. </td>
  237. </tr>
  238. <tr>
  239. <td>Email: </td>
  240. <td>
  241. <asp:Label ID="sEmail" runat="server"></asp:Label>
  242. </td>
  243. </tr>
  244. <tr>
  245. <td>Mobile No: </td>
  246. <td>
  247. <asp:Label ID="sContactNo" runat="server"></asp:Label>
  248. </td>
  249. </tr>
  250. <tr id="trSenTelNo">
  251. <td>Phone No: </td>
  252. <td>
  253. <asp:Label ID="sTelNo" runat="server"></asp:Label>
  254. </td>
  255. </tr>
  256. </table>
  257. </div>
  258. <fieldset style="display: none">
  259. <legend>Sender Identity </legend>
  260. <div class="table-responsive">
  261. <table class="table table-responsive table-bordered table-striped">
  262. <tr>
  263. <td>Customer ID Card Image: </td>
  264. <td style="padding-left: 5px; height: 20px; width: 50px;">
  265. <div runat="server" id="custId" style="float: left; cursor: pointer;">
  266. <img alt="Customer Identity" title="Click to Add Document"
  267. onclick="ViewImage();"
  268. style="height: 50px; width: 50px;" src="../../../Images/na.gif" />
  269. </div>
  270. </td>
  271. </tr>
  272. </table>
  273. </div>
  274. </fieldset>
  275. </div>
  276. </div>
  277. </div>
  278. <div class="col-sm-6">
  279. <div class="panel panel-blue">
  280. <div class="panel-heading">
  281. Receiver Information
  282. </div>
  283. <div class="panel-body">
  284. <div class="table-responsive">
  285. <table class="table table-bordered table-striped">
  286. <tr>
  287. <td>Receiver's Name: </td>
  288. <td>
  289. <asp:Label ID="rName" runat="server" ForeColor="red"></asp:Label>
  290. </td>
  291. </tr>
  292. <tr>
  293. <td>Address: </td>
  294. <td>
  295. <asp:Label ID="rAddress" runat="server"></asp:Label>
  296. </td>
  297. </tr>
  298. <tr>
  299. <td>
  300. <asp:Label ID="rIdtype" runat="server"></asp:Label>
  301. </td>
  302. <td>
  303. <asp:Label ID="ridNo" runat="server"></asp:Label>
  304. </td>
  305. </tr>
  306. <tr style="display: none">
  307. <td>DOB: </td>
  308. <td>
  309. <asp:Label ID="rdob" runat="server"></asp:Label>
  310. </td>
  311. </tr>
  312. <tr>
  313. <td>Email: </td>
  314. <td>
  315. <asp:Label ID="remail" runat="server"></asp:Label>
  316. </td>
  317. </tr>
  318. <tr>
  319. <td>Mobile No: </td>
  320. <td>
  321. <asp:Label ID="rContactNo" runat="server"></asp:Label>
  322. </td>
  323. </tr>
  324. <tr id="trRecTelNo">
  325. <td>Phone No: </td>
  326. <td>
  327. <asp:Label ID="rTelNo" runat="server"></asp:Label>
  328. </td>
  329. </tr>
  330. <tr id="trRnc" runat="server">
  331. <td>Receiver Name Code: </td>
  332. <td>
  333. <asp:TextBox ID="ttName" runat="server" Width="250px"></asp:TextBox>
  334. </td>
  335. </tr>
  336. <tr id="trWp" runat="server">
  337. <td>Withdrawal Password: </td>
  338. <td>
  339. <asp:TextBox ID="cwPwd" runat="server" TextMode="Password" MaxLength="6"></asp:TextBox>
  340. </td>
  341. </tr>
  342. </table>
  343. </div>
  344. </div>
  345. </div>
  346. </div>
  347. <div class="col-sm-6" id="trNameAsPerBank" runat="server">
  348. <div class="panel panel-blue">
  349. <div class="panel-heading">
  350. Additional Info
  351. </div>
  352. <div class="panel-body">
  353. <div class="table-responsive">
  354. <table class="table table-bordered table-striped">
  355. <tr>
  356. <td>BENIFICIARY NAME AS PER BANK: </td>
  357. <td style="background-color: yellow;">
  358. <asp:Label ID="lblNameAsPerBank" runat="server" ForeColor="red"></asp:Label>
  359. </td>
  360. </tr>
  361. </table>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. <div class="col-sm-12">
  367. <div class="panel panel-blue">
  368. <div class="panel-heading">
  369. Transaction Information
  370. </div>
  371. <div class="panel-body">
  372. <div class="table-responsive">
  373. <table class="table table-bordered table-striped">
  374. <tr>
  375. <td>Collection Amount: </td>
  376. <td class="text-amount">
  377. <asp:Label ID="total" runat="server" ForeColor="red"></asp:Label>
  378. <asp:Label ID="sCurr3" runat="server"></asp:Label>
  379. </td>
  380. <td>Sent Amount: </td>
  381. <td class="text-amount">
  382. <asp:Label ID="transferAmount" runat="server" ForeColor="red"></asp:Label>
  383. <asp:Label ID="sCurr1" runat="server"></asp:Label>
  384. </td>
  385. </tr>
  386. <tr>
  387. <td>Service Charge: </td>
  388. <td class="text-amount">
  389. <asp:Label ID="serviceCharge" runat="server"></asp:Label>
  390. <asp:Label ID="sCurr2" runat="server"></asp:Label>
  391. </td>
  392. <td id="tdSchemeLbl" runat="server">Scheme/Offer: </td>
  393. <td id="tdSchemeTxt" runat="server" style="text-align: right;">
  394. <span id="spnSchemeOffer" runat="server"></span>
  395. </td>
  396. </tr>
  397. <tr>
  398. <td>Customer Rate: </td>
  399. <td class="text-amount">
  400. <asp:Label ID="exchangeRate" runat="server"></asp:Label>
  401. <asp:Label ID="pCurr1" runat="server"></asp:Label>
  402. </td>
  403. <td>Reward Amount: </td>
  404. <td class="text-amount">
  405. <asp:Label ID="rewardAmt" runat="server"></asp:Label>
  406. </td>
  407. </tr>
  408. <tr>
  409. <td>Payout Amount: </td>
  410. <td class="text-amount">
  411. <asp:Label ID="payoutAmt" runat="server" ForeColor="red"></asp:Label>
  412. <asp:Label ID="pCurr2" runat="server"></asp:Label>
  413. </td>
  414. </tr>
  415. <tr>
  416. <td>Payout Amount in Words: </td>
  417. <td class="text-amount">
  418. <asp:Label ID="payoutAmtInWords" runat="server" ForeColor="red"></asp:Label>
  419. </td>
  420. </tr>
  421. </table>
  422. </div>
  423. </div>
  424. </div>
  425. </div>
  426. <div class="col-sm-12">
  427. <div class="panel panel-blue">
  428. <div class="panel-heading">
  429. Payout Agent/Bank Information
  430. </div>
  431. <div class="panel-body">
  432. <div class="table-responsive">
  433. <table class="table table-bordered table-striped">
  434. <tr>
  435. <td>Country: </td>
  436. <td>
  437. <asp:Label ID="pCountry" runat="server"></asp:Label>
  438. </td>
  439. <td>Mode of Payment:
  440. </td>
  441. <td>
  442. <asp:Label ID="modeOfPayment" runat="server" ForeColor="red"></asp:Label>
  443. </td>
  444. </tr>
  445. <tr>
  446. <td>Payout Agent/Branch: </td>
  447. <td>
  448. <asp:Label ID="pAgentBranch" runat="server" ForeColor="red"></asp:Label>
  449. </td>
  450. <td id="tdAccountNoLbl" runat="server" visible="false">Account Number
  451. </td>
  452. <td id="tdAccountNoTxt" runat="server" visible="false">
  453. <span class="text">
  454. <asp:Label ID="accountNo" runat="server"></asp:Label></span>
  455. </td>
  456. <td>Pyment Option: </td>
  457. <td>
  458. <asp:Label ID="paymentOption" runat="server" ForeColor="red"></asp:Label>
  459. </td>
  460. </tr>
  461. <tr id="pLocationDetail" runat="server" visible="false">
  462. <td>State: </td>
  463. <td>
  464. <asp:Label ID="pLocation" runat="server"></asp:Label>
  465. </td>
  466. <td>District
  467. </td>
  468. <td>
  469. <asp:Label ID="pSubLocation" runat="server"></asp:Label>
  470. </td>
  471. </tr>
  472. <tr id="trPaymentThrough" runat="server" visible="false">
  473. <td>Payment Through:
  474. </td>
  475. <td>
  476. <asp:Label ID="paymentThrough" runat="server" CssClass="text"></asp:Label>
  477. </td>
  478. </tr>
  479. </table>
  480. </div>
  481. </div>
  482. </div>
  483. </div>
  484. <div class="col-sm-12">
  485. <fieldset id="msgToReceiver" runat="server" visible="false">
  486. <legend>Message to Receiver</legend>
  487. <div id="payoutMsg" runat="server"></div>
  488. </fieldset>
  489. </div>
  490. <div class="col-sm-12">
  491. <div id="dvAlertSummary" runat="server">
  492. </div>
  493. </div>
  494. <div class="col-sm-12">
  495. <div id="spnCdd" runat="server" visible="false" style="color: white; background-color: rgb(3, 169, 244); font-family: Verdana; font-weight: bold; font-size: 18px;">
  496. As per AML Policy please conduct customer due diligence and transmit the accurate and meaningful originator information, Thanks.
  497. </div>
  498. </div>
  499. <div class="col-sm-12">
  500. <span id="spnWarningMsg" runat="server" style="font-family: Verdana; font-weight: bold; font-size: 24px; color: Red;"></span>
  501. <div id="divOfac" runat="server"></div>
  502. </div>
  503. <div class="col-sm-12">
  504. <fieldset id="complianceField" runat="server" visible="false" style="margin: 15px 0;">
  505. <legend style="background-color: red;">Note: If are in compliance then you can not make the transaction !!!
  506. </legend>
  507. <div id="divCompliance" runat="server"></div>
  508. </fieldset>
  509. <div id="divComplianceMultipleTxn" runat="server" visible="false" style="width: 100%"></div>
  510. </div>
  511. <div class="col-sm-12">
  512. <div id="divEcdd" runat="server" visible="false">
  513. <br />
  514. <span runat="server" id="spnEcdd" style="font-family: Verdana; font-weight: bold; font-size: 14px; color: black; width: 780px;">Please note that this transaction requires <u>Enhance Customer Due Diligence</u>, please provide an explanation
  515. below about the customer activity and source of funds.</span>
  516. <br />
  517. <asp:TextBox ID="eddRemarks" runat="server" TextMode="MultiLine" Width="500px" Height="75px" MaxLength="299"></asp:TextBox>
  518. <span class="ErrMsg">*</span>
  519. </div>
  520. </div>
  521. <div class="col-sm-12">
  522. <div class="table-responsive">
  523. <table class="table table-responsive table-bordered table-condensed" style="display: none;">
  524. <thead>
  525. <tr>
  526. <td>Primary Bank Name</td>
  527. <td>Primary Account No</td>
  528. <td>Amount Deposited</td>
  529. </tr>
  530. </thead>
  531. <tbody>
  532. <tr>
  533. <td>
  534. <asp:DropDownList ID="bankList1" runat="server" CssClass="form-control"></asp:DropDownList>
  535. </td>
  536. <td>
  537. <asp:TextBox ID="voucherNo1" placeholder="Enter Primary Account No" runat="server" CssClass="form-control"></asp:TextBox>
  538. </td>
  539. <td>
  540. <asp:TextBox ID="voucherAmount1" placeholder="Enter Amount Deposited" runat="server" CssClass="form-control"></asp:TextBox>
  541. </td>
  542. <asp:TextBox ID="voucherDate1" Style="display: none" runat="server" CssClass="form-control"></asp:TextBox>
  543. </tr>
  544. <tr>
  545. <td>
  546. <asp:DropDownList ID="bankList2" runat="server" CssClass="form-control"></asp:DropDownList>
  547. </td>
  548. <td>
  549. <asp:TextBox ID="voucherNo2" placeholder="Enter Primary Account No" runat="server" CssClass="form-control"></asp:TextBox>
  550. </td>
  551. <td>
  552. <asp:TextBox ID="voucherAmount2" placeholder="Enter Amount Deposited" runat="server" CssClass="form-control"></asp:TextBox>
  553. </td>
  554. <asp:TextBox ID="voucherDate2" Style="display: none" runat="server" CssClass="form-control"></asp:TextBox>
  555. </tr>
  556. </tbody>
  557. </table>
  558. </div>
  559. </div>
  560. <%--<div class="col-sm-12">
  561. <div class="form-inline">
  562. <span>Txn. Password:</span> &nbsp; &nbsp;&nbsp;&nbsp;
  563. <asp:TextBox ID="txnPassword" CssClass="form-control" placeholder="Enter Txn. Password" runat="server" Width="200px" TextMode="Password"></asp:TextBox>
  564. &nbsp;&nbsp;(Note: Please use your login password to confirm the transaction)
  565. </div>
  566. </div>--%>
  567. <div class="col-sm-12" id="EnableDigitalSignature" runat="server">
  568. <div class="col-sm-6">
  569. <span>Customer Signature:</span>
  570. <div id="signature-pad" class="signature-pad">
  571. <div class="signature-pad--body">
  572. <canvas></canvas>
  573. </div>
  574. <div class="signature-pad--footer">
  575. <div class="description">Sign above</div>
  576. <div class="signature-pad--actions">
  577. <div>
  578. <button type="button" class="btn btn-default clear" data-action="clear">Clear</button>
  579. <button type="button" class="btn btn-default" data-action="undo">Undo</button>
  580. </div>
  581. </div>
  582. </div>
  583. </div>
  584. </div>
  585. <%--<div class="col-sm-6" style="display: none">
  586. <label class="control-label">Customer Password:</label>
  587. <div>
  588. <asp:TextBox TextMode="Password" ID="customerPassword" runat="server" CssClass="form-control" MaxLength="20"></asp:TextBox>
  589. </div>
  590. </div>--%>
  591. </div>
  592. <div class="col-sm-12" style="display: none">
  593. <div class="form-group">
  594. <label>Receipt Print Mode</label>
  595. <asp:RadioButtonList ID="invoicePrintMode" CssClass="form-control" runat="server" RepeatDirection="Horizontal">
  596. <asp:ListItem Value="s">Single </asp:ListItem>
  597. <asp:ListItem Value="d"> Double</asp:ListItem>
  598. </asp:RadioButtonList>
  599. </div>
  600. </div>
  601. <div class="col-sm-12">
  602. <asp:UpdatePanel ID="updatePnl" runat="server">
  603. <ContentTemplate>
  604. <div class="table-responsive">
  605. <table class="table">
  606. <tr>
  607. <td>
  608. <asp:CheckBox ID="chkCdd" Visible="false" runat="server" Style="font-family: Verdana; font-weight: bold; font-size: 20px; color: red;"
  609. Text="We have conducted Due Diligence by filling up CDD (Customer Due Diligence) Form with the customer details." AutoPostBack="true"
  610. OnCheckedChanged="chkCdd_CheckedChanged" />
  611. <br />
  612. <asp:CheckBox ID="chkMultipleTxn" Visible="false" runat="server"
  613. Style="font-family: Verdana; font-weight: bold; font-size: 24px; color: Red;"
  614. Text="We have verified this sender's previous transaction and want to proceed this transaction."
  615. AutoPostBack="true" OnCheckedChanged="chkMultipleTxn_CheckedChanged" />
  616. </td>
  617. </tr>
  618. </table>
  619. </div>
  620. </ContentTemplate>
  621. </asp:UpdatePanel>
  622. </div>
  623. <div class="col-sm-12" id="additionalDocumentDiv" runat="server" visible="false">
  624. <asp:CheckBox ID="additionDocumentConfirm" runat="server"
  625. Style="font-family: Verdana; font-weight: bold; font-size: 24px; color: Red;"
  626. Text="Additional document required for this transaction, do you want to proceed?" />
  627. </div>
  628. <div class="col-sm-12">
  629. <div class="form-group">
  630. <asp:Button ID="btnProceed" runat="server" onmousedown="return GetSignatureCustomer(this);" CssClass="btn btn-primary m-t-25" Text="Proceed" OnClick="btnProceed_Click" />
  631. <cc1:ConfirmButtonExtender ID="btnProceedCc" runat="server"
  632. ConfirmText="" Enabled="True" TargetControlID="btnProceed">
  633. </cc1:ConfirmButtonExtender>
  634. <input type="button" value="Close" class="btn btn-clear m-t25" id="btnClose" onclick="CloseWindow();" />
  635. <asp:Button ID="btnProceed2" runat="server" CssClass="btn btn-primary m-t-25" OnClick="btnProceed2_Click" Style="display: none;" />
  636. </div>
  637. </div>
  638. </div>
  639. <br />
  640. <asp:HiddenField ID="hdnTrackBy" runat="server" />
  641. <asp:HiddenField ID="hdnOfacRes" runat="server" />
  642. <asp:HiddenField ID="hdnOfacReason" runat="server" />
  643. <asp:HiddenField ID="hdnAgentRefId" runat="server" />
  644. <asp:HiddenField ID="hdnRBATxnRisk" runat="server" />
  645. <asp:HiddenField ID="hdnRBACustomerRisk" runat="server" />
  646. <asp:HiddenField ID="hddSenderIdType" runat="server" />
  647. <asp:HiddenField ID="hddSenderNationalityCode" runat="server" />
  648. <asp:HiddenField ID="hddReceiverIdType" runat="server" />
  649. <asp:HiddenField ID="hddrBankCode" runat="server" />
  650. <asp:HiddenField ID="hddrBankBranchCode" runat="server" />
  651. <asp:HiddenField ID="hddReceiverNationalityCode" runat="server" />
  652. <asp:HiddenField ID="hddSourceOfFund" runat="server" />
  653. <asp:HiddenField ID="hddReasonOfRemittance" runat="server" />
  654. <asp:HiddenField ID="hddremitType" runat="server" />
  655. <asp:HiddenField ID="hddCustomerId" runat="server" />
  656. <asp:HiddenField ID="hddSenderOccCode" runat="server" />
  657. <asp:HiddenField ID="hddReceiverId" runat="server" />
  658. <asp:HiddenField ID="hddhddpAgentCode" runat="server" />
  659. <asp:HiddenField ID="hdnRBACustomerRiskValue" runat="server" />
  660. <asp:HiddenField ID="hddImgURL" runat="server" />
  661. <asp:HiddenField ID="isDisplaySignature" runat="server" />
  662. <asp:HiddenField ID="hddXMLCDDI" runat="server" />
  663. <asp:HiddenField ID="hdnIsPromoCode" runat="server" />
  664. <asp:HiddenField ID="hdnRowId" runat="server" />
  665. </div>
  666. </div>
  667. </div>
  668. </div>
  669. </div>
  670. </form>
  671. <script type="text/javascript">
  672. var isdisplayDignature = $('#<%=isDisplaySignature.ClientID%>').val();
  673. var wrapper = document.getElementById("signature-pad");
  674. if (isdisplayDignature === 'true') {
  675. var clearButton = wrapper.querySelector("[data-action=clear]");
  676. var undoButton = wrapper.querySelector("[data-action=undo]");
  677. var canvas = wrapper.querySelector("canvas");
  678. var signaturePad = new SignaturePad(canvas, {
  679. // It's Necessary to use an opaque color when saving image as JPEG;
  680. // this option can be omitted if only saving as PNG or SVG
  681. backgroundColor: 'rgb(255, 255, 255)'
  682. });
  683. }
  684. // Adjust canvas coordinate space taking into account pixel ratio,
  685. // to make it look crisp on mobile devices.
  686. // This also causes canvas to be cleared.
  687. function resizeCanvas() {
  688. // When zoomed out to less than 100%, for some very strange reason,
  689. // some browsers report devicePixelRatio as less than 1
  690. // and only part of the canvas is cleared then.
  691. if (isdisplayDignature === 'true') {
  692. var ratio = Math.max(window.devicePixelRatio || 1, 1);
  693. // This part causes the canvas to be cleared
  694. canvas.width = canvas.offsetWidth * ratio;
  695. canvas.height = canvas.offsetHeight * ratio;
  696. canvas.getContext("2d").scale(ratio, ratio);
  697. // This library does not listen for canvas changes, so after the canvas is automatically
  698. // cleared by the browser, SignaturePad#isEmpty might still return false, even though the
  699. // canvas looks empty, because the internal data of this library wasn't cleared. To make sure
  700. // that the state of this library is consistent with visual state of the canvas, you
  701. // have to clear it manually.
  702. signaturePad.clear();
  703. }
  704. }
  705. // On mobile devices it might make more sense to listen to orientation change,
  706. // rather than window resize events.
  707. window.onresize = resizeCanvas;
  708. resizeCanvas();
  709. function download(dataURL, filename) {
  710. if (navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1) {
  711. window.open(dataURL);
  712. } else {
  713. var blob = dataURLToBlob(dataURL);
  714. var url = window.URL.createObjectURL(blob);
  715. var a = document.createElement("a");
  716. a.style = "display: none";
  717. a.href = url;
  718. a.download = filename;
  719. document.body.appendChild(a);
  720. a.click();
  721. window.URL.revokeObjectURL(url);
  722. }
  723. }
  724. // One could simply use Canvas#toBlob method instead, but it's just to show
  725. // that it can be done using result of SignaturePad#toDataURL.
  726. function dataURLToBlob(dataURL) {
  727. // Code taken from https://github.com/ebidel/filer.js
  728. var parts = dataURL.split(';base64,');
  729. var contentType = parts[0].split(":")[1];
  730. var raw = window.atob(parts[1]);
  731. var rawLength = raw.length;
  732. var uInt8Array = new Uint8Array(rawLength);
  733. for (var i = 0; i < rawLength; ++i) {
  734. uInt8Array[i] = raw.charCodeAt(i);
  735. }
  736. return new Blob([uInt8Array], { type: contentType });
  737. }
  738. if (isdisplayDignature === 'true') {
  739. clearButton.addEventListener("click", function (event) {
  740. signaturePad.clear();
  741. });
  742. undoButton.addEventListener("click", function (event) {
  743. var data = signaturePad.toData();
  744. if (data) {
  745. data.pop(); // remove the last dot or line
  746. signaturePad.fromData(data);
  747. }
  748. });
  749. }
  750. function GetSignatureCustomer(event) {
  751. if ($("#additionalDocumentDiv").is(":visible")) {
  752. if (!$("#additionDocumentConfirm").is(":checked")) {
  753. alert('If you have customer Documents required then, please check on Additional document check box!');
  754. return false;
  755. }
  756. }
  757. <%--var password = $('#txnPassword').val();
  758. if (password === "" || password === null) {
  759. return alert("Txn Password Is Required");
  760. }
  761. if (isdisplayDignature.toLowerCase() === 'true') {
  762. var customerPassword = $('#<%=customerPassword.ClientID%>');
  763. if (signaturePad.isEmpty() && (customerPassword === "" || customerPassword === null)) {
  764. alert("Customer signature or customer password is required");
  765. document.getElementById('hddImgURL').value = '';
  766. return false;
  767. } if (!signaturePad.isEmpty()) {
  768. var dataURL = signaturePad.toDataURL('image/png');
  769. document.getElementById('hddImgURL').value = dataURL.replace('data:image/png;base64,', '');
  770. return true;
  771. }
  772. if (signaturePad.isEmpty()) {
  773. document.getElementById('hddImgURL').value = '';
  774. return true;
  775. }
  776. }--%>
  777. }
  778. </script>
  779. </body>
  780. </html>