https://www.bayerische-krebsgesellschaft.de/typo3conf/ext/zone35_s…/js/fundraising_script.js?1696013796

1 $(document).ready(function(){
2	
3	// Related to the Spenden range slider ----------------------------------------------------------------------
4	
5	
6	// var url = 'http://bkgs.zone35.de/index.php?id=488';
7	
8	if ($('#slider').length) {
9		var sliderData = $('#SpendenformularData').data();
10		var min = sliderData.min;
11		var max = sliderData.max;
12		var step = sliderData.step;
13		var url = sliderData.url;
14
15		$("#slider").slider({
16			min: min,
17			max: max,
18			step: step,
19			change: function(e, ui){
20				if(!($('#betrag input').val() > max)){
21					$('#betrag input').val(ui.value);
22				}
23				if(ui.value > 0){
24					$('#submit-betrag').removeAttr('disabled');
25				}else{
26					$('#submit-betrag').attr('disabled', true);
27				}
28				updateURL();
29			},
30			slide: function(e, ui){
31				$('#betrag input').val(ui.value);
32			}
33		});
34		
35		// to make the slider works on mobile devices
36		$('#slider').draggable();
37
38		// Set init value
39		var inputValue = $('#betrag input').val();
40		if (inputValue) {
41			$('#slider').slider('value', inputValue);
42			$('#submit-betrag').removeAttr('disabled');
43		}
44		
45		$('.spende-amount').on('click', function(e){
46			
47			var value = $(this).attr('data-amount');
48			
49			$('#slider').slider('value', value);
50			
51		});
52		
53		$('#submit-betrag').on('click', function(e){
54			if($(this).attr('disabled') == 'disabled'){
55				return false;
56			}
57		});
58		
59		$('#betrag input').on('input', function(e){
60			
61			var value = $(this).val();
62			
63			if(value > 0){
64				$('#submit-betrag').removeAttr('disabled');
65			}else{
66				$('#submit-betrag').attr('disabled', true);
67			}
68			
69			if(value > max){
70				$('#slider').slider('value', max);
71			}else{
72				$('#slider').slider('value', value);
73			}
74			
75			updateURL();
76			
77		});
78	}
79	
80	// Related to Spenden Form -----------------------------------------------------------------------------
81	
82	$('#firma, #firma_zusatz').hide();
83	$('label[for="firma"], label[for="firma_zusatz"]').hide();
84	
85	$('#anrede').change(function(e){
86		if($(this).val() == 3){
87			$('#firma, #firma_zusatz, label[for="firma"], label[for="firma_zusatz"]').show();
88			$('#vorname, #nachname, #titel, label[for="vorname"], label[for="nachname"], label[for="title"]').hide();
89		}else{
90			$('#firma, #firma_zusatz, label[for="firma"], label[for="firma_zusatz"]').hide();
91			$('#vorname, #nachname, #titel, label[for="vorname"], label[for="nachname"], label[for="title"]').show();
92		}
93	});
94	
95	$('#zahlungsart').change(function(e){
96		if($(this).val().toLowerCase() == 'sepa'){
97			$('label[for="sepa_data[iban]"]').show();
98			$('#iban').show();
99		}else{
100			$('label[for="sepa_data[iban]"]').hide();
101			$('#iban').hide();
102		}
103	});
104
105	
106	jQuery('#zahlungsart').customselect({});
107	
108	$('#zahlungsart + .customselect-list label').each(function() {
109		let innerText = this.innerHTML;
110		console.log($(this).attr("value"));
111		if (innerText.toLowerCase().localeCompare("kreditkarte") != 0) {
112			this.innerHTML = "";
113			$(this).append('<span class="sr-only"></span>');
114			$(this).children("span")[0].innerHTML = innerText;
115		}
116	})	
117	
118
119	$('#zahlungsart + .customselect-list input').change(function(e){
120		if(this.checked) {
121        	if($(this).attr("value") == "SEPA") {
122        		$("#iban").show();
123        		$("#iban").siblings("label").show();
124        	} else {
125        		$("#iban").hide();
126        		$("#iban").siblings("label").hide();
127        	}
128    	}
129	});
130	
131	// Functions ------------------------------------------------------------------------------------------------
132	
133	function updateURL(){
134		var tempUrl = url;
135		if (tempUrl.indexOf('?') === -1) {
136			tempUrl +=  '?betrag=' + $('#betrag input').val().toString();
137		} else {
138			tempUrl +=  '&betrag=' + $('#betrag input').val().toString();
139		}
140		tempUrl = encodeURI(tempUrl);
141		$('#submit-betrag').attr('href', tempUrl);
142	}
143	
144});