"El consum responsable és a prop teu"
Des de l’Àrea de Comerç, Consum i Salut Pública de la Diputació de Barcelona volem posar en valor el consum local i de proximitat com un consum responsable, conscient i sostenible que genera una acció transformadora als municipis i ciutats de la demarcació. Reivindiquem el consum de proximitat com un consum que genera riquesa local, teixeix vincles comunitaris i transforma socialment els nostres municipis. La decisió d’on, què i com comprem té conseqüències directes de caràcter social, econòmic i mediambiental.
Materials de difusió:
An error occurred while processing the template.
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>