webinterface.git

1) function populate_bankinfo(result) {

2)   bank = result;

3)   if (bank.iban_ok == 1) {

4)     document.querySelector("#iban_feedback").innerHTML = '<img src="../../images/ok.png" style="height: 16px; width: 16px;" alt="" title="" />';
5)     if (document.querySelector('#bankname').value == "") 
6)       document.querySelector('#bankname').value = bank.bankname;
7)     if (document.querySelector('#bic').value == "")  
8)       document.querySelector('#bic').value = bank.bic;

9)   } else {

10)     document.querySelector("#iban_feedback").innerHTML = '<img src="../../images/error.png" style="height: 16px; width: 16px;" alt="IBAN scheint nicht gültig zu sein" title="IBAN scheint nicht gültig zu sein" />';
11)     document.querySelector('#bankname').value = "";
12)     document.querySelector('#bic').value = "";

13)   }
14)     
15) }
16) 

17) async function searchbank() 

18) {

19)   var iban = document.querySelector('#iban').value.toUpperCase().replace(/\s/g, '');

20)   if (iban.substr(0,2) == "DE" && iban.length == 22) {

21)     document.querySelector("#iban").value = iban;
22)     document.querySelector("#bankname").disabled = true;
23)     document.querySelector("#bic").disabled = true;
24)     const response = await fetch("sepamandat_banksearch?iban="+iban);
25)     const data = await response.json();
26)     populate_bankinfo(data);
27)     document.querySelector("#bankname").disabled = false;
28)     document.querySelector("#bic").disabled = false;

29)   } else {

30)     document.querySelector("#iban_feedback").innerHTML = "";

31)   }
32) }
33) 
34) function copydata_worker( result ) {

35)   document.querySelector("#kontoinhaber").value = result.kundenname;
36)   document.querySelector("#adresse").value = result.adresse;

37) }
38) 

39) async function copydata( event ) {

40)   event.preventDefault();

41)   const response = await fetch("sepamandat_copydata");
42)   const data = await response.json();
43)   copydata_worker(data);

44) }
45) 
46) function populate_iban(result) {

47)   document.querySelector("#iban").value = result.iban;

48)   populate_bankinfo(result)
49) }
50) 

51) async function ktoblz( event ) {

52)   event.preventDefault();

53)   var kto = document.querySelector("#kto").value;
54)   var blz = document.querySelector("#blz").value;
55)   const response = await fetch("sepamandat_banksearch?kto="+kto+"&blz="+blz);
56)   const data = await response.json();
57)   populate_iban(data);

58) }
59) 
60) function showktoblz( event ) {
61)   event.preventDefault();

62)   document.querySelector("#ktoblz_button").style.display = "none";
63)   document.querySelector("#ktoblz_input").style.display = "";

64) }
65) 
66) ready(() => { 

67)     document.querySelector('#iban').addEventListener("change", searchbank );
68)     document.querySelector('#iban').addEventListener("keyup", searchbank );
69)     document.querySelector('#iban').addEventListener("paste", searchbank );
70)     document.querySelector('#copydata').addEventListener("click", copydata);
71)     document.querySelector('#showktoblz').addEventListener("click", showktoblz);
72)     document.querySelector('#ktoblz').addEventListener("click", ktoblz);