Espai Lidera
Ruta de navegació
Publicador de continguts
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
54
55
56 </ul>
57
58 </div>
59 </div>
60
61</div>
62
63
64<div class="mt-5 container-fluid wCar">
65
66 <div class="carousel_multimedia_${randomNamespace} text-center">
67
68 <#if FotoCarrusel.getSiblings()?has_content>
69 <#list FotoCarrusel.getSiblings() as cur_FotoCarrusel>
70 <#if cur_FotoCarrusel.getData()?? && cur_FotoCarrusel.getData() != "">
71 <div class="px-4">
72 <img alt="${cur_FotoCarrusel.getAttribute("alt")}" data-fileentryid="${cur_FotoCarrusel.getAttribute("fileEntryId")}" src="${cur_FotoCarrusel.getData()}" />
73 </div>
74 </#if>
75 </#list>
76 </#if>
77
78 </div>
79</div>
80
81
82
83</div>
84
85<script type="text/javascript">
86$(document).ready(function(){
87
88 $('.carousel_multimedia_${randomNamespace}').slick({
89 //variableWidth: true,
90 slidesToShow: 3,
91
92 responsive: [
93 {
94 breakpoint: 576,
95 settings: {
96 slidesToShow: 1,
97 slidesToScroll: 1
98 }
99 }
100 ]
101 });
102});
103</script>
104
105
106
107
108 <script>
109 var geocoder;
110 var map;
111 var address = " ${Direccio.getData()} ${Direccio.CodiPostal.getData()} ${Direccio.Ciutat.getData()}";
112 function initMap() {
113 var map = new google.maps.Map(document.getElementById('map'), {
114 zoom: 15,
115 center: {lat: 0, lng: 0}
116 });
117 geocoder = new google.maps.Geocoder();
118 codeAddress(geocoder, map);
119 }
120
121 function codeAddress(geocoder, map) {
122 geocoder.geocode({'address': address}, function(results, status) {
123 if (status === 'OK') {
124 map.setCenter(results[0].geometry.location);
125 var marker = new google.maps.Marker({
126 map: map,
127 position: results[0].geometry.location
128 });
129 } else {
130 console.log('Geocode was not successful for the following reason: ' + status);
131 }
132 });
133 }
134 </script>
135
136<#assign gmapskey = themeDisplay.getSiteGroup().getTypeSettingsProperty("googleMapsAPIKey")/>
137
138<script async defer
139 src="https://maps.googleapis.com/maps/api/js?key=${gmapskey}&callback=initMap">
140</script>