https://paupaterres.cat/ca/cookies-settings

1
2<form name="cookiesSettings" method="post" action="/ca/cookies-settings" id="cookiesSettings">
3    <div class="modal-header">
4        <button type="button" class="close" data-dismiss="modal" aria-label="Tancar" tabindex="0"><span aria-hidden="true">&times;</span></button>
5        <h4 class="modal-title">Configuració de Cookies</h4>
6    </div>
7    <div class="modal-body">
8        <div class="message-cookies">
9			<a rel="nofollow" tabindex="0" role="button" aria-expanded="false" href="/ca/ctext/legal-advice" target="_blank">
10                
11            </a>
12			<a rel="nofollow" tabindex="0" role="button" aria-expanded="false" href="/ca/ctext/privacy-policy" target="_blank">
13                Politica Privacitat
14            </a>
15        </div>
16
17                              <div class="panel panel-default">
18                <div class="panel-heading" data-toggle="collapse" href="#necessary" role="button" tabindex="0" aria-expanded="false" aria-controls="necessary">
19                    <span>Necessàries <span class="badge">12</span></span>
20                    <span class="pull-right">
21                                                    <span class="text-success">Sempre actives</span>
22                                                <span class="chevron"><i class="fa-solid fa-chevron-down"></i></span>
23                    </span>
24                </div>
25                <div class="panel-body collapse cookies-collapse" id="necessary">
26                    <span class="text">
27                        Les galetes necessàries ajuden a fer que els llocs web siguin més accessibles i que permetin les funcions bàsiques, com ara navegar o accedir a les àrees segures del lloc web. El lloc web no pot funcionar sense aquestes galetes.
28                    </span>
29                    <table class="table table-bordered table-condensed">
30    <thead>
31        <tr>
32            <th>Nom</th>
33            <th>Proveïdor</th>
34            <th>Titularitat</th>
35            <th>Finalitat</th>
36            <th>Caducitat</th>
37            <th>Tipus</th>
38        </tr>
39    </thead>
40    <tbody>
41                    <tr>
42                <td>__cf_bm</td>
43                <td>cloudflare.com</td>
44                <td>De tercers</td>
45                <td>Utilitzada per Cloudflare per distingir entre persones i bots; és necessària per protegir el lloc web davant d&#039;usos abusius.</td>
46                <td>30 minuts</td>
47                <td>HTTP</td>
48            </tr>
49                    <tr>
50                <td>APP_ENV</td>
51                <td>paupaterres.cat</td>
52                <td>Pròpia</td>
53                <td>Desa l&#039;entorn d&#039;execució amb què es serveix el lloc web</td>
54                <td>Sessió</td>
55                <td>HTTP</td>
56            </tr>
57                    <tr>
58                <td>appChecksum</td>
59                <td>paupaterres.cat</td>
60                <td>Pròpia</td>
61                <td>Utilitzada pel proveïdor del sistema per validar la configuració interna de l&#039;aplicació</td>
62                <td>Sessió</td>
63                <td>HTTP</td>
64            </tr>
65                    <tr>
66                <td>appExpiresOn</td>
67                <td>paupaterres.cat</td>
68                <td>Pròpia</td>
69                <td>Used by sytem provider to determine internal app expiration date</td>
70                <td>Session</td>
71                <td>HTTP</td>
72            </tr>
73                    <tr>
74                <td>appIndexable</td>
75                <td>paupaterres.cat</td>
76                <td>Pròpia</td>
77                <td>Used by sytem provider to determine if app is indexable or not</td>
78                <td>Session</td>
79                <td>HTTP</td>
80            </tr>
81                    <tr>
82                <td>appName</td>
83                <td>paupaterres.cat</td>
84                <td>Pròpia</td>
85                <td>Used by sytem provider to determine internal app name</td>
86                <td>Session</td>
87                <td>HTTP</td>
88            </tr>
89                    <tr>
90                <td>cookiesConsent</td>
91                <td>paupaterres.cat</td>
92                <td>Pròpia</td>
93                <td>Stores the user&#039;s cookie consent state for the current domain</td>
94                <td>1 year</td>
95                <td>HTTP</td>
96            </tr>
97                    <tr>
98                <td>partnerId</td>
99                <td>paupaterres.cat</td>
100                <td>Pròpia</td>
101                <td>Identifica el proveïdor encarregat del manteniment del lloc web</td>
102                <td>Sessió</td>
103                <td>HTTP</td>
104            </tr>
105                    <tr>
106                <td>partnerName</td>
107                <td>paupaterres.cat</td>
108                <td>Pròpia</td>
109                <td>Desa el nom del proveïdor encarregat del lloc web</td>
110                <td>Sessió</td>
111                <td>HTTP</td>
112            </tr>
113                    <tr>
114                <td>partnerUrl</td>
115                <td>paupaterres.cat</td>
116                <td>Pròpia</td>
117                <td>Desa el lloc web del proveïdor encarregat del lloc web</td>
118                <td>Sessió</td>
119                <td>HTTP</td>
120            </tr>
121                    <tr>
122                <td>PHPSESSID</td>
123                <td>paupaterres.cat</td>
124                <td>Pròpia</td>
125                <td>Preserves users states across page requests.</td>
126                <td>Session</td>
127                <td>HTTP</td>
128            </tr>
129                    <tr>
130                <td>webName</td>
131                <td>paupaterres.cat</td>
132                <td>Pròpia</td>
133                <td>Used by sytem provider to determine internal web name</td>
134                <td>Session</td>
135                <td>HTTP</td>
136            </tr>
137            </tbody>
138</table>
139
140                </div>
141            </div>
142                                        <div class="panel panel-default">
143                <div class="panel-heading" data-toggle="collapse" href="#preferences" role="button" tabindex="0" aria-expanded="false" aria-controls="preferences">

