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>