Whatsapp
Peter John Clarke- Fuente Álamo- Agente Caser
EXPAT INSURANCE SL
PETER JOHN CLARKE
Agente Exclusivo Caser
Deja tu mensaje y me pondré en contacto contigo
Generic Form
El mensaje se ha enviado con éxito.
Es obligatorio rellenar el captcha
- content
banner cabecera home
Seguros
Publicador de contenidos
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Se ha producido un error al procesar la plantilla.
Syntax error in template "37068831#37068868#39274612" in line 101, column 29: Unexpected directive, "#else". Check if you have a valid #if-#elseif-#else or #list-#else structure.
1<#assign agentesLocalService = serviceLocator.findService("com.caser.agente.servicebuilder.service.AgentesLocalService")>
2
3<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
4
5
6<#if request.getParameter("agenteId")?has_content >
7 <#assign idAgent = request.getParameter("agenteId")?number>
8<#else>
9 <#assign idAgent = 0>
10</#if>
11
12<#if idAgent != 0 >
13 <#attempt>
14 <#if agentesLocalService.getAgentes(idAgent)?has_content>
15 <#assign agent = agentesLocalService.getAgentes(idAgent)
16 agenteURL = agent.urlFriendly>
17 </#if>
18 <#recover>
19 </#attempt>
20</#if>
21
22<div class="contenedor plantillaMenuSegurosExpatriate">
23 <div class="cabecera">
24 <div class="icono-cabecera">
25 <#if icono_cabecera.getData()?? && icono_cabecera.getData() != "">
26 <img class="imagen" alt="${icono_cabecera.getAttribute("alt")}" data-fileentryid="${icono_cabecera.getAttribute("fileEntryId")}" src="${icono_cabecera.getData()}" />
27 </#if>
28 </div>
29
30 <div class="texto-cabecera">
31 ${texto_cabecera.getData()}
32 </div>
33 </div>
34
35 <div class="submenu-content" style="display: none;">
36 <div class="row fila1">
37 <#if (MostrarVideoOImagen.getData())??>
38 <#if getterUtil.getBoolean(MostrarVideoOImagen.getData())>
39 <div class="col-7 seccion-lista">
40 <div class="texto-lista"> ${texto_lista.getData()} </div>
41 <div class="lista-enlaces">
42 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
43 <#list seccion_tarificador.getSiblings() as tari>
44 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
45 <#assign linkId = tari.link_tarificador.getData()?number>
46 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
47 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
48 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
49 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
50 </i>
51 <span id="span_third-level_763" >
52 ${tari.boton_tarificador.getData()}
53
54 </span>
55 </a>
56 </#if>
57 </#list>
58 </#if>
59 <#list seccion_elemento.getSiblings() as item>
60 <#assign urlFriendly = "javascript:void(0)">
61 <#if item.link_elemento.getData()?? && item.link_elemento.getData()!="">
62 <#assign num = item.link_elemento.getData()?number>
63 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
64 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
65 </#if>
66
67 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
68 <a data-senna-off="true" href="/${urlFriendly}" title="${item.texto_elemento.getData()}">
69 ${item.texto_elemento.getData()}
70 </a>
71 </p>
72
73 </#list>
74 </div>
75 </div>
76
77 <div id="carousel-container-1" class="col-5 seccion-video owl-carousel owl-theme">
78
79 <#list seccion_video.getSiblings() as videoItem>
80
81 <div class="video item">
82
83 <div class="texto-video"> ${videoItem.texto_video.getData()} </div>
84
85 <#if videoItem.Tipo.getData()=="imagen">
86
87 <#if (videoItem.ImagenDestacada.getData())?? && videoItem.ImagenDestacada.getData() != "">
88 <div class="section-menu-image">
89 <#if (videoItem.LinkDeLaImagen.getData())?? && videoItem.LinkDeLaImagen.getData()!="" >
90 <a data-senna-off="true" title="${videoItem.ImagenDestacada.getAttribute("alt")}" href="${videoItem.LinkDeLaImagen.getData()}">
91 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
92 </a>
93 <#else>
94 <img alt="${videoItem.ImagenDestacada.getAttribute("alt")}" data-fileentryid="${videoItem.ImagenDestacada.getAttribute("fileEntryId")}" src="${videoItem.ImagenDestacada.getData()}" />
95 </#if>
96 </div>
97 </#if>
98
99 <#else>
100
101 <#else>
102 <#if videoItem.video.getData()??>
103 <input type="hidden" class="video-url" value="${videoItem.video.getData()}">
104 <video width="320" height="240" controls>
105 <source src="${videoItem.video.getData()}" poster="${videoItem.ImagenDestacada.getData()}" type="video/mp4">
106 </video>
107 <#else>
108 <input type="hidden" class="video-url" value="">
109 </#if>
110 </#if>
111 </#if>
112
113 </div>
114
115 </#list>
116
117 </div>
118
119 <#else>
120 <div class="col-12 seccion-lista">
121 <div class="texto-lista"> ${texto_lista.getData()} </div>
122 <div class="lista-enlaces">
123 <#if seccion_tarificador?? && seccion_tarificador.getSiblings()??>
124 <#list seccion_tarificador.getSiblings() as tari>
125 <#if tari.boton_tarificador.getData()!= "" && tari.link_tarificador.getData()!= "">
126 <#assign linkId = tari.link_tarificador.getData()?number>
127 <#assign linkUrlFriendlyItem = layoutLocalService.getLayout(groupId, false, linkId)>
128 <#assign linkUrlFriendly = linkUrlFriendlyItem.getFriendlyURL()>
129 <a data-senna-off="true" id="a_763" class="menu-agentes-link-calc" href="/${agenteURL}${linkUrlFriendly}" role="menuitem">
130 <i id="img_763" class="caser-icon-calcular nav__third-level__icon" alt="" >
131 </i>
132 <span id="span_third-level_763" >
133 ${tari.boton_tarificador.getData()}
134
135 </span>
136 </a>
137 </#if>
138 </#list>
139 </#if>
140 <#list seccion_elemento.getSiblings() as item>
141
142 <#assign urlFriendly = "javascript:void(0)">
143
144 <#if item.link_elemento.getData()??>
145 <#if item.link_elemento.getData()!="">
146 <#assign num = item.link_elemento.getData()?number>
147 <#assign urlFriendlyItem = layoutLocalService.getLayout(groupId, false, num)>
148 <#assign urlFriendly = agenteURL + urlFriendlyItem.getFriendlyURL()>
149 </#if>
150 </#if>
151
152 <p class="lista-enlaces__item" href="javascript:void(0)" title="${item.texto_elemento.getData()}">
153 <a data-senna-off="true" href="${urlFriendly}" title="${item.texto_elemento.getData()}">
154 ${item.texto_elemento.getData()}
155 </a>
156 </p>
157
158 </#list>
159 </div>
160 </div>
161 </#if>
162 </#if>
163
164
165 </div>
166
167 <div class="row fila2">
168
169 <div class="col-6 seccion-solicitar">
170 <div class="solicitar"> ${texto_solicitar.getData()} </div>
171 <div class="texto-solicitar"> ${texto_solicitar2.getData()} </div>
172 </div>
173
174 <div class="col-6 seccion-etiquetas">
175 <#list seccion_etiqueta.getSiblings() as item>
176
177 <#if (item.texto_etiqueta.getData())?? && item.texto_etiqueta.getData()!="">
178 <div class="seccion-etiquetas__fila">
179 <#if (item.url_enlace.getData())?? && item.url_enlace.getData()!="">
180 <a data-senna-off="true"
181 <#if item.url_enlace.tipo_enlace.getData()== "1">
182 target="_blank"
183 href="${item.url_enlace.getData()}">
184 <#else>
185 href="/${agenteURL}/${item.url_enlace.getData()}">
186 </#if>
187 <div class="etiqueta">
188 ${item.etiqueta.getData()} </div>
189 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
190 </a>
191 <#else>
192 <div class="etiqueta"> ${item.etiqueta.getData()} </div>
193 <div class="texto-etiqueta"> ${item.texto_etiqueta.getData()} </div>
194 </#if>
195
196 </div>
197 </#if>
198 </#list>
199 </div>
200 </div>
201 </div>
202</div>
203
204<#function generateThumbnailUrl(videoUrl)>
205 <#assign videoId = getVideoId(videoUrl)>
206 <#return "https://img.youtube.com/vi/${videoId}/maxresdefault.jpg">
207</#function>
208
209<#function getVideoId(videoUrl)>
210 <#assign regex = r"([a-zA-Z0-9_-]{11})">
211 <#assign matches = videoUrl?matches(regex)>
212 <#return matches[0]>
213</#function>
214
215<script>
216
217 function getIntrinsicWidth(videoId) {
218 var image = document.getElementById(videoId);
219 return image.naturalWidth;
220 }
221
222 function getIntrinsicHeight(videoId) {
223 var image = document.getElementById(videoId);
224 return image.naturalHeight;
225 }
226
227 function loadThumbnail(videoId) {
228
229 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
230 changeThumbnail(videoId, "hq")
231
232 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
233 changeThumbnail(videoId, "sd")
234
235 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
236 changeThumbnail(videoId, "mq")
237
238 if (getIntrinsicWidth(videoId) == 120 && getIntrinsicHeight(videoId) == 90)
239 changeThumbnail(videoId, "")
240
241 return
242 }
243
244 function getThumbnailUrl(videoId, resolution) {
245 return "https://img.youtube.com/vi/" + videoId + "/" + resolution + "default.jpg" ;
246 }
247
248 function getThumbnail(videoId, resolution) {
249 const imgElement = document.createElement("img");
250 imgElement.id = videoId;
251 imgElement.className = "thumbnail";
252 imgElement.src = getThumbnailUrl(videoId, resolution);
253 imgElement.alt = "Miniatura del video";
254 return imgElement;
255 }
256
257 function changeThumbnail(videoId, resolution) {
258 var oldImage = document.getElementById(videoId);
259 var newImage = getThumbnail(videoId, resolution);
260 oldImage.parentNode.replaceChild(newImage, oldImage);
261 }
262
263 function loadVideo(videoId) {
264 videoUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1&enablejsapi=1";
265
266 //crea input con url
267 var videoInput = document.createElement('input');
268 videoInput.type = 'hidden';
269 videoInput.className = 'video-url';
270 videoInput.value = videoUrl;
271
272 //crea iframe
273 var containerElement = document.createElement("div");
274 containerElement.classList.add("iframe-container");
275 containerElement.style = 'padding-top: 60%'
276
277 var iframeElement = document.createElement('iframe');
278 iframeElement.src = videoUrl;
279 iframeElement.frameborder = '0';
280 iframeElement.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
281 iframeElement.allowFullscreen = true;
282 containerElement.appendChild(iframeElement);
283
284 //elimina miniatura
285 var thumbnailElement = $('#' + videoId+ '.thumbnail')[0];
286 var parentElement = thumbnailElement.parentNode;
287
288 while (parentElement.firstChild) {
289 parentElement.removeChild(parentElement.firstChild);
290 }
291
292 //coloca video
293 parentElement.appendChild(videoInput);
294 parentElement.appendChild(containerElement);
295
296 }
297
298 // Configuracion del carousel para los videos
299 var carouselOptionsVideo = {
300 items: 1,
301 loop: false,
302 center: false,
303 rewind: false,
304 checkVisibility: true,
305 autoplay: false,
306 //autoplayTimeout:5000,
307 //autoplayHoverPause:true,
308 clone: false,
309
310 mouseDrag: false,
311 touchDrag: false,
312 pullDrag: false,
313 freeDrag: false,
314
315 margin: 0,
316 stagePadding: 0,
317
318 merge: false,
319 mergeFit: true,
320 autoWidth: false,
321
322 startPosition: 0,
323 rtl: false,
324
325 smartSpeed: 250,
326 fluidSpeed: false,
327 dragEndSpeed: false,
328
329 responsive: {},
330 responsiveRefreshRate: 200,
331 responsiveBaseElement: window,
332
333 fallbackEasing: 'swing',
334 slideTransition: '',
335
336 info: false,
337
338 nestedItemSelector: false,
339 itemElement: 'div',
340 stageElement: 'div',
341
342 refreshClass: 'owl-refresh',
343 loadedClass: 'owl-loaded',
344 loadingClass: 'owl-loading',
345 rtlClass: 'owl-rtl',
346 responsiveClass: 'owl-responsive',
347 dragClass: 'owl-drag',
348 itemClass: 'owl-item',
349 stageClass: 'owl-stage',
350 stageOuterClass: 'owl-stage-outer',
351 grabClass: 'owl-grab'
352 };
353
354
355 // Inicializacion del carousel para la seccion de videos en el menu seguros
356 var carouselVideos = $('.seccion-video#carousel-container-1').owlCarousel(carouselOptionsVideo);
357
358
359</script>
360
361
362<style>
363 .texto-tarificar {
364 display: inline-block;
365 margin-left: 10px;
366 font-family: "Dosis";
367 font-size: 1rem;
368 color:$verde-oscuro;
369 cursor: pointer;
370 }
371
372 .tarificar {
373 display: inline-block;
374 padding: 3px 40px 3px 30px;
375 background-color: #EC7A08;
376 clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0%);
377 font-family: "DosisLight";
378 color: #fff;
379 min-width: 160px;
380 text-align: center;
381 font-size: 1rem;
382 cursor: pointer;
383 }
384</style>
Destacamos
home ver todo btn destacados
Mi trayectoria Caser
Mi trayectoria en Caser
Tu Agente Recomienda
Compartir en
-
PETER JOHN CLARKE
-
Agente Exclusivo Caser
-
¿Hablamos?
-
Escríbenos
-
info@insurespain.com
-
Síguenos en:
30320 ()
Conócenos
Servicios a clientes
Most of the web pages of these services are in Spanish
peter-john-clarke-fuente-alamo