Si è verificato un errore nell'elaborarazione del modello.
The following has evaluated to null or missing: ==> response.data.docs.getJSONObject(0) [in template "3572636#3572671#4340004" at line 28, column 24] ---- Tip: If the failing expression is known to be 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: #assign doc = response.data.docs.getJ... [in template "3572636#3572671#4340004" at line 28, column 9] ----
1<#import "_TEMPLATE_CONTEXT_/3572636/3574130/23609/3793037" as d40>
2
3<#setting url_escaping_charset="UTF-8">
4
5<#assign
6 PUTIL = objectUtil("com.liferay.portal.kernel.util.PortalUtil")
7 uuid = themeDisplay.getURLCurrent()?keep_after("-/c/n/")?keep_before("?")?keep_after_last("_")
8 langId = locale?keep_before("_")
9 contentType = "poi"
10 vueActions = ""
11 doc = ""
12 lat = "0"
13 lng = "0"
14 hasCoords = false
15/>
16
17<#-- <#assign z=request.setAttribute("ogTitle","title")>
18<#assign z=request.setAttribute("ogImage","imgg")>
19<#assign z=request.setAttribute("ogDesc","desc")> -->
20
21<#assign currentUrl = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
22<#assign z=request.setAttribute("ogUrl","${currentUrl}")>
23
24<#if uuid?has_content>
25 <#assign response = d40.fetchData("https://guestapp.d40.it/v1/search/apt-trento/${contentType}/?uuid=${uuid}")>
26
27 <#if !response.error && response.data.docs?has_content>
28 <#assign doc = response.data.docs.getJSONObject(0)>
29
30 ${request.session.removeAttribute("circularCategories")}
31 ${request.session.setAttribute("circularCategories", doc.details.assetCategoryIds)}
32 </#if>
33</#if>
34
35<#if doc?has_content>
36 <#if doc.details?? && doc.details.name[langId]?has_content>
37 ${PUTIL.setPageTitle(doc.details.name[langId], request)}
38 </#if>
39
40 <#assign vueActions = "getFavorites();">
41
42 <#if doc.details.location.geoCoords.lat?has_content && doc.details.location.geoCoords.lon?has_content>
43 <#assign
44 hasCoords = true
45 lat = doc.details.location.geoCoords.lat
46 lng = doc.details.location.geoCoords.lon
47 vueActions = "getFavorites();buildMap(${lat}, ${lng})"
48 />
49 </#if>
50</#if>
51
52<style>
53 .swiper-button-next:after{
54 content: "";
55 }
56 .swiper-button-prev:after{
57 content: "";
58 }
59 .bg-darkgray{
60 background-color: #e5e5e5 !important;
61 }
62 .min-h-12{
63 min-height: 3rem;
64 }
65 .-ml-5{
66 margin-left: -5%;
67 }
68</style>
69
70<div v-scope id="${d40.portletNamespace}" @vue:mounted="${vueActions}" v-cloak>
71 <#if doc?has_content>
72 <#if themeDisplay.getLayout().getAncestors()?has_content>
73 <section id="breadcrumb" class="z-15 mt-25">
74 <div class="container">
75 <ol class="breadcrumb flex lg:justify-center">
76 <li class="pl-1 text-sm mr-2 relative">${d40.getLabel("sei_in")}:</li>
77
78 <li class="breadcrumb-item">
79 <a href="/" class="breadcrumb-link" title="Home">
80 <span class="breadcrumb-text-truncate text-dark underline">Home</span>
81 </a>
82 </li>
83
84 <#list themeDisplay.getLayout().getAncestors()?reverse as ancestor>
85 <li class="breadcrumb-item">
86 <a href="${ancestor.getFriendlyURL()}" class="breadcrumb-link" title="${d40.escape(ancestor.getHTMLTitle(locale))}">
87 <span class="breadcrumb-text-truncate text-dark underline">
88 ${d40.escape(ancestor.getHTMLTitle(locale))}
89 </span>
90 </a>
91 </li>
92 </#list>
93
94 <li class="breadcrumb-item active">
95 <span class="breadcrumb-text-truncate text-dark">
96 ${doc.details.name[langId]}
97 </span>
98 </li>
99 </ol>
100 </div>
101 </section>
102 </#if>
103
104 <section class="relative mt-20">
105 <div class="container">
106 <div class="row">
107 <div class="col-12 col-lg-7">
108 <div class="card-row flex-col lg:flex-row mb-10">
109 <div class="autofit-col autofit-col-expand order-2 lg:order-1">
110 <div class="autofit-section">
111 <p class="text-dark font-semibold font-heading text-3xl lg:text-4xl uppercase">
112 ${doc.details.name[langId]}
113 <#assign z=request.setAttribute("ogTitle","${doc.details.name[langId]}")>
114 </p>
115 </div>
116 </div>
117 <div class="autofit-col justify-start order-1 lg:order-2 mb-3 lg:mb-0">
118 <div class="autofit-section">
119 <div class="flex space-x-4">
120 <button type="button" v-if="isFavorite('${doc.uuid}')" @click="removeFavorite($event, '${doc.uuid}')" class="btn btn-link px-2">
121 <i class="fas fa-heart text-dark fa-2x"></i>
122 </button>
123 <button type="button" v-else @click="setFavorite($event, {id: '${doc.uuid}', contentJSON: {title: '${doc.details.name[langId]?js_string}', previewDescription: '', description: '', geoRef: '', previewPicture: '${d40.getDTNPreview(doc)}', viewUrl: '${d40.getDTNUrl(doc.details.name[langId], doc.uuid, contentType)}'}})" class="btn btn-link px-2">
124 <i class="fal fa-heart text-dark fa-2x"></i>
125 </button>
126
127 <button type="button" @click="share('${doc.details.name[langId]}', '')" class="btn btn-link px-2">
128 <i class="fas fa-share-alt text-dark fa-2x"></i>
129 </button>
130 </div>
131 </div>
132 </div>
133 </div>
134
135 <#if doc.timetables.timeDescription[langId]?has_content>
136 <div class="text-dark text-lg font-light mb-15 mt-5">
137 ${doc.timetables.timeDescription[langId]}
138 </div>
139 </#if>
140
141 <#if doc.details.description[langId]?has_content>
142 <div class="underline-grow text-dark font-light lg:text-lg leading-loose">
143 ${doc.details.description[langId]}
144
145 <#if doc.details.description[langId]?length lt 160>
146 <#assign
147 z=request.setAttribute("ogDesc","${htmlUtil.stripHtml(doc.details.description[langId])}")
148 />
149 <#else>
150 <#assign
151 z=request.setAttribute("ogDesc","${htmlUtil.stripHtml(doc.details.description[langId])?substring(0,160)}")
152 />
153 </#if>
154 </div>
155 </#if>
156 </div>
157
158 <div class="xl:absolute col-12 col-lg-5 xl:max-w-xl lg:right-0">
159 <div class="bg-light">
160 <div class="card-body px-5 pt-5 lg:px-10 lg:pt-10 pb-0">
161 <p class="text-dark font-bold uppercase text-lg mb-0">
162 ${d40.getLabel("informazioni_contatti")}
163 </p>
164 <#if doc.details.townLabel != "{}">
165 <p class="text-dark text-lg mb-0">
166 ${d40.getLabel("localita")}: <span class="text-capitalize">${doc.details.townLabel[langId]}</span>
167 </p>
168 </#if>
169 <#if doc.timetables.time_infos?has_content>
170 <p class="text-dark font-bold text-lg mb-0 mt-3">
171 ${d40.getLabel("date_apertura")}
172 </p>
173 </#if>
174 </div>
175
176 <#if doc.timetables.time_infos?has_content>
177 <div class="flex min-h-12">
178 <details class="bg-darkgray w-full lg:w-105% right-0 -ml-5">
179 <summary class="btn btn-link text-dark no-underline my-1 ml-12">
180 <i class="fal fa-calendar-alt"></i>
181 <span>${doc.timetables.time_infos.getJSONObject(0).date_from} - ${doc.timetables.time_infos.getJSONObject(0).time_from} - ${doc.timetables.time_infos.getJSONObject(0).time_to}</span>
182 <i class="fal fa-chevron-down fa-lg ml-5"></i>
183 </summary>
184
185 <div class="card-body px-5 lg:px-10">
186 <ul>
187 <#list doc.timetables.time_infos.iterator() as datetime>
188 <li class="text-dark mb-1">
189 ${d40.getLabel("dal")} ${datetime.date_from}
190 ${d40.getLabel("al")} ${datetime.date_to}
191 ${d40.getLabel("dalle")} ${datetime.time_from}
192 ${d40.getLabel("alle")} ${datetime.time_to}
193 </li>
194 </#list>
195 </ul>
196 </div>
197 </details>
198 </div>
199 </#if>
200 <div class="card-body px-5 lg:px-10">
201 <#if doc.contacts.getJSONObject(0).telephone?? && doc.contacts.getJSONObject(0).telephone?has_content>
202 <#attempt>
203 <#list doc.contacts.getJSONObject(0).telephone.iterator() as phone>
204 <p class="text-dark text-lg mb-0">
205 Tel: ${phone}
206 </p>
207 </#list>
208 <#recover>
209 <p class="text-dark text-lg mb-0">
210 Tel: ${doc.contacts.getJSONObject(0).telephone}
211 </p>
212 </#attempt>
213
214 </#if>
215 <#if doc.contacts.getJSONObject(0).mail?? && doc.contacts.getJSONObject(0).mail?has_content>
216 <a href="mailto:${doc.contacts.getJSONObject(0).mail}" class="block no-underline text-dark text-lg space-x-2 mb-0">
217 <i class="far fa-envelope text-dark"></i>
218 <u>${doc.contacts.getJSONObject(0).mail}</u>
219 </a>
220 </#if>
221 <#if doc.contacts.getJSONObject(0).websiteUrl[langId]?? && doc.contacts.getJSONObject(0).websiteUrl[langId]?has_content>
222 <a href="${doc.contacts.getJSONObject(0).websiteUrl[langId]}" class="block no-underline text-dark text-lg space-x-2 mb-0" target="_blank">
223 <i class="far fa-external-link text-dark"></i>
224 <u>${d40.getLabel("sito_web")}</u>
225 </a>
226 </#if>
227
228 <#if langId == 'en'>
229 <#assign ri_url = "/contact-tourist-office-trento" />
230 <#elseif langId == 'de'>
231 <#assign ri_url = "/kontakt-info-anfrage-trento" />
232 <#else>
233 <#assign ri_url = "/richiesta-informazioni" />
234 </#if>
235
236 <a href="#contact-form" class="btn bg-green text-white font-bold uppercase px-4 py-2 rounded-0 mt-10">
237 ${d40.getLabel("richiedi_info")}
238 </a>
239 </div>
240
241 <#if hasCoords>
242 <div class="relative flex h-70">
243 <div class="absolute w-full lg:w-105% h-full right-0">
244 <div id="suggesto-map" class="monochrome-map size-full border-0"></div>
245 </div>
246 </div>
247 <div class="card-body p-5 lg:px-10">
248 <!-- https://www.google.com/maps/dir/?api=1&travelmode=driving&destination=lat,lon
249 https://www.google.com/maps/@${lat},${lng}
250 -->
251 <a href="https://www.google.com/maps/dir/?api=1&travelmode=driving&destination=${lat},${lng}" class="d-block no-underline space-x-5" target="_blank">
252 <span class="font-bold text-dark uppercase">
253 ${d40.getLabel("indicazioni_stradali")}
254 </span>
255 <img src="${d40.icons_folder}/arrow_circle-dark.svg" class="w-20" />
256 </a>
257 </div>
258 </#if>
259 </div>
260 </div>
261 </div>
262 </div>
263 </section>
264
265 <#if doc.details.images?has_content>
266 <#assign usePreview = false>
267
268 <section id="gallery" class="relative overflow-x-hidden mt-20 lg:mt-40">
269 <div class="container">
270 <p class="text-dark uppercase text-lg lg:text-3xl mb-7">
271 ${d40.getLabel("galleria_immagini")}
272 </p>
273
274 <div class="swiper-container">
275 <div class="swiper-wrapper">
276 <#if doc.details.cover != "[]">
277 <#assign usePreview = true>
278
279 <#list doc.details.cover.iterator() as pic>
280 <div class="swiper-slide">
281 <a href="javascript:void(0);" class="card shadow-none border-0 bg-transparent no-underline" data-toggle="modal" data-target="#lightbox-modal" data-slider="${pic?index}" data-senna-off="true">
282 <div class="relative">
283 <img data-src="${d40.getKitPrefix(pic[langId], 'n-preview_h')}" loading="lazy" class="lazyload rounded-custom size-full fit-cover" alt="" />
284 </div>
285 </a>
286 </div>
287
288 <#--assign z=request.setAttribute("ogImage","${pic[langId]}")-->
289 <#assign z=request.setAttribute("ogImage","${d40.getKitPrefix(pic[langId], 'n-preview_h')}")>
290
291 <#break>
292 </#list>
293 </#if>
294
295 <#list doc.details.images.iterator() as pic>
296 <#if usePreview>
297 <#assign counter = pic?counter>
298 <#else>
299 <#assign counter = pic?index>
300 </#if>
301
302 <div class="swiper-slide">
303 <a href="javascript:void(0);" class="card shadow-none border-0 bg-transparent no-underline" data-toggle="modal" data-target="#lightbox-modal" data-slider="${counter}" data-senna-off="true">
304 <div class="relative">
305 <img data-src="${d40.getKitPrefix(pic[langId], 'n-preview_h')}" loading="lazy" class="lazyload rounded-custom size-full fit-cover" alt="" />
306 </div>
307 </a>
308 </div>
309 </#list>
310 </div>
311 </div>
312 </div>
313 <div class="btn-square absolute btn-prev bg-white left-0">
314 <span class="sr-only">${d40.getLabel("precedente")}</span>
315 <i class="fas fa-chevron-left text-dark w-6 h-6"></i>
316 </div>
317 <div class="btn-square absolute btn-next bg-white right-0">
318 <span class="sr-only">${d40.getLabel("successivo")}</span>
319 <i class="fas fa-chevron-right text-dark w-6 h-6"></i>
320 </div>
321 </section>
322
323 <div id="lightbox-modal" tabindex="-1" role="dialog" class="modal fade">
324 <div class="modal-dialog modal-full-screen inset-0 border-0 shadow-none">
325 <div class="modal-content bg-transparent">
326 <div class="modal-body overflow-hidden">
327 <div class="absolute top-0 right-0 z-5">
328 <button type="button" data-dismiss="modal" class="btn btn-monospaced btn-secondary m-3">
329 <span class="sr-only">${d40.getLabel("chiudi")}</span>
330 <i class="fal fa-times fa-lg"></i>
331 </button>
332 </div>
333
334 <#-- lightbox -->
335 <div id="lightbox-swiper" class="swiper-container h-75 my-auto">
336 <div class="swiper-button-prev w-12 h-12">
337 <span class="sticker sticker-circle bg-green size-full">
338 <span class="sticker-overlay">
339 <i class="fas fa-chevron-left fa-2x text-white"></i>
340 </span>
341 </span>
342 </div>
343
344 <div class="swiper-button-next w-12 h-12">
345 <span class="sticker sticker-circle bg-green size-full">
346 <span class="sticker-overlay">
347 <i class="fas fa-chevron-right fa-2x text-white"></i>
348 </span>
349 </span>
350 </div>
351
352 <div class="swiper-wrapper h-full">
353 <#if doc.details.cover != "[]">
354 <#list doc.details.cover.iterator() as pic>
355 <div class="swiper-slide h-full">
356 <img data-src="${d40.getKitPrefix(pic[langId], 'n-full_hd')}" loading="lazy" class="lazyload flex h-full object-contain mx-auto" alt="">
357 </div>
358 <#break>
359 </#list>
360 </#if>
361
362 <#list doc.details.images.iterator() as pic>
363 <div class="swiper-slide h-full">
364 <img data-src="${d40.getKitPrefix(pic[langId], 'n-full_hd')}" loading="lazy" class="lazyload flex h-full object-contain mx-auto" alt="">
365 </div>
366 </#list>
367 </div>
368 </div>
369
370 <#-- thumbnails -->
371 <div id="thumbnail-swiper" class="swiper-container" thumbsSlider="">
372 <div class="swiper-wrapper">
373 <#if doc.details.cover != "[]">
374 <#list doc.details.cover.iterator() as pic>
375 <div class="swiper-slide">
376 <img data-src="${d40.getKitPrefix(pic[langId], 'n-preview_h')}" loading="lazy" class="lazyload object-cover cursor-pointer size-full" alt="">
377 </div>
378 <#break>
379 </#list>
380 </#if>
381
382 <#list doc.details.images.iterator() as pic>
383 <div class="swiper-slide">
384 <img data-src="${d40.getKitPrefix(pic[langId], 'n-preview_h')}" loading="lazy" class="lazyload object-cover cursor-pointer size-full" alt="">
385 </div>
386 </#list>
387 </div>
388 </div>
389 </div>
390 </div>
391 </div>
392 </div>
393 </#if>
394
395 <#-- SEZIONE NON USATA
396 <section class="mt-20">
397 <div class="container">
398 <div class="bg-light max-w-xl p-5 lg:p-10">
399 <div class="card-row space-x-5">
400 <div class="autofit-col">
401 <div class="autofit-section">
402 <i class="fas fa-download text-dark w-7 h-7"></i>
403 </div>
404 </div>
405 <div class="autofit-col autofit-col-expand">
406 <div class="autofit-section">
407 <p class="text-dark font-bold text-lg lg:text-xl uppercase mb-0"> Programma completo </p>
408 </div>
409 </div>
410 </div>
411 </div>
412
413 <div class="row mt-10 lg:mt-20">
414 <div class="col-12 col-lg-8">
415 <div class="space-y-10">
416 <p class="text-dark uppercase text-lg lg:text-3xl">
417 ${d40.getLabel("dettagli")}
418 </p>
419 <div class="space-y-5">
420 <div class="row">
421 <div class="col-12 col-md-3 col-lg-2">
422 <p class="text-dark font-bold uppercase">Data</p>
423 </div>
424 <div class="col-12 col-md-9 col-lg-10">
425 <div class="text-dark font-light text-lg">
426 Dettagli
427 </div>
428 </div>
429 </div>
430 </div>
431 </div>
432 </div>
433 </div>
434 </div>
435 </section>
436 -->
437
438 <section class="mt-20">
439 <div class="container">
440 <div class="bg-light">
441 <div class="space-y-10 p-5 lg:p-10">
442 <p class="text-dark uppercase text-lg lg:text-3xl mb-0">
443 ${d40.getLabel("organizzazione")}
444 </p>
445 <div class="space-y-2">
446 <#if doc.contacts.getJSONObject(0).address.fulltext?? && doc.contacts.getJSONObject(0).address.fulltext?has_content>
447 <p class="text-dark mb-0">
448 ${doc.contacts.getJSONObject(0).address.fulltext}
449 </p>
450 </#if>
451
452 <#if doc.contacts.getJSONObject(0).mail?? && doc.contacts.getJSONObject(0).mail?has_content>
453 <a href="mailto:${doc.contacts.getJSONObject(0).mail}" class="d-block text-dark underline">
454 ${doc.contacts.getJSONObject(0).mail}
455 </a>
456 </#if>
457
458 <#if doc.contacts.getJSONObject(0).telephone?? && doc.contacts.getJSONObject(0).telephone?has_content>
459 <#attempt>
460 <#list doc.contacts.getJSONObject(0).telephone.iterator() as phone>
461 <p class="text-dark mb-0">
462 <span class="font-bold">${d40.getLabel("telefono")}:</span>
463 ${phone}
464 </p>
465 </#list>
466 <#recover>
467 <p class="text-dark mb-0">
468 <span class="font-bold">${d40.getLabel("telefono")}:</span>
469 ${doc.contacts.getJSONObject(0).telephone}
470 </p>
471 </#attempt>
472 </#if>
473 </div>
474 </div>
475 </div>
476 </div>
477 </section>
478
479 <#--
480 <section class="mt-10">
481 <div class="container">
482 <p class="text-dark uppercase text-lg lg:text-3xl mb-7"> Info sezione </p>
483 <p class="text-dark text-lg font-light mb-0"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
484 </div>
485 </section>
486 -->
487 <#else>
488 <div class="text-center mt-35">
489 <p class="text-dark">
490 ${d40.getLabel("errore_caricamento_contenuto")}
491 </p>
492 </div>
493 </#if>
494</div>
495
496<script type="module">
497 import { createApp } from "https://cdnjs.cloudflare.com/ajax/libs/petite-vue/0.4.1/petite-vue.es.min.js";
498
499 createApp({
500 isMobile: window.innerWidth < 768,
501 favorites: [],
502 getFavorites() {
503 if(localStorage.getItem("favorites") !== null) {
504 this.favorites = JSON.parse(localStorage.getItem("favorites"));
505 }
506 },
507 setFavorite(e, item) {
508 e.preventDefault();
509 this.getFavorites();
510
511 var newFavorite = {
512 id: item.id,
513 contentJSON: {
514 title: item.contentJSON.title,
515 previewDescription: item.contentJSON.previewDescription,
516 description: item.contentJSON.description,
517 geoRef: item.contentJSON.geoRef,
518 previewPicture: item.contentJSON.previewPicture,
519 viewUrl: item.contentJSON.viewUrl,
520 type: "lfr",
521 }
522 };
523
524 this.favorites.push(newFavorite);
525 this.saveFavorites();
526 },
527 removeFavorite(e, itemId) {
528 e.preventDefault();
529 this.favorites = this.favorites.filter((obj) => obj.id !== itemId);
530 this.saveFavorites();
531 },
532 saveFavorites() {
533 localStorage.setItem("favorites", JSON.stringify(this.favorites));
534 },
535 isFavorite(itemId) {
536 if (this.favorites.some((e) => e.id == itemId)) {
537 return true;
538 }
539
540 return false;
541 },
542 buildMap(lat, lng) {
543 var map = new SuggestoMap("suggesto-map"),
544 location = [parseFloat(lat), parseFloat(lng)];
545
546 var svgIcon = L.divIcon({
547 html: `
548 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44.537 64.343">
549 <path d="M32.952,68c-4.491-5.935-9.221-11.692-12.837-18.251-3.4-6.175-5.892-12.453-4.094-19.725,2.422-9.787,12.253-17.363,22.112-16.878,11.322.558,20.189,8.638,21.649,19.385.8,5.867-1.25,10.892-3.84,15.837A105.38,105.38,0,0,1,43.958,65.889c-.687.844-1.309,1.739-1.96,2.611-.953,1.06-1.971,2.068-2.841,3.191-.965,1.245-1.729,1.629-2.844.1A50.506,50.506,0,0,0,32.952,68m4.722-46.328A14.156,14.156,0,0,0,23.76,35.59c-.168,7.053,6.542,13.748,13.813,13.783A14.234,14.234,0,0,0,51.46,35.693,14.138,14.138,0,0,0,37.674,21.676" transform="translate(-15.419 -13.129)" fill="#5098c6"/>
550 <path d="M31.941,63.206A50.288,50.288,0,0,1,35.3,67c1.116,1.526,1.878,1.142,2.844-.1.87-1.123,1.889-2.132,2.841-3.191a8.579,8.579,0,0,1,5.414,2.22c1.659,1.642,1.586,3.631-.455,4.627a21.209,21.209,0,0,1-16.871.723c-1.611-.565-3.293-1.51-3.092-3.645.19-2.018,1.855-2.718,3.511-3.342.833-.315,1.791-.363,2.447-1.079" transform="translate(-14.408 -8.331)" fill="#222"/>
551 <path d="M36.946,20.929A14.137,14.137,0,0,1,50.732,34.944,14.236,14.236,0,0,1,36.844,48.626c-7.27-.036-13.98-6.732-13.813-13.783A14.157,14.157,0,0,1,36.946,20.929m-.023,5.445a8.4,8.4,0,1,0,8.394,8.22,8.5,8.5,0,0,0-8.394-8.22" transform="translate(-14.69 -12.381)" fill="#fdfcf9"/>
552 <path d="M36.45,25.9a8.4,8.4,0,0,1,.077,16.809A8.405,8.405,0,1,1,36.45,25.9" transform="translate(-14.218 -11.905)" fill="#222"/>
553 </svg>`,
554 className: "",
555 iconSize: [44.537, 64.343],
556 iconAnchor: [22.287, 64.343],
557 });
558
559 var mapData = {
560 tilelayer: "osm",
561 gestureHandling: true,
562 fitBounds: false,
563 mapcenter: location,
564 zoom: 15,
565 markersFilter: "*",
566 markers: [],
567 layers: []
568 };
569
570 map.sm.createMap(mapData);
571
572 L.circleMarker(location, {
573 radius: 0,
574 color: "#000",
575 fillOpacity: 0,
576 weight: 0
577 }).addTo(map.sm.lmap);
578
579 L.marker(location, {
580 icon: svgIcon
581 }).addTo(map.sm.lmap);
582 },
583 share(title, desc, mode = "legacy") {
584 if (this.isMobile) {
585 var shareData = {
586 title: title,
587 text: desc,
588 url: window.location.href.replaceAll("{", "%7B").replaceAll("}", "%7D")
589 };
590
591 try {
592 navigator.share(shareData);
593 } catch (err) {
594 console.error("Error sharing: " + err);
595
596 if (mode == "legacy") {
597 this.legacyShare();
598 } else if (mode == "social") {
599 this.socialShare(title, desc);
600 }
601 }
602 } else {
603 if (mode == "legacy") {
604 this.legacyShare();
605 } else if (mode == "social") {
606 this.socialShare(title, desc);
607 }
608 }
609 },
610 legacyShare() {
611 var clip = document.createElement("input"),
612 toCopy = window.location.href.replaceAll("{", "%7B").replaceAll("}", "%7D");
613
614 document.body.appendChild(clip);
615 clip.value = toCopy;
616 clip.select();
617 clip.setSelectionRange(0, 999999);
618
619 navigator.clipboard.writeText(clip.value);
620 document.body.removeChild(clip);
621
622 alert("Link copiato");
623 },
624 socialShare(title, desc, image = "") {
625 var link = "#",
626 winHeight = 450,
627 winWidth = 600,
628 winTop = window.screen.height / 2 - winHeight / 2,
629 winLeft = window.screen.width / 2 - winWidth / 2,
630 params = "scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no,width=" + winWidth + ",height=" + winHeight + ",left=" + winLeft + ",top=" + winTop;
631
632 link = "http://www.facebook.com/sharer.php?s=100&p[title]=" + encodeURIComponent(title) + "&p[summary]=" + encodeURIComponent(desc) + "&p[url]=" + window.location.href + "&p[images][0]=" + image;
633
634 window.open(link, "Facebook", params);
635 }
636 }).mount("#${d40.portletNamespace}");
637</script>
638
639<#if doc?has_content>
640 <script>
641 document.addEventListener("DOMContentLoaded", function(){
642
643 document.querySelectorAll('a[href^="#contact"]').forEach(anchor => {
644 anchor.addEventListener('click', function (e) {
645 e.preventDefault();
646
647 document.querySelector(this.getAttribute('href')).scrollIntoView({
648 behavior: 'smooth'
649 });
650 });
651 });
652
653
654 if(${(doc.details.images?has_content)?c}){
655 new Swiper("#gallery .swiper-container", {
656 slidesPerView: 1,
657 spaceBetween: 50,
658 centerSlides: true,
659 centerInsufficientSlides: true,
660 breakpoints: {
661 768: {
662 slidesPerView: 2,
663 spaceBetween: 25
664 },
665 992: {
666 slidesPerView: 3,
667 spaceBetween: 25
668 }
669 },
670 navigation: {
671 prevEl: "#gallery .btn-prev",
672 nextEl: "#gallery .btn-next"
673 }
674 });
675
676 var thumbnails = new Swiper("#thumbnail-swiper", {
677 spaceBetween: 10,
678 slidesPerView: 2,
679 centerInsufficientSlides: true,
680 freeMode: true,
681 watchSlidesVisibility: true,
682 watchSlidesProgress: true,
683 breakpoints: {
684 768: {
685 slidesPerView: 3
686 },
687 992: {
688 slidesPerView: 4
689 },
690 1200: {
691 slidesPerView: 5
692 }
693 },
694 });
695
696 var lightbox = new Swiper("#lightbox-swiper", {
697 spaceBetween: 10,
698 autoHeight: true,
699 observer: true,
700 observeSlideChildren: true,
701 keyboard: {
702 enabled: true
703 },
704 navigation: {
705 nextEl: ".swiper-button-next",
706 prevEl: ".swiper-button-prev"
707 },
708 thumbs: {
709 swiper: thumbnails
710 }
711 });
712
713 $("#lightbox-modal").on("shown.bs.modal", function(e){
714 lightbox.update();
715 thumbnails.update();
716 lightbox.slideTo($(e.relatedTarget).data("slider"));
717 lightbox.update();
718 });
719
720 $("#lightbox-modal .swiper-wrapper").on("click", function(e){
721 if($(e.target).attr("class").includes("swiper-slide")){
722 $("#lightbox-modal").modal("hide");
723 }
724 });
725
726 if ($(window).width() > 991) {
727 var left_col_h = $(".relative.mt-20 > .container > .row > .col-lg-7").outerHeight();
728 var right_col_h = $(".relative.mt-20 > .container > .row > .col-lg-5").outerHeight();
729 var marg_h = right_col_h - left_col_h + 40;
730
731 if(right_col_h > left_col_h)
732 {
733 $('#gallery').removeClass('lg:mt-40 mt-20');
734 $('#gallery').css({'margin-top':marg_h+'px'});
735 }
736 }
737 }
738 });
739 </script>
740</#if>
L'invio della richiesta è andata a buon fine
L'invio della richiesta non è andata a buon fine
Acconsento al passaggio dei miei dati personali al destinatario della mia richiesta per l'invio delle informazioni richieste (privacy policy)