1$iterVelocityTools.getVelocityVariable("initaccessblock")
2#php_if("getenv('ITER-USER-HAS-ACCESS')==true")
3<!-- Usuario CON acceso al contenido -->
4#php_else
5<!-- Usuario SIN acceso al contenido -->
6#php_end
7#set($url_gal = $articleToolbox.getTag(null,"URL_gal"))
8#if($url_gal && $url_gal.data!= "")
9 <a href="$!url_gal.data" class="btn-gal">
10 Ir a galería fotográfica <span clas="icon-arrow"></span>
11 </a>
12#end
13
14#set($title = $articleToolbox.getTag(null,"Headline").data)
15#set($title = $htmlUtil.escape($!title))
16#set($title = $title.replaceAll("\n", ""))
17
18#set($html5Desc = {})
19#set($temp = $html5Desc.put("name","title"))
20#set($temp = $html5Desc.put("content",$title))
21$iterVelocityTools.addMetaTag($html5Desc)
22
23<div class="text TXT_gd" is_restricted="$articleToolbox.article_is_restricted()">
24##if($articleToolbox.article_is_restricted())
25## #getTeaserText_v1(180)
26## <div onclick="ITER.SUBSCRIPTION.SHOP.login()" class="premium-detail"></div>
27##else
28 #set ($hashNames ={})
29 #set ($temp = $hashNames.put("Text","text"))
30 #set ($temp = $hashNames.put("HTML_Text","html"))
31 #set ($temp = $hashNames.put("Lead","lead"))
32 #set ($temp = $hashNames.put("Image_Text","Image_Text"))
33 #set ($temp = $hashNames.put("Quote","Quote"))
34 #set ($temp = $hashNames.put("intext","intext"))
35 #set ($temp = $hashNames.put("Youtube_Text","Youtube_Text"))
36 #set ($temp = $hashNames.put("Twitter_Text","Twitter_Text"))
37 #set ($temp = $hashNames.put("Facebook_Text","Facebook_Text"))
38 #set ($temp = $hashNames.put("Multimedia_Text","Multimedia_Text"))
39 #set ($temp = $hashNames.put("Multimedia_Text_Vertical","Multimedia_Text_Vertical"))
40 #set ($temp = $hashNames.put("Vimeo_Text","Vimeo_Text"))
41 #set ($temp = $hashNames.put("titulo_destacado","titulo_destacado"))
42 #set ($temp = $hashNames.put("Titulo_despiece","Titulo_despiece"))
43 #set ($temp = $hashNames.put("cintillo_cronologia","cintillo_cronologia"))
44 #set ($temp = $hashNames.put("cintillo_endetalle","cintillo_endetalle"))
45 #set ($temp = $hashNames.put("cintillo_eldato","cintillo_eldato"))
46 #set ($temp = $hashNames.put("cintillo_endestacado","cintillo_endestacado"))
47 #set($cropName = "crop_600xfree")
48 #set($widthMultimedia = "587")
49 #set($heightMultimedia = "350")
50
51 #set($widthMultimediaVertical = "350")
52 #set($heightMultimediaVertical = "587")
53
54 #set($cropSizes = "100%")
55 #set($childrenTags = $articleToolbox.getChildrenTags(null))
56 #set($currentElement = 0)
57 #foreach($el in $childrenTags)
58 #set ($element = {})
59 #set ($cssclass=$hashNames.get($el.name))
60 #if($cssclass)
61 #set($currentElement = $currentElement + 1)
62 #set ($temp = $element.put("name",$el.name))
63 #set ($temp = $element.put("cssclass",$cssclass))
64 #if ($environment == 'PREVIEW')
65 #set($tempIter = " iterhtmlid='$el.Milenium.data' ")
66 #else
67 #set($tempIter = "")
68 #end
69 #if($element.name == "Image_Text")
70 #if($el && $el.trim() != "")
71 <div class="multimediaMacroWrapper">
72 <div class="contentMedia art-img">
73 <figure class="cutlineShow">
74 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
75 #set($AltImage = "#getAltImage_v1($tempImage)")
76 #set($TitleImage = "#getTitleImage_v1($tempImage)")
77 #if($enviromentVersion == "new")
78 #set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))
79 #else
80 #set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))
81 #end
82 #if($imgHtml)
83 $imgHtml
84 #end
85 #if($el.Cutline && $el.Cutline.data != "")
86 #if ($environment == 'PREVIEW')
87 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
88 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
89 #else
90 #set($tempIter = "")
91 #set($tempIter2 = "")
92 #end
93 <div class="cutline-byline" tempIter>
94 <span class="cutline-text" tempIter>$!el.Cutline.data</span>
95 #if($el.Byline && $el.Byline.data != "")
96 <span class="byline-image" tempIter2> ($!el.Byline.data) </span>
97 #end
98 </div>
99 #end
100 </figure>
101 </div>
102 </div>
103 #end
104 #end
105 #if($element.name == "Youtube_Text")
106 #if($el && $el.trim() != "")
107 <div class="multimediaMacroWrapper">
108 <div class="contentMedia art-youtube" $!tempIter>
109 <div class="responsive-video ratio ratio-16x9" itemprop="video">
110 <iframe allowfullscreen="" frameborder="0" height="$heightMultimedia" width="$widthMultimedia" src="//www.youtube.com/embed/$el.data?wmode=transparent&showinfo=0&theme=light"></iframe>
111 </div>
112 </div>
113 </div>
114 #end
115 #end
116 #if($element.name == "Vimeo_Text")
117 #if($el && $el.trim() != "")
118 <div class="multimediaMacroWrapper">
119 <div class="contentMedia art-vimeo" $!tempIter>
120 <div class="responsive-video" itemprop="video">
121 <iframe class="vimeo-player" src="//player.vimeo.com/video/$el.data" width="$widthMultimedia" height="$heightMultimedia" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
122 </div>
123 </div>
124 </div>
125 #end
126 #end
127 #if($element.name == "Twitter_Text")
128 #if($el && $el.trim() != "")
129 <div class="art-twitter" $!tempIter>
130 <div class="twitter-content" itemprop="tweet">
131 <blockquote class="twitter-tweet">
132 <a href='$!el.data'></a>
133 </blockquote>
134 $!iterVelocityTools.includeLibrary("https://platform.twitter.com/widgets.js", "ITER.RESOURCE.CUSTOM.TwitterLoaded.resolve()")
135 </div>
136 </div>
137 #end
138 #end
139 #if($element.name == "Facebook_Text")
140 #if($el.data && $el.data.trim() != "")
141 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
142 #end
143 #end
144 #if($element.name == "Multimedia_Text")
145 #if($el && $el.trim() != "")
146 <div class="multimediaMacroWrapper">
147 <div class="contentMedia art-video interno" $!tempIter>
148 <div class="responsive-video">
149 #if($el.Extension.data && $el.Extension.data == "mp3")
150 <audio controls width="$widthMultimedia" height="$heightMultimedia">
151 <source src="$el.Document.data" type="audio/mpeg">
152 </audio>
153 #elseif ($el.Extension.data && $el.Extension.data == "mp4")
154 <div class="ratio ratio-16x9">
155 <video id="multimediaPlayer$!{reserved-article-id.data}${velocityCount}" poster="$!el.Preview.data" controls width="$!widthMultimedia" height="$!heightMultimedia">
156 <source src="$!el.Document.data" type="video/mp4">
157 Tu navegador no soporta el vídeo de HTML5
158 </video>
159 </div>
160 #end
161 </div>
162 </div>
163 </div>
164 #end
165 #end
166 #if($element.name == "Multimedia_Text_Vertical")
167 #if($el && $el.trim() != "")
168 <div class="multimediaMacroWrapper">
169 <div class="contentMedia art-video interno vertical" $!tempIter>
170 <div class="responsive-video vertical">
171 <div class="ratio ratio-9x16">
172 <video id="multimediaPlayer$!{reserved-article-id.data}${velocityCount}" poster="$!el.Preview.data" controls width="$!widthMultimediaVertical" height="$!heightMultimediaVertical">
173 <source src="$!el.Document.data" type="video/mp4">
174 Tu navegador no soporta el vídeo de HTML5
175 </video>
176 </div>
177 </div>
178 </div>
179 </div>
180 #end
181 #end
182 #if($element.name == "HTML_Text")
183 #if($el.data && $el.data.trim() != "")
184 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
185 #end
186 #end
187 #if($element.name == "Lead")
188 #if($el && $el.trim() != "")
189 <h2 class='${element.cssclass} cita' $!tempIter>$!el.data.trim().replaceAll("&","&")</h2>
190 #end
191 #end
192 #if($element.name == "Text")
193 #if($el && $el.trim() != "")
194 #set($contadorParrafos = 1)
195 <div class='paragraph' $!tempIter itemprop="articleBody">
196 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
197 #foreach($parrafo in $tempArrayText)
198 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
199 #if($parrafo != "")
200 #if($contadorParrafos == 3)
201 #php_if("getenv('ITER_UA_IS_MOBILE')==='true'")
202 $!iterVelocityTools.getAdContainer("m_contenido")
203 #php_else
204 $!iterVelocityTools.getAdContainer("contenido")
205 #php_end
206 #end
207 <p class="p_$contadorParrafos">$!parrafo</p>
208 #set($contadorParrafos = $contadorParrafos + 1)
209 #end
210 #end
211 </div>
212 #end
213 #end
214 #if($element.name == "Quote")
215 #if($el && $el.trim() != "")
216 <blockquote class='${element.cssclass}' $!tempIter>
217 <span>$!el.data.trim().replaceAll("&","&")</span>
218 </blockquote>
219 #end
220 #end
221 #if($element.name == "intext")
222 #if($el && $el.trim() != "")
223 <div class='${element.cssclass}' $!tempIter>
224 <span>$!el.data.trim().replaceAll("&","&")</span>
225 </div>
226 #end
227 #end
228 #if($element.name == "titulo_destacado")
229 #if($el && $el.trim() != "")
230 <div class='${element.cssclass}' $!tempIter>
231 <div class="title">$!el.data.trim().replaceAll("&","&")</div>
232 #if($el.texto_destacado.data && $el.texto_destacado.data != "")
233 <div class="text_destacado">$!el.texto_destacado.data.trim().replaceAll("&","&")</div>
234 #end
235 </div>
236 #end
237 #end
238 #if($element.name == "Titulo_despiece")
239 #if($el && $el.trim() != "")
240 <div class='${element.cssclass}' $!tempIter>
241 #if($el.imagen_despiece.data && $el.imagen_despiece.data != "")
242 #if($enviromentVersion == "new")
243 #set($imgHtml = $!articleToolbox.getImageTag2("$el.imagen_despiece.name", "$el.imagen_despiece.Milenium.data","$cropName","","","","false","","","$!cropSizes"))
244 #else
245 #set($imgHtml = $!articleToolbox.getImageTag("$el.imagen_despiece.name", "$el.imagen_despiece.Milenium.data","$cropName","","","","false","","","$!cropSizes"))
246 #end
247 #if($imgHtml)
248 <div class="image">$imgHtml</div>
249 #end
250 #end
251 <div class="title">$!el.data.trim().replaceAll("&","&")</div>
252 #if($el.Texto_despiece.data && $el.Texto_despiece.data != "")
253 <div class="text_despiece">$!el.Texto_despiece.data.trim().replaceAll("&","&")</div>
254 #end
255 </div>
256 #end
257 #end
258 #if($element.name == "cintillo_cronologia")
259 #if($el && $el.trim() != "")
260 <div class='${element.cssclass}' $!tempIter>
261 <div class="title">$!el.data.trim().replaceAll("&","&")</div>
262 #if($el.texto_cronologia.data && $el.texto_cronologia.data != "")
263 <div class="texto_cronologia">$!el.texto_cronologia.data.trim().replaceAll("&","&")</div>
264 #end
265 </div>
266 #end
267 #end
268 #if($element.name == "cintillo_endetalle")
269 #if($el && $el.trim() != "")
270 <div class='${element.cssclass}' $!tempIter>
271 <div class="title">$!el.data.trim().replaceAll("&","&")</div>
272 #if($el.texto_endetalle.data && $el.texto_endetalle.data != "")
273 <div class="texto_endetalle">$!el.texto_endetalle.data.trim().replaceAll("&","&")</div>
274 #end
275 </div>
276 #end
277 #end
278 #if($element.name == "cintillo_eldato")
279 #if($el && $el.trim() != "")
280 <div class='${element.cssclass}' $!tempIter>
281 <div class="title">$!el.data.trim().replaceAll("&","&")</div>
282 #if($el.cifra_eldato.data && $el.cifra_eldato.data != "")
283 <div class="cifra_eldato">$!el.cifra_eldato.data.trim().replaceAll("&","&")</div>
284 #end
285 #if($el.texto_eldato.data && $el.texto_eldato.data != "")
286 <div class="texto_eldato">$!el.texto_eldato.data.trim().replaceAll("&","&")</div>
287 #end
288 </div>
289 #end
290 #end
291 #if($element.name == "cintillo_endestacado")
292 #if($el && $el.trim() != "")
293 <div class='${element.cssclass}' $!tempIter>
294 <div class="title">$!el.data.trim().replaceAll("&","&")</div>
295 #if($el.Image_endestacado.data && $el.Image_endestacado.data != "")
296 #if($enviromentVersion == "new")
297 #set($imgHtml = $!articleToolbox.getImageTag2("$el.Image_endestacado.name", "$el.Image_endestacado.Milenium.data","$cropName","","","","false","","","$!cropSizes"))
298 #else
299 #set($imgHtml = $!articleToolbox.getImageTag("$el.Image_endestacado.name", "$el.Image_endestacado.Milenium.data","$cropName","","","","false","","","$!cropSizes"))
300 #end
301 #if($imgHtml)
302 <div class="image">$imgHtml</div>
303 #end
304 #end
305 #if($el.firma_endestacado.data && $el.firma_endestacado.data != "")
306 <div class="firma_endestacado">$!el.firma_endestacado.data.trim().replaceAll("&","&")</div>
307 #end
308 #if($el.cargo_endestacado.data && $el.cargo_endestacado.data != "")
309 <div class="cargo_endestacado">$!el.cargo_endestacado.data.trim().replaceAll("&","&")</div>
310 #end
311 #if($el.texto_endestacado.data && $el.texto_endestacado.data != "")
312 <div class="texto_endestacado">$!el.texto_endestacado.data.trim().replaceAll("&","&")</div>
313 #end
314 </div>
315 #end
316 #end
317 #end
318 #end
319##end
320
321</div>