1<style>
2
3.cchc-colaboran-contenedor-imagen img {
4 max-width: 202px;
5}
6
7</style>
8
9
10<#assign
11 prefix="cchc"
12/>
13
14
15<#assign
16 webContentFieldData = jsonFactoryUtil.createJSONObject(programaEvento.getData())
17 />
18
19<#assign
20 webContentFieldData = jsonFactoryUtil.createJSONObject(programaEvento.getData())
21 journalArticle = restClient.get("/headless-delivery/v1.0/structured-contents/${webContentFieldData.classPK}")
22 journalArticleData = jsonFactoryUtil.createJSONObject(journalArticle)
23 />
24
25
26
27<div class = "cchc-banner-transmicion cchc-position-relative cchc-mb-5"">
28
29
30
31
32<#if urlTransmicion.getData()?has_content>
33 <iframe class="cchc-transmicion-video" src="${urlTransmicion.getData()}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
34</#if>
35 </div>
36
37 <div class = "cchc-info-transmicion cchc-container cchc-d-flex cchc-flex-direction-column cchc-gap-4">
38 <div class = "cchc-titulo-transmicion cchc-secondary-h3 cchc-wg-600 cchc-text-color-neutral-30">
39 <#if (tituloEvento.getData())??>
40 ${tituloEvento.getData()}
41 </#if>
42 </div>
43
44 <div class = "cchc-recursos-transmicion cchc-d-flex cchc-justify-content-space-between cchc-flex-lg-direction-column cchc-gap-3">
45
46 <ul class="${prefix}-container-rrss ${prefix}-d-flex ${prefix}-gap-3">
47 <li class="${prefix}-list-style-none ${prefix}-btn-copy-link">
48 <div class="${prefix}-tooltip-link ${prefix}-d-none ${prefix}-btn ${prefix}-sm-btn ${prefix}-secondary-btn animate__animated">Link copiado</div>
49 <a class="${prefix}-btn-rrss ${prefix}-pointer-icon"
50 data-rrss= <#if (urlTransmicion.getData())??> ${urlTransmicion.getData()} </#if>>
51 <@liferay_ui["icon"]
52 icon="link" />
53 Copiar link
54 </a>
55 </li>
56 <li class="${prefix}-list-style-none">
57 <a class="${prefix}-btn-rrss"
58 data-senna-off="true"
59 href="mailto:?subject=&body=<#if (urlTransmicion.getData())??> ${urlTransmicion.getData()} </#if>"
60 target="_blank">
61 <@liferay_ui["icon"]
62 icon="envelope-closed" />
63 </a>
64 </li>
65 <li class="${prefix}-list-style-none">
66 <a class="${prefix}-btn-rrss"
67 data-senna-off="true"
68 href="https://twitter.com/intent/tweet?text=<#if (urlTransmicion.getData())??> ${urlTransmicion.getData()} </#if>"
69 target="_blank">
70 <!-- <@liferay_ui["icon"]
71 icon="twitter" /> -->
72
73 <svg class="lexicon-icon lexicon-icon-twitter-x"
74 role="presentation" viewBox="0 0 512 512">
75 <path class="lexicon-icon-outline" d="M304.158 216.797 490.663 0h-44.196L284.525 188.242 155.182 0H6l195.592 284.655L6 512h44.198l171.016-198.79L357.809 512h149.182L304.147 216.797h.011Zm-60.536 70.366-19.818-28.345L66.124 33.272h67.885L261.26 215.295l19.817 28.345 165.411 236.601h-67.886l-134.98-193.067v-.011Z"></path>
76 </svg>
77
78 </a>
79 </li>
80 <li class="${prefix}-list-style-none">
81 <a class="${prefix}-btn-rrss"
82 data-senna-off="true"
83 href="https://www.linkedin.com/shareArticle?mini=true&url=<#if (urlTransmicion.getData())??> ${urlTransmicion.getData()} </#if>"
84 target="_blank">
85 <@liferay_ui["icon"]
86 icon="social-linkedin" />
87 </a>
88 </li>
89 <li class="${prefix}-list-style-none">
90 <a class="${prefix}-btn-rrss"
91 data-senna-off="true"
92 href="https://www.facebook.com/sharer/sharer.php?u=<#if (urlTransmicion.getData())??> ${urlTransmicion.getData()} </#if>"
93 target="_blank">
94 <@liferay_ui["icon"]
95 icon="social-facebook" />
96 </a>
97 </li>
98 </ul>
99 <div class = "cchc-btn-descargar-transmicion">
100
101
102 <#assign documentoUrl = pdfPorgramaEvento.getData()?if_exists>
103
104
105 <#if documentoUrl?contains(".pdf")>
106 <#if (textoBtn.getData())??>
107 <a href="${documentoUrl}" target='_blank' class = "cchc-btn cchc-secondary-btn cchc-md-btn cchc-md-mobile-btn">${textoBtn.getData()}</a>
108 </#if>
109 <#else>
110 <span></span>
111 </#if>
112
113
114 </div>
115
116
117 </div>
118
119 </div>
120
121
122 <section class="cchc-contenedor-programa cchc-encapsulated-content cchc-mb-13 cchc-container cchc-mt-10 cchc-mb-sm-13">
123
124 <div class="cchc-programa-titulo cchc-programa-titulo cchc-d-flex cchc-secondary-h3 cchc-justify-content-center cchc-align-items-center cchc-secondary-h3 cchc-text-color-neutral-30 cchc-wg-600">
125 </div>
126 <div class="cchc-programa-parrafo cchc-primary-body1 cchc-text-color-neutral-40 cchc-wg-400"></div>
127
128 <div class="cchc-programa-contenedor-tabs cchc-d-flex cchc-justify-content-center">
129 <ul class="cchc-programa-tabs cchc-d-flex cchc-justify-content-space-between cchc-align-items-center cchc-flex-direction-row cchc-pointer-icon cchc-gap-5"></ul>
130 </div>
131
132 <div class="cchc-programa-itenerario cchc-card-shadow-2"></div>
133
134 </section>
135
136
137
138<section class="cchc-encapsulated-content cchc-mb-13 cchc-container cchc-mt-10 cchc-mb-sm-13">
139 <div class="cchc-colaboran-contenedor-titulo cchc-secondary-h3 cchc-d-flex cchc-justify-content-center cchc-align-items-center cchc-text-color-neutral-30 cchc-wg-600">
140 <#if (tituloSeccionColaboran.getData())??>
141 ${tituloSeccionColaboran.getData()}
142 </#if>
143 </div>
144
145 <div class="cchc-colaboran-contenedor-imagen cchc-d-flex cchc-justify-content-space-between cchc-align-items-center cchc-mt-6 cchc-gap-5">
146 <#if imagenColaboran.getSiblings()?has_content>
147 <#list imagenColaboran.getSiblings() as imagenColaboran>
148 <#if (imagenColaboran.getData()) == ''>
149 <span>No se ha insertado el logotipo de los colaboradores.</span>
150 <#else>
151 <div class = "cchc-img-colaboran-evento">
152 <img alt="${imagenColaboran.getAttribute("alt")}" data-fileentryid="${imagenColaboran.getAttribute("fileEntryId")}" src="${imagenColaboran.getData()}"
153 </div>
154 </#if>
155
156
157 </#list>
158 </#if>
159 </div>
160</section>
161
162
163
164<script>
165
166 dataEstructuraContenido = ${journalArticleData.contentFields};
167
168</script>