https://www.utahparkpass.com/cws/static/js/public/register/owner-type-category.js

1$(document).ready(function()
2{
3	$(".ownertype-info").hide();
4	if($(".checked").length == 1){
5		let title 			= getTextByKey("selfregister.type."+$(".checked").data('type')+".title");
6		let description 	= getTextByKey("selfregister.type."+$(".checked").data('type')+".description");
7		
8		$("#self-register-type-title").html(title);
9		$("#self-register-type-description").html(description);
10		if(title && description) 
11		{
12			$(".ownertype-info").show();
13		}
14	}
15	
16	$( "div.ownertype" ).mouseover(function() {
17		var card = $(this);
18		
19		let title 			= getTextByKey("selfregister.type."+card.data('type')+".title");
20		let description 	= getTextByKey("selfregister.type."+card.data('type')+".description");
21		
22		if(title && description) 
23		{
24			$("#self-register-type-title").html(title)
25			$("#self-register-type-description").html(description)
26			$(".ownertype-info").show()
27		} else {
28			//$(".ownertype-info").hide()
29		}
30		
31	})
32	$('.ownertype').click(function(){
33		
34		var card = $(this);
35		if(card.hasClass('checked'))
36		{
37			card.removeClass('checked');
38			
39			if(card.data('value') == 'resident')
40			{
41				$('#stage-address').hide();
42			}
43		}
44		else
45		{
46			card.addClass('checked');
47			
48			if(card.data('value') == 'resident')
49			{
50				$('#stage-address').show();
51			}
52		}
53		
54		//$(".ownertype-info").hide();
55		let title 			= getTextByKey("selfregister.type."+card.data('type')+".title");
56		let description 	= getTextByKey("selfregister.type."+card.data('type')+".description");
57		if(!card.hasClass('checked')){$(".ownertype-info").hide();}
58		if(title && description && card.hasClass('checked')) 
59		{
60			$("#self-register-type-title").html(title)
61			$("#self-register-type-description").html(description)
62			$(".ownertype-info").show()
63		} else if($(".checked").length == 1){
64			title 			= getTextByKey("selfregister.type."+$(".checked").data('type')+".title");
65			description 	= getTextByKey("selfregister.type."+$(".checked").data('type')+".description");
66			if(title && description) {
67				$("#self-register-type-title").html(title);
68				$("#self-register-type-description").html(description);
69				$(".ownertype-info").show();	
70			} else {$(".ownertype-info").hide();}
71		}
72		
73		//set last one selected content
74		if(!$(".ownertype-info").is(":visible")){
75			for (var i = $('.ownertype.checked:visible').length; i >= 0; i--) {
76				element = $('.ownertype.checked:visible')[i-1];				
77				title 			= getTextByKey("selfregister.type."+$(element).data('type')+".title");
78				description 	= getTextByKey("selfregister.type."+$(element).data('type')+".description");
79				if(title && description) {
80					$("#self-register-type-title").html(title);
81					$("#self-register-type-description").html(description);
82					$(".ownertype-info").show();	
83					 return false;//break
84				}				
85			}
86						
87			if(title && description) {
88				$("#self-register-type-title").html(title);
89				$("#self-register-type-description").html(description);
90				$(".ownertype-info").show();	
91				 return false;//break
92			}
93		}
94	});
95	
96	function getTextByKey(key) {
97		let text = _i18n.t(key);
98		if(text != key && text.trim().length > 0) 
99		{
100			return text;
101		}		
102		return null;
103	}
104	
105	$('#btn-next, #btn-cancel, #btn-next-self').click(function(){
106		let url = '/register/account/ownertypes';
107		if(this.id === 'btn-next-self'){url = '/register/self-registration'}
108		var oritext = this.innerText;
109		$(this).prop('disabled', true).html(_i18n.t('button.processing'));				
110		
111		showPleaseWait();		
112		var self = $(this);
113		var ownertypes = $('.ownertype.checked:visible');
114		
115		if(ownertypes.length == 0) 
116		{
117			if($(self).attr('id') != 'btn-cancel'){
118				$.notifyError(_i18n.t('register.type.select'));
119				hidePleaseWait();				
120				self.prop('disabled', false).html(oritext);
121			} else {
122				window.location.href = '/cws/logout';
123			}			
124		}
125		else
126		{
127			var data = {};
128			ownertypes.each(function(index){
129				data['ot'+index] = $(this).data('value');
130			});			
131			
132			$.ajax({
133				 type: 'post', 
134				 url: _contextPath + url, 
135				 data: data, 
136				 success: function(data)
137				 {					 			 
138					 if(data.success)
139					 {
140						 if($(self).attr('id') == 'btn-cancel'){ 
141							 window.location.href = '/cws/logout';			 
142						 } else {
143							 window.location.href = _contextPath + data.redirect;	 
144						 }
145						 
146					 } else {
147						 hidePleaseWait();				
148						 self.prop('disabled', false).html(oritext);	 
149					 }
150				 },
151				 error: function (request, status, error) {
152					 hidePleaseWait();				
153					 self.prop('disabled', false).html(oritext);	
154				 },
155				 dataType: 'json',
156				 cache: false			        
157			 });
158		}
159	});
160});