144                    <span>Preferències <span class="badge">1</span></span>
145                    <span class="pull-right">
146                                                    <div class="preference-switch">
147                                    <input type="checkbox" class="switch-widget" id="cookiesSettings_preferences" name="cookiesSettings[preferences]" data-on-text="Sí" data-off-text="No" aria-label="Preferències" value="1" />
148
149                            </div>
150                                                <span class="chevron"><i class="fa-solid fa-chevron-down"></i></span>
151                    </span>
152                </div>
153                <div class="panel-body collapse cookies-collapse" id="preferences">
154                    <span class="text">
155                        Les galetes de preferències us permeten recordar al lloc web tota la informació relacionada amb la forma en què canvia; La manera com es comporta la pàgina web o la seva aparença, com ara l&#039;idioma o la regió on és.
156                    </span>
157                    <table class="table table-bordered table-condensed">
158    <thead>
159        <tr>
160            <th>Nom</th>
161            <th>Proveïdor</th>
162            <th>Titularitat</th>
163            <th>Finalitat</th>
164            <th>Caducitat</th>
165            <th>Tipus</th>
166        </tr>
167    </thead>
168    <tbody>
169                    <tr>
170                <td>active_tab</td>
171                <td>paupaterres.cat</td>
172                <td>Pròpia</td>
173                <td>Stores user&#039;s last opened tab in a tabview</td>
174                <td>Persistent</td>
175                <td>HTML</td>
176            </tr>
177            </tbody>
178</table>
179
180                </div>
181            </div>
182                                        <div class="panel panel-default">
183                <div class="panel-heading" data-toggle="collapse" href="#statistics" role="button" tabindex="0" aria-expanded="false" aria-controls="statistics">
184                    <span>Estadístiques <span class="badge">5</span></span>
185                    <span class="pull-right">
186                                                    <div class="preference-switch">
187                                    <input type="checkbox" class="switch-widget" id="cookiesSettings_statistics" name="cookiesSettings[statistics]" data-on-text="Sí" data-off-text="No" aria-label="Estadístiques" value="1" />
188
189                            </div>
190                                                <span class="chevron"><i class="fa-solid fa-chevron-down"></i></span>
191                    </span>
192                </div>
193                <div class="panel-body collapse cookies-collapse" id="statistics">
194                    <span class="text">
195                        Les galetes d&#039;anàlisi ajuden a comprendre els propietaris de llocs web com els visitants interactuen amb els llocs web recopilant i informant la informació de forma anònima.
196                    </span>
197                    <table class="table table-bordered table-condensed">
198    <thead>
199        <tr>
200            <th>Nom</th>
201            <th>Proveïdor</th>
202            <th>Titularitat</th>
203            <th>Finalitat</th>
204            <th>Caducitat</th>
205            <th>Tipus</th>
206        </tr>
207    </thead>
208    <tbody>
209                    <tr>
210                <td>_ga</td>
211                <td>google.com</td>
212                <td>De tercers</td>
213                <td>Registra un identificador únic que s&#039;utilitza per generar dades estadístiques sobre com el visitant utilitza el lloc web.</td>
214                <td>2 anys</td>
215                <td>HTTP</td>
216            </tr>
217                    <tr>
218                <td>_ga_*</td>
219                <td>google.com</td>
220                <td>De tercers</td>
221                <td>Utilitzada per Google Analytics per mantenir l&#039;estat de la sessió del visitant. N&#039;hi ha una per cada propietat mesurada (_ga_&lt;id de propietat&gt;).</td>
222                <td>2 anys</td>
223                <td>HTTP</td>
224            </tr>
225                    <tr>
226                <td>_gat*</td>
227                <td>google.com</td>
228                <td>De tercers</td>
229                <td>Utilitzada per Google Analytics per limitar la freqüència de peticions. N&#039;hi ha una per cada propietat mesurada (_gat_gtag_UA_&lt;id de propietat&gt;).</td>
230                <td>1 minut</td>
231                <td>HTTP</td>
232            </tr>
233                    <tr>
234                <td>_gid</td>
235                <td>google.com</td>
236                <td>De tercers</td>
237                <td>Registra un identificador únic que s&#039;utilitza per generar dades estadístiques sobre com el visitant utilitza el lloc web.</td>
238                <td>24 hores</td>
239                <td>HTTP</td>
240            </tr>
241                    <tr>
242                <td>uuid</td>
243                <td>paupaterres.cat</td>
244                <td>Pròpia</td>
245                <td>Desa un identificador anònim del navegador que s&#039;utilitza com a identificador de client als informes d&#039;estadístiques</td>
246                <td>2 anys</td>
247                <td>HTTP</td>
248            </tr>
249            </tbody>
250</table>
251
252                </div>
253            </div>
254                                        </div>
255    <div class="modal-footer">
256        <button type="submit" id="cookiesSettings_save" name="cookiesSettings[save]" class="btn btn-default" tabindex="0" aria-label="Desar configuració">Desar configuració</button>
257        <button type="submit" id="cookiesSettings_rejectAll" name="cookiesSettings[rejectAll]" class="btn btn-success btn-danger" tabindex="0" aria-label="Rebutjar-les totes">Rebutjar-les totes</button>
258        <button type="submit" id="cookiesSettings_allowAll" name="cookiesSettings[allowAll]" class="btn btn-success" tabindex="0" aria-label="Acceptar-les totes">Acceptar-les totes</button>
259    </div>
260        <input aria-labelledby="cookiesSettings__token" type="hidden" id="cookiesSettings__token" name="cookiesSettings[_token]" value="a8.YcmI6R99GfnndPpsmtNUAbkA

