Sistema de elección de los diputados
La composición de la Diputación de Barcelona viene determinada por los resultados obtenidos en las elecciones municipales. De acuerdo con estos resultados, los partidos eligen cuáles de los concejales escogidos en cada municipio ocuparán también un puesto de diputado en la corporación provincial.
Consulte la composición y los grupos políticos representados en el Pleno durante el mandato 2023-2027.
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing: ==> titol [in template "10132#10165#355787458" at line 32, column 22] ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #if titol.getData() != "" [in template "10132#10165#355787458" at line 32, column 17] ----
1<#if Estil.getData()=="acordio">
2 <div class="accordion mb-4" id="acordio${.vars["reserved-article-id"].data}">
3 <#if (titolH.getData())?? >
4 <h2 class="ml-0">${titolH.getData()}</h2>
5 </#if>
6 <#if (descripcio.getData())??>
7 <p>${descripcio.getData()}</p>
8 </#if>
9 <#assign primer=true>
10 <#assign n=1>
11 <#list pestanya.getSiblings() as tab>
12 <#assign titleId= stringUtil.replace(tab.titol.getData()," ","")>
13 <div class="card acordio-item-${n} border border-dark mb-3">
14 <div class="acordio-titol bg-white" id="heading-${.vars["reserved-article-id"].data}-${n}">
15 <button class="btn btn-link btn-block btn-lg h4 mb-0 text-left p-3" data-toggle="collapse" data-target="#acordio-${.vars["reserved-article-id"].data}-${n}" aria-expanded="false" aria-controls="acordio-${.vars["reserved-article-id"].data}-${n}" href="#acordio-${.vars["reserved-article-id"].data}-${n}">
16 ${tab.titol.getData()}<i class="fa-solid fa-plus float-right" ></i>
17 </button>
18 </div>
19 <div id="acordio-${.vars["reserved-article-id"].data}-${n}" class="acordio-seccio p-4 collapse" aria-labelledby="heading-${.vars["reserved-article-id"].data}-${n}" data-parent="#acordio${.vars["reserved-article-id"].data}">
20 <div class="card-body py-2">
21 ${tab.contingut.getData()}
22 </div>
23 </div>
24 </div>
25 <#assign primer=false>
26 <#assign n= n+1>
27 </#list>
28 </div>
29</#if>
30<#if Estil.getData()=="horitzontals">
31 <div class="mb-5" id="heading-${.vars["reserved-article-id"].data}">
32 <#if titol.getData()!="" >
33 <h2 class="ml-0">${titol.getData()}</h2>
34 </#if>
35 <#if (descripcio.getData())??>
36 <p>${descripcio.getData()}</p>
37 </#if>
38 <#assign primer=true>
39 <#assign i=1>
40
41 <ul class="nav nav-tabs border-dark border-bottom ml-0">
42 <#list pestanya.getSiblings() as tab>
43 <#assign titleId= stringUtil.replace(tab.titol.getData()," ","")>
44
45 <#if i==1>
46
47 <li class="nav-item"><a id="horitzontal-${.vars["reserved-article-id"].data}-${i}" aria-controls="seccio-${.vars["reserved-article-id"].data}-${i}" aria-selected="true" class="h5 nav-link text-left border-0 pl-0 active" data-toggle="tab" href="#seccio-${.vars["reserved-article-id"].data}-${i}" style="text-decoration:none">${tab.titol.getData()} <i class="fa-solid fa-caret-down"> </i></a></li>
48
49
50
51
52
53 <#else> <li class="nav-item"><a id="horitzontal-${.vars["reserved-article-id"].data}-${i}" aria-controls="seccio-${.vars["reserved-article-id"].data}-${i}" aria-selected="false" class="h5 nav-link text-left border-0 pl-0" data-toggle="tab" href="#seccio-${.vars["reserved-article-id"].data}-${i}" style="text-decoration:none">${tab.titol.getData()} <i class="fa-solid fa-caret-down"> </i></a></li>
54
55
56
57 </#if>
58
59 <#assign primer=false>
60 <#assign i= i+1>
61 </#list>
62 </ul>
63
64 <#assign primer=true>
65 <#assign i=1>
66 <div class="tab-content py-4">
67 <#list pestanya.getSiblings() as tab>
68 <#assign titleId= stringUtil.replace(tab.titol.getData()," ","")>
69 <#if i==1>
70 <div class="tab-pane fade active show" id="seccio-${.vars["reserved-article-id"].data}-${i}">
71 <#else> <div class="tab-pane fade" id="seccio-${.vars["reserved-article-id"].data}-${i}">
72
73 </#if>
74
75 ${tab.contingut.getData()}
76 </div>
77 <#assign primer=false>
78 <#assign i= i+1>
79 </#list>
80 </div>
81 </div>
82</#if>
83<#if Estil.getData()=="verticals">
84 <div class="row mb-5" id="vertical-${.vars["reserved-article-id"].data}">
85 <#assign primer=true>
86 <#assign i=1>
87 <div class="col-4 col-lg-3 pr-0">
88 <nav class="nav flex-column nav-tabs border-top-0 border-bottom-0 border-right border-dark h-100">
89 <#list pestanya.getSiblings() as tab>
90 <#assign titleId= stringUtil.replace(tab.titol.getData()," ","")>
91 <#if i==1>
92 <a id="vertical-${.vars["reserved-article-id"].data}-${i}" aria-controls="seccio-${.vars["reserved-article-id"].data}-${i}" aria-selected="true" class="h5 nav-link text-left py-0 pr-1 pl-0 mb-3 border-0 active" data-toggle="pill" href="#seccio-${.vars["reserved-article-id"].data}-${i}" style="text-decoration:none; white-space:normal;">${tab.titol.getData()} <i class="float-right fa-solid fa-caret-right"> </i></a>
93 <#else> <a id="vertical-${.vars["reserved-article-id"].data}-${i}" aria-controls="seccio-${.vars["reserved-article-id"].data}-${i}" aria-selected="false" class="h5 nav-link text-left py-0 pr-1 pl-0 mb-3 border-0" data-toggle="pill" href="#seccio-${.vars["reserved-article-id"].data}-${i}" style="text-decoration:none; white-space:normal;">${tab.titol.getData()} <i class="float-right fa-solid fa-caret-right"> </i></a>
94 </#if>
95
96 <#assign primer=false>
97 <#assign i= i+1>
98 </#list>
99 </nav>
100 </div>
101 <#assign primer=true>
102 <#assign i=1>
103 <div class="col-8 col-lg-9">
104 <div class="tab-content">
105 <#list pestanya.getSiblings() as tab>
106
107 <#if i==1>
108 <div class="tab-pane fade show active" id="seccio-${.vars["reserved-article-id"].data}-${i}">
109 <#else> <div class="tab-pane fade show" id="seccio-${.vars["reserved-article-id"].data}-${i}">
110 </#if>
111
112 ${tab.contingut.getData()}
113 </div>
114 <#assign primer=false>
115 <#assign i= i+1>
116 </#list>
117 </div>
118 </div>
119 </div>
120</#if>
121
122<script type="text/javascript">
123 function getUrlParameter(key) {
124 key = key.replace(/[[]/, "\[").replace(/[]]/, "\]");
125 var regex = new RegExp("[\?&]" + key + "=([^&#]*)");
126 var results = regex.exec(window.location.href);
127 if (results == null)
128 return "";
129 else
130 return unescape(results[1]);
131 }
132
133 var panelId = getUrlParameter('anchor');
134 if(panelId){
135 var $panel = $('#'+panelId);
136 var $head = $('#'+panelId.replace('acordio','heading'));
137 if(panelId.includes("acordio")){
138 $panel.addClass('show');
139 $('html,body').animate({
140 scrollTop: $head.offset().top},
141 'slow');
142 }else{
143 $panel.click();
144 $('html,body').animate({
145 scrollTop: $panel.offset().top},
146 'slow');
147 }
148 }
149 $('div.acordio-titol button.btn-link').click(function (e) {
150 $('div.acordio-titol button.btn-link i').not($(this).find('i')).removeClass('fa-solid fa-minus').addClass('fa-solid fa-plus');
151 $(this).find('i').toggleClass("fa-solid fa-plus fa-solid fa-minus");
152 })
153</script>