https://www.vdi.de/_assets/75a3df7dd61c2dc831abe2e982cdc8a7/JavaScript/admissionForm.js?1779175589

1$(".admission-form .form-group .plz").autocomplete(
2    {
3        serviceUrl: "/api/v1/public/zipcode/suggestion",
4        ajaxSettings: {
5            method: "POST",
6        },
7        paramName: "zipcode",
8        transformResult: function (response) {
9            return {
10                suggestions: $.map(
11                    jQuery.parseJSON(response), function (dataItem) {
12                        return { value: dataItem, data: dataItem };
13                    }
14                ),
15            };
16        },
17    }
18);
19
20$(".admission-form .form-group .plz").on("blur", 0, cityAutofill);
21
22async function cityAutofill() {
23    let zipcode = $(".admission-form .form-group .plz").val();
24    if (zipcode) {
25        let city = await getCity();
26        city = Object.keys(city)[0];
27
28        let cityInput = document.querySelector('[id$="-city"]');
29        if (!cityInput){
30            cityInput = document.querySelector('[id$="-cityGodfather"]');
31        }
32        if (cityInput) {
33            cityInput.value = city;
34        } else {
35            console.error("Stadt-Eingabefeld nicht gefunden.");
36        }
37    }
38}
39
40async function getCity()
41{
42    let zipcode = $(".admission-form .form-group .plz").val();
43    let requestBody = { zipcode: zipcode };
44    let formBody = [];
45
46    for (let property in requestBody) {
47        let encodedKey = encodeURIComponent(property);
48        let encodedValue = encodeURIComponent(requestBody[property]);
49        formBody.push(encodedKey + "=" + encodedValue);
50    }
51    formBody = formBody.join("&");
52
53    try {
54        let response = fetch(
55            "/api/v1/public/city/suggestion", {
56                method: "POST",
57                body: formBody,
58                headers: {
59                    "Content-Type": "application/x-www-form-urlencoded",
60                    Accept: "1.0",
61                },
62            }
63        );
64        return await(await response).json();
65    } catch (error) {
66        console.log(error);
67    }
68}
69
70$(".admission-form .form-group .ort").autocomplete(
71    {
72        serviceUrl: "/api/v1/public/city/suggestion",
73        ajaxSettings: {
74            method: "POST",
75        },
76        paramName: "city",
77        transformResult: function (response) {
78            return {
79                suggestions: $.map(
80                    jQuery.parseJSON(response), function (dataItem) {
81                        return { value: dataItem, data: dataItem };
82                    }
83                ),
84            };
85        },
86    }
87);
88
89$(".admission-form .form-group .titel").autocomplete(
90    {
91        serviceUrl: "/api/v1/public/title/suggestion",
92        ajaxSettings: {
93            method: "POST",
94        },
95        paramName: "title",
96        transformResult: function (response) {
97            return {
98                suggestions: $.map(
99                    jQuery.parseJSON(response), function (dataItem) {
100                        return { value: dataItem, data: dataItem };
101                    }
102                ),
103            };
104        },
105    }
106);
107
108$(".admission-form .form-group .titel").keypress(
109    function (e) {
110        if (e.which == 13) {
111            return false;
112        }
113    }
114);
115
116$(".admission-form .form-group .hochschule").autocomplete(
117    {
118        serviceUrl: "/api/v1/public/university/suggestion",
119        ajaxSettings: {
120            method: "POST",
121        },
122        paramName: "university",
123        transformResult: function (response) {
124            return {
125                suggestions: $.map(
126                    jQuery.parseJSON(response), function (dataItem) {
127                        return { value: dataItem, data: dataItem };
128                    }
129                ),
130            };
131        },
132    }
133);
134
135togglePayment();
136
137$("body .admission-form").on(
138    "change", "[name*=paymentMethod]", function () {
139        togglePayment();
140    }
141);
142
143function togglePayment()
144{
145    if ($(".admission-form [name*=paymentMethod]").val() == "U") {
146        $(".admission-form [name*=paymentMethod]")
147        .closest(".col-lg-12")
148        .next(".col-lg-12")
149        .hide();
150        $(".admission-form [name*=accountNumber]").prop("required", false);
151    } else {
152        $(".admission-form [name*=paymentMethod]")
153        .closest(".col-lg-12")
154        .next(".col-lg-12")
155        .show();
156        $(".admission-form [name*=accountNumber]").prop("required", true);
157    }
158}