260KOSCGRWg1Uav3EvnsM4.CY3Q21sqftSEN686qZ8RbONofpfjf0zSkDD4t3PKwZdUlvy5Ug0ou7FCkQ" />
261
262</form>
263

264<script>
265    window.ebCookiesInventory = {"necessary":["__cf_bm","APP_ENV","appChecksum","appExpiresOn","appIndexable","appName","cookiesConsent","partnerId","partnerName","partnerUrl","PHPSESSID","webName"],"preferences":["active_tab"],"statistics":["_ga","_ga_*","_gat*","_gid","uuid"],"marketing":[]};
266
267    /* Cookies set by the platform itself (app bootstrap, session, consent state): strictly technical ones */
268    window.ebCookiesIsPlatformCookie = window.ebCookiesIsPlatformCookie || function (name) {
269        return /^(app[A-Z]|APP_|partner[A-Z]|PHPSESSID$|cookiesConsent$)/.test(name);
270    };
271
272    /* Declared names match literally, or as a pattern when they contain "*" (i.e. "_ga_*") */
273    window.ebCookiesMatchesName = window.ebCookiesMatchesName || function (pattern, name) {
274        if (!pattern) return false;
275        if (pattern.indexOf('*') === -1) return name === pattern;
276
277        var expression = pattern.replace(/[.+?^${}()|[\]\\]/g, '\\$&').replace(/\*/g, '.*');
278
279        return new RegExp('^' + expression + '$').test(name);
280    };
281
282    window.ebCookiesCategoryOf = window.ebCookiesCategoryOf || function (name) {
283        var inventory   = window.ebCookiesInventory || {};
284        var categories  = ['necessary', 'preferences', 'statistics', 'marketing'];
285
286        for (var i = 0; i < categories.length; i++) {
287            var names = inventory[categories[i]] || [];
288            for (var j = 0; j < names.length; j++) {
289                if (window.ebCookiesMatchesName(names[j], name)) return categories[i];
290            }
291        }
292
293        return null;
294    };
295
296    window.ebCookiesMustBeDeleted = window.ebCookiesMustBeDeleted || function (name, consent) {
297        if (!name || window.ebCookiesIsPlatformCookie(name)) return false;
298
299        var category = window.ebCookiesCategoryOf(name);
300        if (category === 'necessary') return false;
301        if (category) return !consent[category];
302
303        /* Unknown cookie (not declared on the inventory): only kept when every category has been granted */
304        return !(consent.preferences && consent.statistics && consent.marketing);
305    };
306
307    window.ebCookiesDelete = window.ebCookiesDelete || function (name) {
308        var expired = encodeURIComponent(name) + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT';
309        var paths   = window.location.pathname.split('/');
310        var domains = window.location.hostname.split('.');
311
312        document.cookie = expired + '; path=/';
313        while (paths.length > 0) {
314            document.cookie = expired + '; path=' + (paths.join('/') || '/');
315            paths.pop();
316        }
317        while (domains.length > 1) {
318            document.cookie = expired + '; path=/; domain=' + domains.join('.');
319            document.cookie = expired + '; path=/; domain=.' + domains.join('.');
320            domains.shift();
321        }
322    };
323
324    window.ebCookiesPurge = window.ebCookiesPurge || function (consent) {
325        consent = consent || {preferences: false, statistics: false, marketing: false};
326
327        document.cookie.split(';').forEach(function (cookie) {
328            var eqPos = cookie.indexOf('=');
329            var name  = (eqPos > -1 ? cookie.substring(0, eqPos) : cookie).trim();
330
331            if (window.ebCookiesMustBeDeleted(name, consent)) window.ebCookiesDelete(name);
332        });
333
334        try {
335            if (!consent.preferences) window.localStorage.removeItem('active_tab');
336            if (!consent.statistics)  window.sessionStorage.removeItem('ga4TrackedDedupeKeys');
337        } catch (error) {}
338
339        return consent;
340    };
341
342    window.ebCookiesUpdateConsentMode = window.ebCookiesUpdateConsentMode || function (consent) {
343        var consentState = {
344            'ad_storage':               consent.marketing ? 'granted' : 'denied',
345            'ad_user_data':             consent.marketing ? 'granted' : 'denied',
346            'ad_personalization':       consent.marketing ? 'granted' : 'denied',
347            'analytics_storage':        consent.statistics ? 'granted' : 'denied',
348            'functionality_storage':    consent.preferences ? 'granted' : 'denied'
349        };
350
351        if (typeof gtag === 'function') gtag('consent', 'update', consentState);

352        if (window.ga4UpdateConsentState) window.ga4UpdateConsentState(consentState);
353
354        return consentState;
355    };
356
357    window.ebCookiesPreviousConsent = window.ebCookiesPreviousConsent || {"preferences":false,"statistics":false,"marketing":false};
358
359    /*
360     * Third party tags are not rendered server side until consent is granted, so the ones that were
361     * skipped register a loader here and are injected as soon as their category is accepted. This
362     * keeps the current page view tracked without reloading.
363     */
364    window.ebCookiesTagLoaders = window.ebCookiesTagLoaders || [];
365
366    window.ebCookiesLoadTags = window.ebCookiesLoadTags || function (consent) {
367        (window.ebCookiesTagLoaders || []).forEach(function (loader) {
368            if (loader.loaded) return;
369            if (!(loader.categories || []).some(function (category) { return consent[category]; })) return;
370
371            loader.loaded = true;
372            try {
373                loader.load();
374            } catch (error) {
375                loader.loaded = false;
376            }
377        });
378    };
379
380    /* Tags already running cannot be unloaded, so withdrawing a consent does need a reload */
381    window.ebCookiesIsRevoking = window.ebCookiesIsRevoking || function (consent) {
382        var previous = window.ebCookiesPreviousConsent || {};
383
384        return ['preferences', 'statistics', 'marketing'].some(function (category) {
385            return previous[category] && !consent[category];
386        });
387    };
388
389    window.ebCookiesApplyConsent = window.ebCookiesApplyConsent || function (url, consent) {
390        return $.ajax({url: url}).always(function () {
391            window.ebCookiesPurge(consent);
392            window.ebCookiesUpdateConsentMode(consent);
393
394            if (window.ebCookiesIsRevoking(consent)) {
395                window.location.reload();
396                return;
397            }
398
399            window.ebCookiesPreviousConsent = consent;
400            window.ebCookiesLoadTags(consent);
401
402            $('#cookiesAlert').hide();
403            $('#cookiesSettingsLink').show();
404        });
405    };
406</script>

