API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 29th, 2016
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.75 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns:th="http://www.thymeleaf.org">
  2.  
  3. <head>
  4.  
  5. <title>ghgPrivate Client Registration Form - Premier FX Online Currency Transfers, Algarve, Portugal</title>
  6. <meta charset="utf-8"/>
  7. <meta name="description" content="Our services are tailored to help expatriates living abroad, businesses or their clients, and those who own or plan to buy overseas assets such as property." />
  8. <meta name="keywords" content="currency exchange specialists, FX, foreign exchange, forex, money transfers, sterling, euro, eurozone, exchange rates, currency planning, currency rates, currency trading, forward trading, Premier FX, Algarve, Portugal, www.premfx.com" />
  9.  
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  11. <meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />
  12. <meta http-equiv="imagetoolbar" content="no"/>
  13.  
  14. <link th:href="@{/resources/css/online/style_online.css}" rel="stylesheet" type="text/css"/>
  15. <link th:href="@{/resources/css/online/style_online_responsive.css}" rel="stylesheet" type="text/css"/>
  16. <link th:href="@{/resources/css/online/intlTelInput.css}" rel="stylesheet"/>
  17. <link th:href="@{/resources/css/online/jquery-ui.css}" rel="stylesheet" type="text/css" />
  18. <link th:href="@{/resources/css/online/dropzone.css}" rel="stylesheet"/>
  19.  
  20. <link th:href="@{/resources/css/online/custom.css}" rel="stylesheet"/>
  21. <link th:href="@{/resources/FileUpload/style.css}" rel="stylesheet"/>
  22.  
  23. <style>
  24. .radio_mini{
  25. vertical-align: text-bottom
  26. margin-right: 5px;}
  27. .already_wrapp{margin-bottom:-50px;}
  28. .success {
  29. color: #4F8A10;
  30. background-color: #DFF2BF;
  31. background-image:url("../resources/images/Knob_Valid_Green.png");
  32. width: 50%;
  33. }
  34. .success {
  35. border: 1px solid;
  36. margin: 10px 0px;
  37. padding:15px 10px 15px 50px;
  38. background-repeat: no-repeat;
  39. background-position: 10px center;
  40. }
  41. .form_fields, .form_fields_new, .form_fields_new, .form_label1 {
  42. display: block;
  43. margin: 0 auto;
  44. }
  45. .form_fields_new, .form_label1 {
  46. width: 330px;
  47. }
  48. .form_label1 {
  49. float: none;
  50. padding-left: 0;
  51. width: 330px;
  52.  
  53.  
  54. }
  55. .heading_beneficiary {
  56. margin-left: 20px;
  57. }
  58.  
  59. .main-file-input {
  60. position: relative;
  61. border: 1px solid #cecdcd;
  62. width: 330px;
  63. height: 100px;
  64. font-family: "PT Sans";
  65. font-size: 20px;
  66. text-align: center;
  67. color: white;
  68. margin: 0 auto;
  69. margin-bottom: 10px;
  70.  
  71. }
  72.  
  73.  
  74. .input-invisible {
  75. position: absolute;
  76. width: 330px;
  77. height: 100px;
  78. opacity: 0;
  79. left: 0;
  80. cursor: pointer;
  81.  
  82. }
  83. .file-upload {
  84. width: 330px;
  85. height: 75px;
  86. background: #678dbb;
  87. padding-top: 25px;
  88. }
  89.  
  90. #inputAdd {
  91. position: relative;
  92. left: 100px;
  93. }
  94. .document-selection {
  95. width: 330px;
  96. margin-bottom: 10px;
  97. }
  98.  
  99. .btn-add-new-doc {
  100. width: 330px;
  101. }
  102.  
  103. .btn-margin {
  104. margin-top: 10px;
  105. }
  106.  
  107. .title-loaded-file {
  108. width: 290px;
  109. overflow: hidden;
  110. font-family: "PT Sans";
  111. margin: 0 auto;
  112. font-size: 20px;
  113. margin-bottom: 10px;
  114. padding: 3px 0;
  115.  
  116. }
  117.  
  118. .delete-img-file {
  119. vertical-align: top;
  120. cursor: pointer;
  121. height: 32px;
  122. margin-left: -5px;
  123. }
  124. .imgLoadInf {
  125. display: inline-block;
  126. }
  127.  
  128. .form_fields_large {
  129. width: 330px;
  130. }
  131.  
  132. hr {
  133. background: #dedddd;
  134. height: 4px;
  135. border: none;
  136. }
  137. .image-help-icon {
  138. position: relative;
  139. right: 25px;
  140. top: 4px;
  141. }
  142.  
  143. .example-block {
  144. position: relative;
  145. }
  146. .example-doc-image {
  147. position: absolute;
  148. top: -137px;
  149. right: -20px;
  150. border: 7px solid #dedddd;
  151. }
  152.  
  153. #passportNumber {
  154. margin-left: 20px;
  155. padding-right: 25px;
  156. }
  157. .select_field {
  158. width: 330px;
  159. }
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166. </style>
  167.  
  168. <script type="text/javascript" th:inline="javascript">
  169. /* <![CDATA[ */
  170. function setLocation() {
  171. frm = document.forms[0];
  172. frm.submit();
  173. }
  174.  
  175. var defaultDateFormat = [[${
  176. defaultDateFormat
  177. }
  178. ]];
  179. var currency = [[${customerBean}]];
  180.  
  181. //console.log(currency);
  182.  
  183. var utilJSPath = /*[[@{/resources/js/online/utils.js}]]*/
  184.  
  185. var ctx = /*[[@{/}]]*/
  186.  
  187. function showHideGBGroupValidation() {
  188.  
  189. var sendingCountry = $("#sendingCountry option:selected").text();
  190. //alert(sendingCountry);
  191. if(sendingCountry == 'United Kingdom'){
  192. $("#senderPostalCodeId").removeClass('form_fields');
  193. $("#senderPostalCodeId").addClass('form_fields_new');
  194. document.getElementById("lookUpAddress").style.display ='inline-block';
  195. }else{
  196. document.getElementById("lookUpAddress").style.display ='none';
  197. $("#senderPostalCodeId").removeClass('form_fields_new');
  198. $("#senderPostalCodeId").addClass('form_fields');
  199. }
  200. }
  201. /* ]]> */
  202. </script>
  203. </head>
  204.  
  205. <body>
  206.  
  207. <div id="wait" style="position:fixed;height:100%;width:100%;background:#222;opacity:0.7;display:none;z-index:999">
  208.  
  209. <div style="margin: 0 auto;position: relative;top: 50%;font-size:24px;color:#fff;font-family:arial;text-align:center">
  210. <img th:src="@{/resources/images/online/loading.gif}" alt=""/>
  211. <span id="loadingMessage" style="white-space:nowrap;"> Loading...</span>
  212. </div>
  213.  
  214. </div>
  215.  
  216. <!-- main container-->
  217. <div class="container">
  218. <div class="upper_container">
  219. <!-- Header Logo -->
  220. <div th:replace="header :: logo"></div>
  221. </div>
  222.  
  223. <!-- lower container -->
  224. <div class="lower_container">
  225. <div class="body_area">
  226. <div class="logout_area">
  227. <h2 class="heading">Open an account</h2>
  228. <div class="logout">
  229.  
  230. </div>
  231. </div>
  232. <form name="senderRegistrationForm" id="senderRegistrationForm" th:object="${customerBean}" th:action="@{/public/signup}" method="post" enctype='multipart/form-data'>
  233.  
  234. <div class="content_area">
  235. <div class="content_area_main" style="padding: 0px 0px 0px 0px;">
  236. <div class="field_wrapper_large">
  237. <div class="content_area_center">
  238. <div th:if="${success != null}" class="content_area_center" style="margin-bottom: 0px;">
  239. <div class="success" th:text="${success}" style="margin: 0 auto;">
  240.  
  241. </div>
  242. </div>
  243. <p class="content_heading">Open an account: private client</p>
  244. <p class="content_subheading">Please complete the form below<span id="form_inst"> and upload one form of identification to comply with UK money laundering regulations, we require a valid Passport</span></p>
  245. <h1 class="heading_beneficiary" align="center">Personal Information</h1>
  246.  
  247. <div class="field_wrapper reg_title form-group field_wrapper_center_align">
  248.  
  249. <label class="form_label1">Title:</label><br/>
  250. <select id="title" th:field="*{title}" class="form_fields">
  251. <!--<option value="" th:text="#{common.select.prompt}"></option>-->
  252. <option th:each="entry : ${onlineTitleList.entrySet()}" th:value="${entry.key}" th:text="${entry.value}" ></option>
  253. </select>
  254. </div>
  255.  
  256. <div class="field_wrapper reg_forname form-group field_wrapper_center_align">
  257. <label class="form_label1 ">Forename:<span style="color:red">*</span></label><br/>
  258. <input name="firstName" th:field="*{firstName}" class="form_fields " type="text" id="forename" />
  259. </div>
  260.  
  261. <div class="field_wrapper form-group field_wrapper_center_align" >
  262. <label class="form_label1">Surname:<span style="color:red">*</span></label><br/>
  263. <input name="surname" th:field="*{lastName}" type="text" id="surname" class="form_fields"/>
  264. </div>
  265.  
  266.  
  267. <div class="field_wrapper form-group field_wrapper_center_align">
  268. <label class="form_label1">Email:<span style="color:red">*</span></label><br/>
  269. <input name="email" th:field="*{email}" type="text" id="email" class="required email form_fields"/>
  270. <span id="emailValidator" class="please_do"></span>
  271.  
  272. </div>
  273.  
  274. <div class="field_wrapper hideDivOnDuplicateEmail form-group field_wrapper_center_align">
  275. <label class="form_label1">Date of Birth:<span style="color:red">*</span></label><br/>
  276. <input type="text" id="datepicker" th:field="*{dob}" class="select_mini form_fields" size="30" readonly="true" />
  277.  
  278. </div>
  279.  
  280. <div class="field_wrapper hideDivOnDuplicateEmail form-group field_wrapper_center_align">
  281. <label class="form_label1">Gender:</label><br/>
  282.  
  283. <select id="gender" th:field="*{gender}" class="form_fields">
  284. <option th:each="entry2 : ${genderList.entrySet()}" th:value="${entry2.value}" th:text="${entry2.key}" ></option>
  285. </select>
  286. </div>
  287.  
  288. <div class="field_wrapper form-group field_wrapper_center_align">
  289. <label class="form_label1 hideOnDuplicateEmail">Telephone - Landline:</label><br/>
  290.  
  291. <input name="landline" th:field="*{telephone}" class="form_fields" type="tel" id="landline-number" />
  292. <div id="valid-msg-landline" class="hide">✓ Valid</div>
  293. <div id="error-msg-landline" class="hide">Invalid number</div>
  294. </div>
  295.  
  296. <div class="field_wrapper form-group field_wrapper_center_align">
  297. <label class="form_label1">Telephone - Mobile:</label><br/>
  298.  
  299. <input name="mobile" th:field="*{mobile}" type="tel" id="mobile-number" class="form_fields "/>
  300. <div id="valid-msg-mobile" class="hide">✓ Valid</div>
  301. <div id="error-msg-mobile" class="hide">Invalid number</div>
  302. </div>
  303.  
  304. </div>
  305. <hr/>
  306.  
  307.  
  308. <div class="content_area_center">
  309.  
  310. <!--<h1 class="heading_beneficiary" align="center">Automatic Address Lookup</h1>
  311. <p class="content_subheading" align="center">Enter your 'United Kingdom postcode' and click the 'Search' button</p>-->
  312.  
  313.  
  314. <h1 class="heading_beneficiary" align="center">Address</h1>
  315.  
  316. <div class="field_wrapper form-group field_wrapper_center_align">
  317. <label class="form_label1">Country:</label><br/>
  318.  
  319. <select id="sendingCountry" th:field="*{countryId}" class="form_fields" onchange="showHideGBGroupValidation();">
  320. <option th:each="entry3 : ${countryList.entrySet()}" th:value="${entry3.key}" th:text="${entry3.value}" ></option>
  321. </select>
  322.  
  323. </div>
  324.  
  325.  
  326. <div id="postcodeuk" class="field_wrapper form-group field_wrapper_center_align" style="display:block;">
  327. <label class="form_label1">Post code:<span style="color:red">*</span></label><br/>
  328. <input id="senderPostalCodeId" class="form_fields_new" placeholder="B33 8TH" th:field="*{postCode}" type="text" aria-required="true" aria-invalid="false" aria-describedby="senderPostalCodeId-error"/>
  329. <input type="button" class="submit_btn btn-margin" id="lookUpAddress" onclick="window.lookupUkAddress.lookupAddress();" value="Search" />
  330. <span id="senderPostalCodeId-error" class="help-block help-block-error"></span>
  331. </div>
  332.  
  333. <div class="field_wrapper form-group field_wrapper_center_align">
  334. <label class="form_label1">Street:</label><br/>
  335. <input name="street" th:field="*{street}" id="street" type="text" class="form_fields" onKeyPress='enterToSearch(event);'/>
  336. </div>
  337.  
  338. <div class="field_wrapper form-group field_wrapper_center_align">
  339. <label class="form_label1">Town:</label><br/>
  340. <input name="town" id="town" th:field="*{town}" type="text" class="form_fields" onKeyPress='enterToSearch(event);'/>
  341. </div>
  342.  
  343.  
  344. <div class="field_wrapper form-group field_wrapper_center_align">
  345. <label class="form_label1">Building Number:</label><br/>
  346. <input name="buildingNumber" th:field="*{buildingNumber}" id="buildingNumber" type="text" class="form_fields" onKeyPress='enterToSearch(event);'/>
  347. </div>
  348.  
  349. <div class="field_wrapper form-group field_wrapper_center_align">
  350. <label class="form_label1">Building Name:</label> <br/>
  351. <input name="buildingName" id="buildingName" th:field="*{buildingName}" class="form_fields" type="text" onKeyPress='enterToSearch(event);'/>
  352.  
  353. </div>
  354. <div class="field_wrapper form-group field_wrapper_center_align">
  355. <label class="form_label1">Region:</label><br/>
  356. <input name="province" th:field="*{region}" id="province" type="text" class="form_fields" onKeyPress='enterToSearch(event);'/>
  357. </div>
  358. </div>
  359. <hr/>
  360. <div class="content_area_center">
  361.  
  362. <h1 class="heading_beneficiary" align="center">Passport Details</h1>
  363. <div id="passportDiv" class="hideDivOnDuplicateEmail">
  364.  
  365. <div class="field_wrapper form-group field_wrapper_center_align">
  366. <label class="form_label1">Upload Document:</label><br/>
  367. <div class="main-file-input">
  368. <input type='file' class="input-invisible" id="file-send" th:field="*{passportDoc}"/>
  369. <div class="file-upload">
  370. To attach files/image, Drag and Drop Here or Just Click Here
  371. </div>
  372. </div>
  373. <div class="title-loaded-file"></div>
  374. <img class="delete-img-file" hidden="true" th:src="@{/resources/images/delete-img-file.png}"/>
  375. </div>
  376.  
  377. <div class="field_wrapper form-group field_wrapper_center_align">
  378. <label class="form_label1 ">Country of issue:<span style="color:red">*</span></label><br/>
  379.  
  380. <select id="issuedCountry" th:field="*{passportCountryId}" class="select_field form_fields" onchange="PPMasking.init()">
  381. <option value="">--Select Country of Issue--</option>
  382. <option th:each="countryBean : ${ppIssueCtryLst}" th:value="${countryBean.id}" th:text="${countryBean.countryName}" th:attr="data-masking=${countryBean.countryMasking}"></option>
  383. </select>
  384. </div>
  385.  
  386.  
  387.  
  388. <div class="field_wrapper form-group field_wrapper_center_align example-block">
  389. <img class="example-doc-image" th:src="@{/resources/images/online/uk_passport.jpg}" alt="UK Specimin Passport" hidden="true" width="280px"/>
  390. <label class="form_label1">Passport Number:<span style="color:red">*</span></label><br/>
  391. <input name="passportNumber" type="text" th:field="*{passportNumber}" class="form_fields_large hideOnDuplicateEmail passport_fields" id="passportNumber" />
  392. <img class="image-help-icon" src="/SmartPayxOnline/resources/images/online/help-icon.png" alt=""/> <br/>
  393. <span class="please_do" style="color:grey">Please enter your passport number as highlighted above.</span>
  394. <span class="please_do" id="passportAvailability"></span>
  395. </div>
  396.  
  397. </div>
  398.  
  399. <div class="field_wrapper form-group field_wrapper_center_align">
  400. <label class="form_label1">Passport Issue Date:</label><br/>
  401.  
  402.  
  403. <input name="passportIssue" id="passportIssue" th:field="*{passportIssueDate}" class="form_fields hideOnDuplicateEmail" type="text" readonly="true"/>
  404. </div>
  405.  
  406. <!--OTHER DOCUMENTS-->
  407.  
  408. <div class="field_wrapper form-group field_wrapper_center_align">
  409. <label class="form_label1">Passport Expiry Date:<span style="color:red">*</span></label><br/>
  410.  
  411. <input name="passportExpiry" id="passportExpiry" th:field="*{passportExpiryDate}" class="hideOnDuplicateEmail form_fields" readonly="true"/>
  412.  
  413. </div>
  414.  
  415.  
  416. <div class="other-documents" hidden="true">
  417. <h1 class="heading_beneficiary" align="center">Proof of Address</h1>
  418. <div>
  419. <div class="field_wrapper form-group field_wrapper_center_align">
  420. <div class="buttonGroup">
  421. <div class="main-file-input">
  422. <input type='file' class="input-invisible" th:field ="*{ProofDoc}"/>
  423. <div class="file-upload">
  424. To attach files/image, Drag and Drop Here or Just Click Here
  425. </div>
  426. </div>
  427. <div class="title-loaded-file"></div>
  428. <img class="delete-img-file" hidden="true" th:src="@{/resources/images/delete-img-file.png}"/>
  429.  
  430. </div>
  431. <input type="button" class="submit_btn" id='removeButton' value="Remove"/>
  432. </div>
  433. </div>
  434. </div>
  435. <div class="field_wrapper form-group field_wrapper_center_align">
  436. <input type="button" class="submit_btn btn-add-new-doc" id="addFileOtherDocuments" value="Add Proof Document"/>
  437. </div>
  438.  
  439. </div>
  440. <hr/>
  441.  
  442. <!--content area left
  443. <div class="content_area_left">-->
  444. <div class="content_area_center">
  445.  
  446. <div class="field_wrapper hideDivOnDuplicateEmail field_wrapper_center_align">
  447. <label class="form_label1">How did you hear about us?</label><br/>
  448.  
  449. <textarea name="heardAboutUs" class="form_fields hideOnDuplicateEmail" th:field="*{notes}" cols="50" rows="2" style="height:60px;"></textarea>
  450. </div>
  451. <!--</div>
  452. <div class="content_area_right ">-->
  453. <div class="field_wrapper form-group field_wrapper_center_align">
  454. <label class="form_label1 user-type">Customer Type:<span style="color:red">*</span></label><br/>
  455.  
  456. <ul style="padding-left: 0px;">
  457. <li style="list-style: none;">
  458. <input class="cb_reg radio_mini require-one" id="cb14" type="checkbox" th:field="*{trading}" th:value="*{trading}"/>
  459. <label for="cb14" style="font-size: 14px;" title="Bying and Selling currency">Trading Customer</label>
  460.  
  461. </li>
  462. <li style="list-style: none;">
  463. <input class="cb_reg radio_mini require-one" id="cb15" type="checkbox" th:field="*{prepaid}" th:value="*{prepaid}"/>
  464. <label for="cb15" style="font-size: 14px;">Prepaid Customer</label>
  465.  
  466. </li>
  467. </ul>
  468.  
  469. <div id="currBox" style="display:none">
  470. <ul style="padding-left: 0px;">
  471. <li th:each="list : ${servCurrList}" style="list-style: none;">
  472. <input type="checkbox" th:field="*{currencies}" th:value="${list.id}" />
  473. <label th:text="${list.currency}" style="font-size: 14px;">Heating</label>
  474.  
  475. </li>
  476. </ul>
  477. </div>
  478. </div>
  479.  
  480. <div class="field_wrapper field_wrapper_center_align">
  481. <input type="submit" name="register" value="Register" id="register" class="submit_btn" />
  482. </div>
  483. </div>
  484. </div>
  485.  
  486. </div>
  487. </div>
  488.  
  489.  
  490.  
  491. </form> <!--form Ends Here-->
  492.  
  493. </div>
  494.  
  495. <!-- footer area -->
  496. <div th:replace="footer :: footer"></div>
  497.  
  498. </div>
  499.  
  500.  
  501.  
  502. </div>
  503.  
  504.  
  505. <script th:src="@{/resources/js/online/jquery.js}"></script>
  506. <script th:src="@{/resources/js/online/jquery-ui.js}"></script>
  507. <script th:src="@{/resources/js/online/utils.js}"></script>
  508. <script th:src="@{/resources/js/online/modernizr.custom.js}"></script>
  509. <script th:src="@{/resources/js/online/intlTelInput.js}"></script>
  510. <script th:src="@{/resources/js/online/jquery.maskedinput.js}"></script>
  511. <script th:src="@{/resources/js/online/jquery.validate.min.js}"></script>
  512. <script th:src="@{/resources/js/online/additional-methods.min.js}"></script>
  513. <script th:src="@{/resources/js/online/dropzone.js}"></script>
  514. <script th:src="@{/resources/js/online/lookupAddressSender.js}" ></script>
  515. <script th:src="@{/resources/js/internal/int_date_picker.js}" ></script>
  516. <script th:src="@{/resources/js/internal/int_file_uploader.js}" ></script>
  517. <script th:src="@{/resources/js/internal/int_input_masking.js}" ></script>
  518. <script th:src="@{/resources/js/internal/int_intlTelInput.js}" ></script>
  519. <script th:src="@{/resources/js/internal/common.js}" ></script>
  520. <script th:src="@{/resources/js/internal/form-validation.js}" ></script>
  521. <script th:src="@{/resources/FileUpload/script.js}" ></script>
  522.  
  523. <!-- <script th:src="@{/resources/js/online/svgcheckbx.js}"></script> -->
  524. <script type="text/javascript" th:inline="javascript">
  525. /* <![CDATA[ */
  526.  
  527. var telInputMobile = $("#mobile-number"), telInputLandline = $("#landline-number"), errorMsgLandline = $("#error-msg-landline"), validMsgLandline = $("#valid-msg-landline"),
  528. errorMsgMobile = $("#error-msg-mobile"), validMsgMobile = $("#valid-msg-mobile");
  529.  
  530. IntNumbValidation.init(telInputMobile, errorMsgMobile, validMsgMobile);
  531.  
  532. IntNumbValidation.init(telInputLandline, errorMsgLandline, validMsgLandline);
  533.  
  534.  
  535. $(document).ready(function() {
  536.  
  537. var availableTags = [ ];
  538. $( "#senderPostalCodeId" ).autocomplete({
  539. source: availableTags,
  540. minLength: 0,
  541. dataType: 'json'
  542. });
  543. FormValidation.init();
  544. DropZone.init();
  545.  
  546. DatePickerRegister.init();
  547. // PPMasking.init();
  548.  
  549. $("#passportNumber").focus(function(){
  550.  
  551. var val = this.value; //store the value of the element
  552. this.value = ''; //clear the value of the element
  553. this.value = val;
  554. });
  555.  
  556. $("#cb15").click(function(){
  557. $('#currBox').toggle();
  558. });
  559.  
  560. var countryText = "United Kingdom";
  561. $("#sendingCountry option:contains(" + countryText + ")").attr('selected', 'selected');
  562. //$("#issuedCountry option:contains(" + countryText + ")").attr('selected', 'selected');
  563.  
  564.  
  565. /*
  566. var fileUploadOtherDocuments =
  567. "<div class='field_wrapper form-group field_wrapper_center_align'>" +
  568. "<label class='form_label1'>Upload Document:</label><br/> " +
  569. "<div class='buttonGroup'> " +
  570. "<label> Select the type of document <br/> " +
  571. "<select class='document-selection'><option>Driver License</option></select> " +
  572. "</label>" +
  573. "<div class='main-file-input'> " +
  574. "<input type='file' class='input-invisible'/> " +
  575. "<div class='file-upload'>To attach files/image, Drag and Drop Here or Just Click Here" +
  576. "</div>" +
  577. "</div>" + "<div class='title-loaded-file'></div><img class='delete-img-file' hidden='false' src='/SmartPayxOnline/resources/images/delete-img-file.png'/>" +
  578. "</div>" +
  579. "<input type='button' class='submit_btn' id='removeButton' value='Remove'/>" +
  580. "</div>";
  581.  
  582. var contentOtherDocument1 = "<div class='field_wrapper form-group field_wrapper_center_align'> <label class='form_label1'>Country of issue:<span style='color:red'>*</span></label><br/> <select id='issuedCountry' id='passportCountryId' name='passportCountryId' class='select_field form_fields' onchange='PPMasking.init()'> <option>--Select Country of Issue--</option> <option th:each='countryBean : ${ppIssueCtryLst}' th:value='${countryBean.id}' th:text='${countryBean.countryName}' th:attr='data-masking=${countryBean.countryMasking}'></option> </select> </div>";
  583. var contentOtherDocument2 = "<div class='field_wrapper form-group field_wrapper_center_align'> <label class='form_label1'>Document Number:<span style='color:red'>*</span></label><br/> <input name='passportNumber' type='text' th:field='*{passportNumber}' class='form_fields_large hideOnDuplicateEmail passport_fields' id='passportNumber' /><br/> <span class='please_do' style='color:grey'>Please enter your passport number as highlighted above.</span> <span class='please_do' id='passportAvailability' ></span> </div>";
  584. var contentOtherDocument3 = "<div class='field_wrapper form-group field_wrapper_center_align'> <label class='form_label1'> Issue By:</label><br/> <input name='passportIssue' id='passportIssue' th:field='*{passportIssueDate}' class='form_fields hideOnDuplicateEmail' type='text' readonly='true'/> </div>";
  585. var contentOtherDocument4 = "<div class='field_wrapper form-group field_wrapper_center_align'> <label class='form_label1'>Document Expiry Date:<span style='color:red'>*</span></label><br/> <input name='passportExpiry' id='passportExpiry' th:field='*{passportExpiryDate}' class='hideOnDuplicateEmail form_fields' readonly='true'/> </div>";*/
  586.  
  587.  
  588. /*$('#addFileOtherDocuments').click(function() {
  589. $('.other-documents').append($('<div>' + fileUploadOtherDocuments + contentOtherDocument1 + contentOtherDocument2 + contentOtherDocument3 + contentOtherDocument4 + '</div>').css({opacity: 0}).animate({opacity: 1}, 1500));
  590. });*/
  591.  
  592. $(document).on('click', '#removeButton', function() {
  593. $(this).parent().parent().parent().attr('hidden', true);
  594. $('#addFileOtherDocuments').attr('hidden', false);
  595. $(this).parent().find('.input-invisible').val('');
  596. $(this).parent().find('.delete-img-file').attr('hidden', true);
  597. $(this).parent().find('.file-upload').text('To attach files/image, Drag and Drop Here or Just Click Here');
  598. $(this).parent().find('.title-loaded-file').removeClass('imgLoadInf').attr('hidden', true);
  599.  
  600.  
  601. });
  602.  
  603. $( document).on( 'change', '.input-invisible', function(e){
  604. var splittedFakePath = this.value.split('\\');
  605. $(this).parent().next().text(splittedFakePath[splittedFakePath.length - 1]).css('background', '#eaf0f6').addClass('imgLoadInf');
  606. $(this).next().text('File Successfully Added!');
  607. $(this).parent().next().next().attr('hidden', false);
  608. });
  609.  
  610. $(document).on('click', '.delete-img-file', function(e) {
  611. $(this).prev().prev().children('.input-invisible').val('');
  612. $(this).attr('hidden', true);
  613. $(this).prev().removeClass('imgLoadInf').attr('hidden', true);
  614. $(this).prev().prev().children('.file-upload').text('To attach files/image, Drag and Drop Here or Just Click Here');
  615. });
  616.  
  617.  
  618.  
  619. $(document).on('mouseenter', '.input-invisible', function() {
  620. $(this).next().css('background', '#acaaaa');
  621. });
  622. $(document).on('mouseleave', '.input-invisible', function() {
  623. $(this).next().css('background', '#678dbb');
  624. });
  625.  
  626. $('#addFileOtherDocuments').click(function () {
  627. $(this).parent().prev().attr('hidden', false);
  628. $(this).attr('hidden', true);
  629. })
  630.  
  631. $(document).on('mouseenter', '.image-help-icon', function() {
  632. $('.example-doc-image').attr('hidden', false).css({opacity: 0}).animate({opacity: 1}, 1000);
  633. });
  634. $(document).on('mouseleave', '.image-help-icon', function() {
  635. $('.example-doc-image').attr('hidden', true);
  636. });
  637.  
  638.  
  639. });
  640.  
  641.  
  642. /* ]]> */
  643. </script>
  644.  
  645. </body>
  646. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!