1<#-- Obtenemos del expando el campo personalizado de la analítica -->
2<#assign JournalArticleService = serviceLocator.findService("com.liferay.journal.service.JournalArticleService")>
3<#assign journalArticle = JournalArticleService.getArticle(groupId, .vars["reserved-article-id"].data)>
4
5<#if journalArticle??>
6 <#assign expandoBridge = journalArticle.getExpandoBridge()>
7 <#assign customAnalyticsProperties = expandoBridge.getAttribute("Campos Personalizados Analítica")>
8</#if>
9
10<div class="section-wrapper">
11 <div class="c-insurance-cards">
12 <div class="c-title">
13 <#if blockTitle?? && blockTitle?has_content && blockTitle.getData()!=''>
14 <h1>${blockTitle.getData()}</h1>
15 </#if>
16 </div>
17 <#if css_modify?? && css_modify?has_content && css_modify.getData()!=''>
18 <div class="c-insurance-cards__cards ${css_modify.getData()}">
19 <#else>
20 <div class="c-insurance-cards__cards">
21 </#if>
22 <#if cardTitle?? && cardTitle.getSiblings()?has_content>
23 <#list cardTitle.getSiblings() as cur_cardTitle>
24 <div class="c-insurance-card">
25 <div class="c-insurance-card__wrapper">
26 <div class="c-insurance-card__img">
27 <figure class="h-auto height-md-100"">
28 <#if cur_cardTitle.cardImage?? && cur_cardTitle.cardImage.getData()?? && cardTitle.cardImage.getData() != ""> <img class="max-height-350 h-auto height-md-100" alt="${cur_cardTitle.cardImage.getAttribute("alt")}" data-fileentryid="${cur_cardTitle.cardImage.getAttribute("fileEntryId")}" src="${cur_cardTitle.cardImage.getData()}" />
29 </#if>
30 </figure>
31 </div>
32 <div class="c-insurance-card__info">
33 <#if cur_cardTitle?? && cur_cardTitle.getData()?? && cardTitle.getData() != "">
34 <h2 class="c-insurance-card__info-title">
35 ${cur_cardTitle.getData()}
36 </h2>
37 </#if>
38 <#if cur_cardTitle.cardImage.cardSubtitle?? && cur_cardTitle.cardImage.cardSubtitle.getData()?? && cardTitle.cardImage.cardSubtitle.getData() != "">
39 <p class="c-insurance-card__info-subtitle">
40 ${cur_cardTitle.cardImage.cardSubtitle.getData()}
41 </p>
42 </#if>
43 <#if cur_cardTitle.cta_text?? && cur_cardTitle.cta_text.getData()?has_content && cur_cardTitle.cta_text.getData()!='' >
44 <#if cur_cardTitle.is_download?? && cur_cardTitle.is_download.getData()?? && getterUtil.getBoolean(cur_cardTitle.is_download.getData())>
45
46 <a href="${cur_cardTitle.download_file.getData()}" onclick="checkWebviewLink(this, event)" target="_blank" class="button-transparent red analytics_interaccion_tarjeta" data-elemento-interaccion="${cur_cardTitle.getData()}" data-custom-properties='${customAnalyticsProperties}'>
47 ${cur_cardTitle.cta_text.getData()}
48 <span class="icon-arrow-right icon-chevron-right c-insurance-card__srrow-icon"></span>
49 </a>
50 <#else>
51 <#if cur_cardTitle.cta_link?? && cur_cardTitle.cta_link.getData()?has_content && cur_cardTitle.cta_link.getData()!='' >
52 <#assign linkTarget = "_self" />
53 <#if cur_cardTitle.cta_link.selectTarget?? && cur_cardTitle.cta_link.selectTarget.getData()?has_content>
54 <#assign linkTarget = cur_cardTitle.cta_link.selectTarget.getData() />
55 </#if>
56 <a target="${linkTarget}" href="${cur_cardTitle.cta_link.getData()}" onclick="checkWebviewLink(this, event)" class="button-transparent red analytics_interaccion_tarjeta" data-elemento-interaccion="${cur_cardTitle.getData()}" data-custom-properties='${customAnalyticsProperties}'>
57 ${cur_cardTitle.cta_text.getData()}
58 <span class="icon-arrow-right icon-chevron-right c-insurance-card__srrow-icon"></span>
59 </a>
60 </#if>
61 </#if>
62 </#if>
63 </div>
64 </div>
65 </div>
66 </#list>
67 </#if>
68 <#if final_cta_text?? && final_cta_text.getData()?has_content && final_cta_text.getData()!='' && final_cta_text.final_cta_link?? && final_cta_text.final_cta_link.getData()?has_content && final_cta_text.final_cta_link.getData()!=''>
69 <#assign linkTarget = "_self" />
70 <#if final_cta_text.final_cta_link.selectTarget2?? && final_cta_text.final_cta_link.selectTarget2.getData()?has_content>
71 <#assign linkTarget = final_cta_text.final_cta_link.selectTarget2.getData() />
72 </#if>
73 <div class="c-insurance-cards__final-button">
74 <a target="${linkTarget}" class="button variant-contained color-red c-button-direct c-button-direct--primary" href="${final_cta_text.final_cta_link.getData()}" onclick="checkWebviewLink(this, event)">
75 <span class="button__text c-button-direct__text">${final_cta_text.getData()}</span>
76 </a>
77 </div>
78 </#if>
79 </div>
80 </div>
81 </div>
