Espai Lidera
Ruta de navegación
Publicador de contenidos
null Espai Lidera
S'ha produït un error mentre es processava la plantilla.
Can't convert this string to number: "" The blamed expression: ==> Direccio.Latitud.getData()?number [in template "20101#20128#EQUIPAMENT-DETALL" at line 28, column 23] ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign lat = Direccio.Latitud.getDat... [in template "20101#20128#EQUIPAMENT-DETALL" at line 28, column 8] ----
1<#assign title = .vars['reserved-article-title'].data/>
2<style>
3#map {
4 min-height: 200px;
5}
6</style>
7
8<div class="equipamentDetall">
9 <div class="container-fluid container-fluid-max-xl bloc-text">
10 <div class="row">
11 <div class="col">
12 <h2>${title}</h2>
13 <h3>${Subtitol.getData()}</h3>
14 </div>
15 </div>
16 <div class="row mt-4">
17 <div class="col-md-6">
18 ${Descripcio.getData()}
19 </div>
20 <div class="col-md-6">
21 <#if FotoPrincipal.getData()?? && FotoPrincipal.getData() != "">
22 <img alt="${FotoPrincipal.getAttribute("alt")}" data-fileentryid="${FotoPrincipal.getAttribute("fileEntryId")}" src="${FotoPrincipal.getData()}" />
23 </#if>
24 </div>
25 </div>
26 <div class="row mt-5">
27 <div class="col-md-8">
28 <#assign lat = Direccio.Latitud.getData()?number/>
29 <#assign lon = Direccio.Longitud.getData()?number/>
30
31 <div id="map"></div>
32
33 </div>
34 <div class="col-md-4">
35 <ul class="listaContacto pl-2">
36 <#if Direccio.getData()!=''>
37 <li>
38 <i class="glyphicon glyphicon-map-marker mr-2"></i>
39 <a href="https://www.google.com/maps?q=${Direccio.getData()} ${Direccio.CodiPostal.getData()} ${Direccio.Ciutat.getData()}"
40 target="_blank" style="color:#015e87;">
41
42 ${Direccio.getData()} ${Direccio.CodiPostal.getData()} ${Direccio.Ciutat.getData()}
43 </a>
44 </li>
45 </#if>
46 <#if Telefon.getData()!=''>
47 <li><i class="glyphicon glyphicon-earphone mr-2"></i>${Telefon.getData()}</li>
48 </#if>
49
50 <#if Email.getData()!=''>
51 <li class="text-nowrap"><i class="glyphicon glyphicon-envelope mr-2"></i>${Email.getData()}</li>
52 </#if>
53 <#if Web?? && Web.getData()!=''>
54 <li class="text-nowrap"><i class=" glyphicon glyphicon-link mr-2"></i><a href="${Web.getData()}" target="_blank">${Web.getData()}</a></li>
55 </#if>
56
57
58 </ul>
59
60 </div>
61 </div>
62
63</div>
64
65
66<div class="mt-5 container-fluid wCar">
67
68 <div class="carousel_multimedia_${randomNamespace} text-center">
69
70 <#if FotoCarrusel.getSiblings()?has_content>
71 <#list FotoCarrusel.getSiblings() as cur_FotoCarrusel>
72 <#if cur_FotoCarrusel.getData()?? && cur_FotoCarrusel.getData() != "">
73 <div class="px-4">
74 <img alt="${cur_FotoCarrusel.getAttribute("alt")}" data-fileentryid="${cur_FotoCarrusel.getAttribute("fileEntryId")}" src="${cur_FotoCarrusel.getData()}" />
75 </div>
76 </#if>
77 </#list>
78 </#if>
79
80 </div>
81</div>
82
83
84
85</div>
86
87<script type="text/javascript">
88$(document).ready(function(){
89
90 $('.carousel_multimedia_${randomNamespace}').slick({
91 //variableWidth: true,
92 slidesToShow: 3,
93
94 responsive: [
95 {
96 breakpoint: 576,
97 settings: {
98 slidesToShow: 1,
99 slidesToScroll: 1
100 }
101 }
102 ]
103 });
104});
105</script>
106
107
108
109
110 <script>
111 var geocoder;
112 var map;
113 var address = " ${Direccio.getData()} ${Direccio.CodiPostal.getData()} ${Direccio.Ciutat.getData()}";
114 function initMap() {
115 var map = new google.maps.Map(document.getElementById('map'), {
116 zoom: 15,
117 center: {lat: 0, lng: 0}
118 });
119 geocoder = new google.maps.Geocoder();
120 codeAddress(geocoder, map);
121 }
122
123 function codeAddress(geocoder, map) {
124 geocoder.geocode({'address': address}, function(results, status) {
125 if (status === 'OK') {
126 map.setCenter(results[0].geometry.location);
127 var marker = new google.maps.Marker({
128 map: map,
129 position: results[0].geometry.location
130 });
131 } else {
132 console.log('Geocode was not successful for the following reason: ' + status);
133 }
134 });
135 }
136 </script>
137
138<#assign gmapskey = themeDisplay.getSiteGroup().getTypeSettingsProperty("googleMapsAPIKey")/>
139
140<script async defer
141 src="https://maps.googleapis.com/maps/api/js?key=${gmapskey}&callback=initMap">
142</script>