406
407

408<script>
409    $(function() {
410        var submittedAction = null;
411
412        /* A category with no declared cookies is not rendered, so its switch may not exist */
413        function switchState(category) {
414            var $preference = $('#cookiesSettings_' + category);
415
416            if (submittedAction === 'allowAll')  return true;
417            if (submittedAction === 'rejectAll') return false;
418
419            return $preference.length ? !!$preference.bootstrapSwitch('state') : false;
420        }
421
422        function currentConsent() {
423            return {
424                preferences:    switchState('preferences'),
425                statistics:     switchState('statistics'),
426                marketing:      switchState('marketing')
427            };
428        }
429
430        $('#cookiesSettings').ajaxForm(function() {
431            var consent = currentConsent();
432
433            window.ebCookiesPurge(consent);
434            window.ebCookiesUpdateConsentMode(consent);
435
436            $('#modal_cookies_settings').modal('hide');
437
438            /* Tags already running cannot be unloaded, so withdrawing a consent does need a reload */
439            if (window.ebCookiesIsRevoking(consent)) {
440                window.location.reload();
441                return;
442            }
443
444            window.ebCookiesPreviousConsent = consent;
445            window.ebCookiesLoadTags(consent);
446
447            $('#cookiesAlert').hide();
448            $('#cookiesSettingsLink').show();
449        });
450        $('#cookiesSettings_save').click(function() {
451            submittedAction = 'save';
452        });
453        $('#cookiesSettings_rejectAll').click(function() {
454            submittedAction = 'rejectAll';
455            $('#cookiesSettings input[type="checkbox"]').bootstrapSwitch("state", false);
456        });
457        $('#cookiesSettings_allowAll').click(function() {
458            submittedAction = 'allowAll';
459            $('#cookiesSettings input[type="checkbox"]').bootstrapSwitch("state", true);
460        });
461
462        $('.preference-switch').on('click keydown', function (e) {
463            e.stopPropagation();
464        });
465
466        $('.panel-heading[data-toggle="collapse"]').on('keydown', function (e) {
467            if (e.target !== this || (e.which !== 13 && e.which !== 32)) return;
468
469            e.preventDefault();
470            $(this).trigger('click');
471        });
472
473        $('.cookies-collapse').on('show.bs.collapse', function () {
474            $(this).parent().find('.chevron').html('<i class="fa-solid fa-chevron-up"></i>')
475        })
476        $('.cookies-collapse').on('hide.bs.collapse', function () {
477            $(this).parent().find('.chevron').html('<i class="fa-solid fa-chevron-down"></i>')
478        })
479
480        $('#cookiesSettings input[type="checkbox"]').bootstrapSwitch('onText', "S\u00ed");
481        $('#cookiesSettings input[type="checkbox"]').bootstrapSwitch('offText', "No");
482        $('#cookiesSettings input[type="checkbox"]').bootstrapSwitch('onColor', 'success');
483        $('#cookiesSettings input[type="checkbox"]').bootstrapSwitch('offColor', 'danger');
484        $('#cookiesSettings input[type="checkbox"]').bootstrapSwitch('size', 'mini');
485    });
486</script>

486