Eventos

1<#assign tipoParam = request.getParameter("tipo")!"" /> 

2 

3<div class="filtroTipo"> 

4	<select 

5	class="form-control selectTipo" id="selectTipo" onchange="newTipo()"> 

6	<option disabled <#if tipoParam == "" > selected </#if>> Tipo </option> 

7	<option value="40207" <#if tipoParam == "40207" > selected  </#if>> Institucional </option> 

8	<option value="54028" <#if tipoParam == "54028" > selected  </#if>> Do Setor </option> 

9	<option value=""> Todos os tipos </option> 

10</select> 

11<i class="fa-solid fa-angle-down custom-select-icon"></i> 

12</div> 

13 

14<script> 

15	function newTipo() { 

16		    var value = document.getElementById("selectTipo").value; 

17		const url = new URL(window.location); 

18    url.searchParams.set("tipo", value); 

19    window.location.href = url.toString(); 

20		 

21		/* 

22    var value = document.getElementById("selectTipoDeFormato").value; 

23    var sortIndex = window.location.href.indexOf('tipo='); 

24		var newUrlPart = 'tipo=' + value; 

25		 

26    if (sortIndex !== -1) { 

27        var currentSortValue = window.location.href.substring(sortIndex + 8).split('&')[0]; 

28        var newUrl = window.location.href.replace('tipo=' + currentSortValue, newUrlPart); 

29        window.location = newUrl; 

30    } else { 

31        window.location = window.location.href + (window.location.href.indexOf('?') !== -1 ? '&' : '?') + newUrlPart; 

32    } 

33		*/ 

34	} 

35</script> 

36 

37<style> 

38	 

39	.filtroTipo{ 

40		position: relative; 

41	.selectTipo { 

42		width: auto; 

43min-width: 195px; 

44    border-radius: 24px; 

45		padding-right: 40px; 

46    border: 1px solid var(--neutra-preto); 

47    background-color: #F3F3F3; 

48    background-image: none !important; 

49    font-size: 22px; 

50    display: flex; 

51    text-align: center; 

52		font-size: 22px; 

53	height: 48px; 

54	align-items: center; 

55	padding-top: 0; 

56	padding-bottom: 0; 

57		box-sizing: content-box; 

58		 

59		&:focus{ 

60	background-color: #F3F3F3 !important; 

61	box-shadow: 0 !important; 

62		} 

63	} 

64		.custom-select-icon { 

65position: absolute; 

66    right: 40px; 

67    top: 58%; 

68    transform: translateY(-50%); 

69    font-size: 20px; 

70    height: 24px; 

71    width: 24px; 

72    color: #0A1A2A; 

73    pointer-events: none; 

74    display: flex; 

75    justify-content: center; 

76    align-items: center; 

77} 

78		 

79	} 

80</style>