nextcloud/js/js.js

$(document).ready(function() {	
	//hide the advanced config
	$('#advanced_options').hide();
	$('#use_mysql').hide();
	$('label.sqlite').css('background-color', '#ddd');
	$('label.mysql').css('background-color', '#fff');
	
	// Sets advanced_options link behaviour :
	$('#advanced_options_link').click(function() {
		$('#advanced').toggleClass('userLinkOn');
		$('#advanced_options').slideToggle(250);
		return false;
	});
	
	$('#mysql').click(function() {
		$('#use_mysql').slideDown(250);
		$('label.sqlite').css('background-color', '#fff');
		$('label.mysql').css('background-color', '#ddd');
	});
	$('#sqlite').click(function() {
		$('#use_mysql').slideUp(250);
		$('label.sqlite').css('background-color', '#ddd');
		$('label.mysql').css('background-color', '#fff');
	});

	// Hide and show input field values for login and installation form
	var textuser = 'username';
	var textpassword = 'password';
	var textadmin = 'admin username';
	var textdbuser = 'MySQL user';
	var textdbpass = 'password';
	var textdbname = 'database name';
	$('#user').focus(function() { if($(this).attr('value') == textuser) $(this).attr('value', ''); });
	$('#user').blur(function() { if($(this).attr('value') == '') $(this).attr('value', textuser); });
	$('#password').focus(function() { if($(this).attr('value') == textpassword) $(this).attr('value', ''); });
	$('#password').blur(function() { if($(this).attr('value') == '') $(this).attr('value', textpassword); });
	$('#admin').focus(function() { if($(this).attr('value') == textadmin) $(this).attr('value', ''); });
	$('#admin').blur(function() { if($(this).attr('value') == '') $(this).attr('value', textadmin); });
	$('#dbuser').focus(function() { if($(this).attr('value') == textdbuser) $(this).attr('value', ''); });
	$('#dbuser').blur(function() { if($(this).attr('value') == '') $(this).attr('value', textdbuser); });
	$('#dbpass').focus(function() { if($(this).attr('value') == textdbpass) $(this).attr('value', ''); });
	$('#dbpass').blur(function() { if($(this).attr('value') == '') $(this).attr('value', textdbpass); });
	$('#dbname').focus(function() { if($(this).attr('value') == textdbname) $(this).attr('value', ''); });
	$('#dbname').blur(function() { if($(this).attr('value') == '') $(this).attr('value', textdbname); });
});