Combining multiple rules

[kyvaith]

Case:

After setting tracker, the category list is limited (works). After choosing one of avaliable categories, another CF shopuld appear (don't work). How can I combine this rules?

[kyvaith]

My code now:

`$(function() {
if (!$('form').hasClass('new_issue')) {
return;
}

hideCategory = function() {

// Set and hide category values basing on the selected tracker

  switch($('#issue_tracker_id').val()) {
	case '2':
	  $('.cf_34 option:nth-child(2)').show();
	  $('.cf_34 option:nth-child(3)').show();
	  $('.cf_34 option:nth-child(4)').show();
	  $('.cf_34 option:nth-child(5)').show();
	  $('.cf_34 option:nth-child(6)').show();
	  $('.cf_34 option:nth-child(7)').hide();
	  $('.cf_34 option:nth-child(8)').hide();
	  $('.cf_34 option:nth-child(9)').hide();
	break;

	case '5':
	  $('.cf_34 option:nth-child(2)').hide();
	  $('.cf_34 option:nth-child(3)').hide();
	  $('.cf_34 option:nth-child(4)').hide();
	  $('.cf_34 option:nth-child(5)').hide();
	  $('.cf_34 option:nth-child(6)').hide();
	  $('.cf_34 option:nth-child(7)').show();
	  $('.cf_34 option:nth-child(8)').show();
	  $('.cf_34 option:nth-child(9)').show();
	  $('label[for=issue_custom_field_values_35]').hide();
	  $('.cf_35').hide();
	break;

	case '3':
	  $('.cf_34 option:nth-child(2)').hide();
	  $('.cf_34 option:nth-child(3)').hide();
	  $('.cf_34 option:nth-child(4)').hide();
	  $('.cf_34 option:nth-child(5)').hide();
	  $('.cf_34 option:nth-child(6)').hide();
	  $('.cf_34 option:nth-child(7)').show();
	  $('.cf_34 option:nth-child(8)').show();
	  $('.cf_34 option:nth-child(9)').show();
	  $('label[for=issue_custom_field_values_35]').hide();
	  $('.cf_35').hide();
	break;	

  }
}

showDeviceType = function() {
	switch($('#issue_custom_field_values_34').val()) {
		case 'Problem sprzętowy':
		  $('label[for=issue_custom_field_values_35]').show();
		  $('.cf_35').show();
		default:
		  $('label[for=issue_custom_field_values_35]').hide();
		  $('.cf_35').hide();
	break;
	}
}

});`

[onozaty]

Hi @kyvaith

Is this the entire code?
I was curious because there is no event registered to be called at the time the change is made.

Thanks.

[kyvaith]

Yes. I'm not an expert of the jQuery ;)

[onozaty]

I have created two examples, which you can refer to here.

• https://github.com/onozaty/redmine-view-customize-scripts/blob/master/examples/0046.narrow_down_categories_according_to_tracker/example.md
• https://github.com/onozaty/redmine-view-customize-scripts/blob/master/examples/0047.change_visibility_of_custom_fields_by_categories/example.md

Thanks.

[kyvaith]

Ok, after learning some jQ, I've ended up with this code:

// Set all custom fields required

$('[class^="cf_"], [class*="cf_"]').prev('label').append('<span class="required">*</span>');
$('input[class^="cf_"], input[class*="cf_"], [class^="cf_"] input, [class*="cf_"] input').addClass('requred');

// Front-end validate if all requred fields are set **to be done**

$('form').submit(function() {
  console.log('Some required fields are empty');
//  return false;
});

// Define the list of all custom fields that should be hidden at start

var allCF = [
	$('.cf_38'),
	$('.cf_39'),
	$('.cf_40'),
	$('.cf_41'),
	$('.cf_42'),
	$('.cf_43'),
	$('.cf_44'),
	$('.cf_45'),
	$('.cf_46'),
	$('.cf_47'),
	$('.cf_48'),
	$('.cf_49')
];

// List of fields that should appear for the "Utworzenie konta pracownika" category

var CreateUserCF = [
	$('.cf_38'),
	$('.cf_39'),
	$('.cf_40'),
	$('.cf_41'),
	$('.cf_42'),
	$('.cf_43'),
	$('.cf_44')
];

var DeleteUserCF = [
	$('.cf_48'),
	$('.cf_49')
];


// Set and hide category values basing on the selected tracker

$(function() {

	switch ($('#issue_tracker_id').val()) {
		case '2':
			$('.cf_34 option:nth-child(2)').show();
			$('.cf_34 option:nth-child(3)').show();
			$('.cf_34 option:nth-child(4)').show();
			$('.cf_34 option:nth-child(5)').show();
			$('.cf_34 option:nth-child(6)').show();
			$('.cf_34 option:nth-child(7)').hide();
			$('.cf_34 option:nth-child(8)').hide();
			$('.cf_34 option:nth-child(9)').hide();
			$(".cf_34").val('').change();
			$.each(allCF, function() {
				$(this).parent().hide();
			});
			break;

		case '5':
			$('.cf_34 option:nth-child(2)').hide();
			$('.cf_34 option:nth-child(3)').hide();
			$('.cf_34 option:nth-child(4)').hide();
			$('.cf_34 option:nth-child(5)').hide();
			$('.cf_34 option:nth-child(6)').hide();
			$('.cf_34 option:nth-child(7)').show();
			$('.cf_34 option:nth-child(8)').show();
			$('.cf_34 option:nth-child(9)').show();
			$('.cf_34').val('').change();
			$.each(allCF, function() {
				$(this).parent().hide();
			});
			break;

		case '3':
			$('.cf_34 option:nth-child(2)').hide();
			$('.cf_34 option:nth-child(3)').hide();
			$('.cf_34 option:nth-child(4)').hide();
			$('.cf_34 option:nth-child(5)').hide();
			$('.cf_34 option:nth-child(6)').hide();
			$('.cf_34 option:nth-child(7)').show();
			$('.cf_34 option:nth-child(8)').show();
			$('.cf_34 option:nth-child(9)').show();
			$('.cf_34').val('').change();
			$.each(allCF, function() {
				$(this).parent().hide();
			});
			break;
	}
});

// "Utworzenie konta pracownika"

$('.cf_34').change(function() {
	var selectedValue = $('option:selected', this).val();
	if (selectedValue == "Utworzenie konta pracownika") {
		$.each(CreateUserCF, function() {
			$(this).parent().show();
		});
	} else {
		$.each(CreateUserCF, function() {
			$(this).parent().hide();
		});
	}
});

// "Usunięcie konta pracownika"

$('.cf_34').change(function() {
	var selectedValue = $('option:selected', this).val();
	if (selectedValue == "Usunięcie konta pracownika") {
		$.each(DeleteUserCF, function() {
			$(this).parent().show();
		});
	} else {
		$.each(DeleteUserCF, function() {
			$(this).parent().hide();
		});
	}
});

// "Dodanie dostępów" & "Odebranie dostępów"

$('.cf_34').change(function() {
	var selectedValue = $('option:selected', this).val();
	if (selectedValue == "Dodanie dostępów" || selectedValue == "Utworzenie konta pracownika" || selectedValue == "Odebranie dostępów") {
		$('.cf_44').parent().show();
			if ($('.cf_44 input[value="Erney"]').is(':checked')) {
				$('.cf_45').parent().show();
			};
	} else {
		$('.cf_44').parent().hide();
		$('.cf_45').parent().hide();
	};
});

// Show Erney roles

$('.cf_44 input[value="Erney"]').change(function() {
	if ($(this).is(':checked')) {
		$('.cf_45').parent().show();
	} else {
		$('.cf_45').parent().hide();
	};
});

// "Przydzielenie sprzętu pracowniczego"

$('.cf_34').change(function() {
	var selectedValue = $('option:selected', this).val();
	if (selectedValue == "Przydzielenie sprzętu pracowniczego") {
		$('.cf_46').parent().show();
	} else {
		$('.cf_46').parent().hide();
	}
});

// "Problem z oprogramowaniem standardowym" & "Problem z pozostałym oprogramowaniem"

$('.cf_34').change(function() {
	var selectedValue = $('option:selected', this).val();
	if (selectedValue == "Problem z oprogramowaniem standardowym" || selectedValue == "Problem z pozostałym oprogramowaniem") {
		$('.cf_47').parent().show();
	} else {
		$('.cf_47').parent().hide();
	}
});


// "Problem sprzętowy"

$('.cf_34').change(function() {
	var selectedValue = $('option:selected', this).val();
	if (selectedValue == "Problem sprzętowy") {
		$('.cf_35').parent().show();
	} else {
		$('.cf_35').parent().hide();
	}
});

[github-actions]

This issue is stale because it has been open for 60 days with no activity.

[github-actions]

This issue was closed because it has been inactive for 14 days since being marked as stale.