Consulta cuando quieras la edición en Papel desde el lector de PDFs.
Pulsa aquí
![{name=Headline, data=Marzo/Abril 2025 Nº 283, type=text, options=[], Milenium={name=Milenium, data=idcon=80157229;order=1.0, type=text, options=[]}, iterContentTypeIn=TeaserHeadline, iterContentTypeOut=Headline}](http://www.elperiodicodelazulejo.es/binrepository/185x250/6c0/174d250/none/10926/MUEJ/clipboard-1_80157230_20250408105326.jpg "Marzo/Abril 2025 Nº 283")
APE Grupo anticipa las tendencias en interiorismo
La marca ha presentado el estudio: ‘The new habitat. Espacios que habitamos en la realidad pospandémica’
- De izquierda a derecha, José Miguel Pellicer, CEO de APE Grupo; Alicia García Cabrera, directora de la muestra de tendencias Casa Decor; y Pepa Casado, fundadora e investigadora de la firma Future-A.
-
Una vivienda modular que por el día es oficina y por la noche un hogar común. Un hotel que reconvierte sus habitaciones en espacios de coworking de lunes a viernes y los fines de semana recibe a turistas. Una oficina entendida como punto de encuentro de empleados y no como centro de trabajo. O una tienda física orientada a la experiencia del usuario, pero que anima a la compra de sus productos por internet. Puede parecer que son los espacios que habitaremos en el futuro, pero estos cambios ya han llegado.
Estas son algunas de las conclusiones del estudio The new habitat. Los espacios que habitamos en la realidad pospandémica, realizado por APE Grupo en colaboración con future-A y que se ha presentado en junio en Casa Decor.
El informe constata cómo ha influido la crisis del coronavirus en el diseño de los espacios. Para su realización se ha llevado a cabo una investigación de tendencias en el ámbito internacional y se ha analizado la opinión de 180 expertos españoles del diseño y la arquitectura.
«En este momento de inflexión estratégica, la innovación es necesaria para adecuarnos a los desafíos a los que nos enfrentamos como sociedad», ha asegurado José Miguel Pellicer, CEO de APE Grupo. «Estamos viviendo un periodo de incertidumbre, por lo que en APE Grupo sentimos el deber de investigar y compartir este conocimiento a través de un documento pionero en el sector que anticipa los cambios en los principales espacios vitales en los que se desarrollan nuestras vidas», concluye.
1. Nuevo paradigma de vivienda. La falta de espacio, la reducción del tamaño medio de las casas o la introducción de nuevas funciones en el hogar, como el teletrabajo o el deporte, se unen con estilos de vida más dinámicos y cambiantes que obligan a la vivienda a adaptarse de forma rápida. De hecho, la flexibilidad del espacio será muy importante para diseñar la casa del futuro, tal y como afirman el 80% de los profesionales.
La introducción de un concepto como el hoffice (home office) obliga a planificar los hogares para la conciliación entre trabajo y vida personal. Entre los criterios que priorizan los arquitectos y diseñadores de interiores españoles para diseñar la vivienda del futuro destaca su apertura al exterior, la flexibilidad del espacio interior y la sostenibilidad.
2. Espacios de trabajo flexibles. Hoy, tras la popularización del teletrabajo, un 37% de los profesionales del sector cree que la oficina será el espacio en el que prime el espíritu colaborativo, Así, el espacio se dividirá en zonas destinadas a la concentración, el brainstorming y de trabajo conjunto. El coronavirus también ha provocado la toma de conciencia sobre la importancia de crear áreas de trabajo saludables, que apoyen el bienestar físico y emocional de los empleados.
3. Hoteles: desconexión y teletrabajo. Los hoteles aislados en medio de parajes naturales han sido los que mejor han sobrevivido a la crisis del turismo. Estos establecimientos ya no aspiran a ser un espacio destinado para el turista o el viajero de negocios, sino que quiere lograr un posicionamiento como espacio conectado a su entorno y convertirse en un ente participativo. Así se generan espacios combinados entre hotel y oficina, donde los teletrabajadores encuentran servicios adecuados a sus necesidades.
4. Las tiendas phigital. La experiencia omnicanal (venta coordinada a través de canales físicos y digitales) será fundamental en el futuro. La tienda física se convertirá en un paso más dentro del proceso de compra, que se conectará con ecommerce o marketplaces, haciendo de los locales un espacio phygital. El estudio completo puede descargarse en: https://bit.ly/TheNewHabitat.
An error occurred while processing the template.
Invocation of method 'substring' in class java.lang.String threw exception java.lang.StringIndexOutOfBoundsException: String index out of range: -2 at 21058/F/D_IMG_INF2_TXT[line 527, column 23]
1##----D_IMG_INF2_TXT----
2$!iterVelocityTools.includeLibrary("https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js", "ITER.RESOURCE.CUSTOM.onBxsliderLoaded.resolve()")
3
4#set($sectionID = "#printAssignedSectionID_v1")
5#set ($varColorIter = $!iterVelocityTools.getVariable($sectionID , "color"))
6#set ($topcontent = $!iterVelocityTools.getVariable($sectionID , "printTopcontainer"))
7#set ($info = $!iterVelocityTools.getVariable("0" , "printInfo"))
8#set ($date = $!iterVelocityTools.getVariable("0" , "date"))
9#set ($hasImages = $articleToolbox.getNumImageTags("TeaserImage", "true"))
10
11#set ($vocabulary = $!iterVelocityTools.getVariable($sectionID , "vocabulary"))
12
13#if($hasImages <= 0)
14 #set($templateClass = "no-media")
15#end
16
17<div class="D_IMG_INF2_TXT">
18
19 #if($hasImages > 0)
20 ##MULTIMEDIA IMG
21 <div class="multimedia">
22
23 #getMultimediaMixed_v1("" "crop_768x432" "629" "354" "100%")
24
25
26 </div> <!-- multimedia -->
27 #end
28
29 ##INF2
30 <div class="inf2">
31 #set($hmAutores = {})
32 #getAcAssignedCatExtended_v1($hmAutores "Author")
33 #if($hmAutores.size() > 0)
34 <div class="author">
35 #set($hmAutor = $hmAutores.get(0))
36 <li class="byline" itemprop="author">
37 <a href="#metadataUrl_v1("autor")${hmAutor.friendlyname}">$hmAutor.name</a>
38 #if($info.split("\,").size() > 1 && $velocityCount < $info.split("\,").size())
39 <span class="separator">$!separador</span>
40 #end
41 <div class="add_topic_to_favorite_button topic_${hmAutor.id} author" value="$hmAutor.name" id="${hmAutor.id}" title="Seguir este autor" onClick="click_favorite_topic('${hmAutor.id}', $('#favorite_topic_alert_${hmAutor.id}_$!reserved-article-id.data'))"></div>
42 <div id="favorite_topic_alert_${hmAutor.id}_$!reserved-article-id.data" class="favorite_topic_alert" style="display: none;">Autor marcado para seguir</div>
43 </li>
44 </div>
45 #end
46 <div class="author date">
47 #printDateAgo("dd.MM.yyyy HH:mm","Hace","minuto", "hora")
48 </div>
49 #set($title = "$!articleToolbox.getTag(null,'Headline').data")
50 #set($link = "#siteUrl()$articleToolbox.getArticleViewer('canonical')")
51 <nav class="shared">
52 <ul>
53 <li><a href="#comments" class="comentarios disqus" title="0 Comentarios"><i class="fa fa-comment" aria-hidden="true"></i><span>0</span></a></li>
54 <li><a href="mailto:?subject=Te%20envío%20esta%20noticia:%20${title}&body=${title}:%20${link}" class="RRSS mailto" onclick="ga('send', '${title}', 'Compartir', 'eMail');" target="_blank"><i class="fa fa-envelope-o"></i></a></li>
55 <li><a href="https://www.facebook.com/share.php?u=${link}" class="RRSS facebook" onclick="ga('send', '${title}', 'Compartir', 'Facebook');" target="_blank"><i class="fa fa-facebook"></i></a></li>
56 <li><a href="https://twitter.com/intent/tweet?text=${title}&via=EPAzulejo&url=${link}" class="RRSS twitter" onclick="ga('send', '${title}', 'Compartir', 'Twitter');" target="_blank"><i class="fa fa-twitter"></i></a></li>
57 <li><a href="whatsapp://send?text=${link}" class="RRSS whatsapp" onclick="ga('send', '${title}', 'Compartir', 'Whatsapp');" target="_blank"><i class="fa fa-whatsapp"></i></a></li>
58 <li><a href="https://www.linkedin.com/sharing/share-offsite/?url=${link}" class="RRSS linkedin" onclick="ga('send', '${title}', 'Compartir', 'LinkedIn');" target="_blank"><i class="fa fa-linkedin"></i></a></li>
59 </ul>
60 </nav>
61
62
63 </div>
64
65 ## +++++++++++++++++++++++++ TEXT +++++++++++++++++++++++++++++
66 <div class="text v_01">
67 ##**************************************************************************
68 #set ($hashNames ={})
69 #set ($temp = $hashNames.put("Text","text"))
70 #set ($temp = $hashNames.put("HTML_Text","html"))
71 #set ($temp = $hashNames.put("Lead","lead"))
72 #set ($temp = $hashNames.put("Image_Text","Image_Text"))
73 #set ($temp = $hashNames.put("Image_Text_Vertical","Image_Text_Vertical"))
74 #set ($temp = $hashNames.put("Quote","quote"))
75 #set ($temp = $hashNames.put("Youtube_Text","Youtube_Text"))
76 #set ($temp = $hashNames.put("Twitter_Text","Twitter_Text"))
77 #set ($temp = $hashNames.put("Facebook_Text","Facebook_Text"))
78 #set ($temp = $hashNames.put("Multimedia_Text","Multimedia_Text"))
79 #set ($temp = $hashNames.put("Vimeo_Text","Vimeo_Text"))
80 #set ($temp = $hashNames.put("Intext","intext"))
81 #set ($temp = $hashNames.put("Link_Text","Link_Text"))
82 #set ($temp = $hashNames.put("Destacado","Destacado"))
83 #set ($temp = $hashNames.put("Question","Question"))
84 #set ($temp = $hashNames.put("lista","lista"))
85 #set ($temp = $hashNames.put("lista_numerica","lista_numerica"))
86 #set ($temp = $hashNames.put("Text_en","Text_en"))
87 ##**************************************************************************
88 #set($cropName = "crop620xfree")
89 #set($widthMultimedia = "620")
90 #set($heightMultimedia = "400")
91 #set($cropSizes = "100%")
92 #set($contadorParrafos = 0)
93 #set($childrenTags = $articleToolbox.getChildrenTags(null))
94 #set($currentElement = 0)
95 ##**************************************************************************
96 #set($slide_imgTxt = false)
97
98 #foreach($el in $childrenTags)
99 #set ($element = {})
100 #set ($cssclass=$hashNames.get($el.name))
101 #if($cssclass)
102
103 #set ($temp = $element.put("name",$el.name))
104 #set ($temp = $element.put("cssclass",$cssclass))
105
106 #if ($environment == 'PREVIEW')
107 #set($tempIter = " iterhtmlid='$el.Milenium.data' ")
108 #else
109 #set($tempIter = "")
110 #end
111
112 #if($element.name == "Image_Text")
113 #if($el && $el.trim() != "")
114 ## vemos si hay mas image_text detras +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
115 #set($ind = $currentElement+1)
116
117 #if($childrenTags.get($ind).name == "Image_Text" && $slide_imgTxt == false)
118 #set($name_s = "bx_slider_it_" + $currentElement)
119 <div class="$name_s">
120 #set($slide_imgTxt = true)
121 #end
122 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
123 <figure class="contentMedia art-img ${element.cssclass}" >
124 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
125 #set($AltImage = "#getAltImage_v1($tempImage)")
126 #set($TitleImage = "#getTitleImage_v1($tempImage)")
127 #if($enviromentVersion == "new")#*
128 *##set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
129 *##else#*
130 *##set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
131 *##end
132 #if($imgHtml)
133 $imgHtml
134 #end
135 #if($el.Cutline && $el.Cutline.data != "")
136 #if ($environment == 'PREVIEW')
137 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
138 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
139 #else
140 #set($tempIter = "")
141 #set($tempIter2 = "")
142 #end
143 <div class="cutline-byline">
144 <span class="cutline-text" $tempIter>$!el.Cutline.data</span>
145 #if($el.Byline && $el.Byline.data != "")
146 <span class="byline-image" $tempIter2> | $el.Byline.data </span>
147 #end
148 </div>
149 #end
150 </figure>
151 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
152 #if($childrenTags.get($ind).name != "Image_Text" && $slide_imgTxt)
153 </div>
154 <script>
155 $(".$name_s").bxSlider({
156 auto: false,
157 pager: false,
158 controls: true,
159 infiniteLoop: false,
160 minSlides: 1,
161 maxSlides: 1,
162 slideMargin: 20,
163 hideControlOnEnd: true
164 });
165 </script>
166 #set($slide_imgTxt = false)
167 #end
168 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
169
170
171
172 #end
173 #end
174
175
176 #if($element.name == "Image_Text_Vertical")
177 #if($el && $el.trim() != "")
178 ## vemos si hay mas image_text detras +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
179 #set($ind = $currentElement+1)
180
181 #if($childrenTags.get($ind).name == "Image_Text_Vertical" && $slide_imgTxt == false)
182 #set($name_s = "bx_slider_it_" + $currentElement)
183 <div class="$name_s">
184 #set($slide_imgTxt = true)
185 #end
186 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
187 <figure class="contentMedia art-img ${element.cssclass}" >
188 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
189 #set($AltImage = "#getAltImage_v1($tempImage)")
190 #set($TitleImage = "#getTitleImage_v1($tempImage)")
191 #if($enviromentVersion == "new")#*
192 *##set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","crop_vertical","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
193 *##else#*
194 *##set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","crop_vertical","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
195 *##end
196 #if($imgHtml)
197 $imgHtml
198 #end
199 #if($el.Cutline && $el.Cutline.data != "")
200 #if ($environment == 'PREVIEW')
201 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
202 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
203 #else
204 #set($tempIter = "")
205 #set($tempIter2 = "")
206 #end
207 <div class="cutline-byline">
208 <span class="cutline-text" $tempIter>$!el.Cutline.data</span>
209 #if($el.Byline && $el.Byline.data != "")
210 <span class="byline-image" $tempIter2> | $el.Byline.data </span>
211 #end
212 </div>
213 #end
214 </figure>
215 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
216 #if($childrenTags.get($ind).name != "Image_Text_Vertical" && $slide_imgTxt)
217 </div>
218 <script>
219 $(".$name_s").bxSlider({
220 auto: false,
221 pager: false,
222 controls: true,
223 infiniteLoop: false,
224 minSlides: 1,
225 maxSlides: 1,
226 slideMargin: 20,
227 hideControlOnEnd: true
228 });
229 </script>
230 #set($slide_imgTxt = false)
231 #end
232 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
233
234
235
236 #end
237 #end
238
239 #if($element.name == "Youtube_Text")
240 #if($el && $el.trim() != "")
241 <div class="multimediaMacroWrapper ${element.cssclass}">
242 <div class="contentMedia art-youtube" $!tempIter>
243 <div class="responsive-video">
244 <iframe allowfullscreen="" frameborder="0" height="$heightMultimedia" width="$widthMultimedia" src="//www.youtube.com/embed/$el.data?wmode=transparent&showinfo=0&theme=light"></iframe>
245 </div>
246 </div>
247 </div>
248 #end
249 #end
250
251 #if($element.name == "Vimeo_Text")
252 #if($el && $el.trim() != "")
253 <div class="multimediaMacroWrapper ${element.cssclass}">
254 <div class="contentMedia art-vimeo" $!tempIter>
255 <div class="responsive-video">
256 <iframe class="vimeo-player" src="//player.vimeo.com/video/$el.data" width="$widthMultimedia" height="$heightMultimedia" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
257 </div>
258 </div>
259 </div>
260 #end
261 #end
262
263 #if($element.name == "Twitter_Text")
264 #if($el && $el.trim() != "")
265 <div class="art-twitter ${element.cssclass}" $!tempIter>
266 <div class="twitter-content">
267 <blockquote class="twitter-tweet">
268 <a href='$!el.data'></a>
269 </blockquote>
270 $!iterVelocityTools.includeLibrary("https://platform.twitter.com/widgets.js", "ITER.RESOURCE.CUSTOM.TwitterLoaded.resolve()")
271 </div>
272 </div>
273 #end
274 #end
275
276 #if($element.name == "Facebook_Text")
277 #if($el.data && $el.data.trim() != "")
278 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
279 #end
280 #end
281
282 #if($element.name == "Multimedia_Text")
283 #if($el && $el.trim() != "")
284 <div class="multimediaMacroWrapper">
285 <div class="contentMedia art-video interno ${element.cssclass}" $!tempIter>
286 <div class="responsive-video">
287
288 #if($el.Extension.data && $el.Extension.data == "mp3")
289 <audio controls width="$widthMultimedia" height="$heightMultimedia">
290 <source src="$el.Document.data" type="audio/mpeg">
291 </audio>
292 #elseif ($el.Extension.data && $el.Extension.data == "mp4")
293 <div id="multimediaPlayer${reserved-article-id.data}${velocityCount}" class="jwplayer-content" preview="$el.Preview.data" data_document="$el.Document.data" >Cargando reproductor ...</div>
294
295 ##<video id="multimediaPlayer$!{reserved-article-id.data}${velocityCount}" poster="$!el.Preview.data" controls width="$!widthMultimedia" height="$!heightMultimedia">
296 ## <source src="$!el.Document.data" type="video/mp4">
297 ## Tu navegador no soporta el vídeo de HTML5
298 ##</video>
299 #end
300
301 </div>
302 </div>
303 </div>
304 #end
305 #end
306
307 #if($element.name == "HTML_Text")
308 #if($el.data && $el.data.trim() != "")
309 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
310 #end
311 #end
312 #if($element.name == "Lead")
313 #if($el && $el.trim() != "")
314 <h3 class='${element.cssclass} entradilla' mlnid="$el.Milenium.data">$!el.data.trim().replaceAll("&","&")</h3>
315 #end
316 #end
317 #if($element.name == "Ladillo")
318 #if($el && $el.trim() != "")
319 <h2 class='${element.cssclass} ladillo' mlnid="$el.Milenium.data">$!el.data.trim().replaceAll("&","&")</h2>
320 #end
321 #end
322 #if($element.name == "Link_Text")
323 #if($el.data && $el.data.trim() != "")
324 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
325 #end
326 #end
327 #if($element.name == "Text")
328 #if($el && $el.trim() != "")
329 <div class='paragraph' mlnid="$el.Milenium.data">
330 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
331 #foreach($parrafo in $tempArrayText)
332 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
333 #if($parrafo != "")
334 #set($contadorParrafos = $contadorParrafos + 1)
335## #if($contadorParrafos == 2)
336## $!iterVelocityTools.getAdContainer("M02_cpm_r_dcha")
337## #elseif($contadorParrafos == 5)
338## $!iterVelocityTools.getAdContainer("M04_cpm_r_dchab")
339## #elseif($contadorParrafos == 9)
340## $!iterVelocityTools.getAdContainer("M07_cpm_r_dchac")
341## #end
342
343 #if($environment == "LIVE" && $parrafo.contains("wp:paragraph") == false)
344 <p class="p_$contadorParrafos iter"><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></p>
345 #else
346 <p class="p_$contadorParrafos migrado">$parrafo</p>
347 #end
348
349 #end
350 #end
351 </div>
352 #end
353 #end
354
355 #if($element.name == "Intext")
356 #if($el && $el.trim() != "")
357 <div class='${element.cssclass}' $!tempIter>
358 $!el.data.trim().replaceAll("&","&")
359 </div>
360 #end
361 #end
362
363 #if($element.name == "Quote")
364 #if($el && $el.trim() != "")
365 <blockquote class='${element.cssclass}' $!tempIter>
366 <span>$!el.data.trim().replaceAll("&","&")</span>
367 </blockquote>
368 #end
369 #end
370 #if($element.name == "Destacado")
371 #if($el && $el.trim() != "")
372 <div class='${element.cssclass}' $!tempIter>
373 <span>$!el.data.trim().replaceAll("&","&")</span>
374 </div>
375 #end
376 #end
377 #if($element.name == "lista")
378 #if($el && $el.trim() != "")
379 <ul class='${element.cssclass}'>
380 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
381 #foreach($parrafo in $tempArrayText)
382 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
383 #if($parrafo != "")
384 ## #set($contadorParrafos = $contadorParrafos + 1)
385 ## #if($contadorParrafos == 2)
386 ## $!iterVelocityTools.getAdContainer("M02_cpm_r_dcha")
387 ## #elseif($contadorParrafos == 5)
388 ## $!iterVelocityTools.getAdContainer("M04_cpm_r_dchab")
389 ## #elseif($contadorParrafos == 9)
390 ## $!iterVelocityTools.getAdContainer("M07_cpm_r_dchac")
391 ## #end
392 ##if($environment == "LIVE" && $reserved-article-id.data.contains("NM") == false)
393 ## <li><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></li>
394 ##else
395 <li>$!parrafo</li>
396 ##end
397 #end
398 #end
399 </ul>
400 #end
401 #end
402 #if($element.name == "lista_numerica")
403 #if($el && $el.trim() != "")
404 <ol class='${element.cssclass}'>
405 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
406 #foreach($parrafo in $tempArrayText)
407 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
408 #if($parrafo != "")
409 ## #set($contadorParrafos = $contadorParrafos + 1)
410 ## #if($contadorParrafos == 2)
411 ## $!iterVelocityTools.getAdContainer("M02_cpm_r_dcha")
412 ## #elseif($contadorParrafos == 5)
413 ## $!iterVelocityTools.getAdContainer("M04_cpm_r_dchab")
414 ## #elseif($contadorParrafos == 9)
415 ## $!iterVelocityTools.getAdContainer("M07_cpm_r_dchac")
416 ## #end
417 ##if($environment == "LIVE" && $reserved-article-id.data.contains("NM") == false)
418 ## <li><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></li>
419 ##else
420 <li>$!parrafo</li>
421 ##end
422 #end
423 #end
424 </ol>
425 #end
426 #end
427
428 #if($element.name == "Question")
429 #if($el && $el.trim() != "")
430 #set($namespace = $randomNamespace)
431 #initPoll_v1
432 <div class='${element.cssclass}' $!tempIter groupId="$groupId" questionId="$Question.questionid">
433 <div class="question-poll">
434 ##QUESTION
435 <h3 class="headline question">$!Question.data</h2>
436 </div> <!-- Fin div question-poll -->
437 ##CHOICES
438 <div class="${namespace}_choices visible">
439 #if ($Question && $Question.Answer && $Question.Answer.getSiblings() && $Question.Answer.getSiblings().size() > 0)
440 <form id="${namespace}_form" name="${namespace}_form" class="${namespace}_form" >
441 <input name="questionId" type="hidden" value="$Question.questionid" />
442 #foreach ($answer in $Question.Answer.getSiblings())
443 <span class="choice"><input type="radio" value="$answer.choiceid" name="choiceId" class="choiceOption">$answer.data</span>
444 #end
445 <span class="vote-btn btn">Vota</span>
446 </form>
447 #end
448 </div> <!-- Fin div choices -->
449 <div class="${namespace}_results hidden"></div>
450
451 </div>
452 <script>
453 jQuery(".${namespace}_form .vote-btn.btn").bind("click",function(){
454 var resultVote = IterPoll.vote(jQuery('.${namespace}_form'),JSON.parse('#getPollJson_v1'));
455 console.log("resultVote = " + resultVote);
456 if(resultVote == true){
457 IterPoll.getPollData(JSON.parse('#getPollJson_v1'),".${namespace}_results",IterPoll.printPollResultSimple);
458 }
459 jQuery(".${namespace}_results").addClass("visible");
460 jQuery(".${namespace}_choices").addClass("hidden");
461 jQuery(".${namespace}_choices").removeClass("visible");
462 jQuery(".${namespace}_results").removeClass("hidden");
463 })
464 </script>
465 #end
466 #end
467 #if($element.name == "Text_en")
468 #if($el && $el.trim() != "")
469 <div class='paragraph' style="color: #2ba2c7;" mlnid="$el.Milenium.data">
470 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
471 #foreach($parrafo in $tempArrayText)
472 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
473 #if($parrafo != "")
474 #set($contadorParrafos = $contadorParrafos + 1)
475 #if($environment == "LIVE" && $parrafo.contains("wp:paragraph") == false)
476 <p class="p_$contadorParrafos iter"><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></p>
477 #else
478 <p class="p_$contadorParrafos migrado">$parrafo</p>
479 #end
480 #end
481 #end
482 </div>
483 #end
484 #end
485 ## cssclass
486 #end
487 ## childrenTags
488 #set($currentElement = $currentElement + 1)
489 #end
490 ##**************************************************************************
491 </div> <!-- Fin div text -->
492
493#if($environment == "LIVE")
494<?php
495 function format_post_content($content) {
496 $document = new DOMDocument();
497 $document->loadHTML($content);
498 $tags = $document->getElementsByTagName('a');
499 foreach ($tags as $tag) {
500 if( strpos($tag->getAttribute('href'),'neomotor') > 0 ){
501 $tag->removeAttribute('rel');
502 $tag->removeAttribute('target');
503 $tag->setAttribute('title', $tag->nodeValue);
504 }
505 }
506 $html_1 = $document->saveHTML($document->documentElement);
507 $html_1 = str_replace("<body>", "", $html_1);
508 $html_1 = str_replace("<html>", "", $html_1);
509 $html_1 = str_replace("<p>", "", $html_1);
510 $html_1 = str_replace("</p>", "", $html_1);
511 $html_1 = str_replace("</html>", "", $html_1);
512 $html_1 = str_replace("</body>", "", $html_1);
513 echo $html_1;
514 }
515?>
516#end
517
518 ## +++++++++++++++++++++++++ TEXT +++++++++++++++++++++++++++++
519</div>
520
521## ******** DATALAYER DETALLE *******************************
522#set($mask_d = "YYYY-MM-dd'T'HH:mm:ssZZ")
523#set($date_m = "#printDateFrom_v1($mask_d)" )
524##PONEMOS LOS : EN EL DESPLAZAMIENTO UTC
525#set($date_m = $date_m.trim())
526#set($tam = $date_m.length() - 2)
527#set($val-1 = $date_m.substring(0, $tam))
528#set($val-2 = $date_m.substring($tam))
529#set($date_m = $val-1 + ":" + $val-2)
530#set($date_s = "#printDateFrom_v1('yyy-MM-dd')" )
531#set($autorfinal = "")
532#set($hmAutores = {})
533#getAcAssignedCatExtended_v1($hmAutores "Author")
534#if($hmAutores.size() > 0)
535 #foreach ($hmAutor in $hmAutores)
536 #set($autorfinal = $hmAutor.friendlyname.replaceAll("-", " "))
537 #end
538#end
539#if($autorfinal == "")
540 #set($autorfinal = "redaccion")
541#end
542
543##*************** TEMAS ***************************
544#set($keywordsfinal_datalayer = '')
545#if($auxCatalagoTema.size() > 0)
546 #foreach($keyword in $auxCatalagoTema)
547
548 #if($keywordsfinal_datalayer == '')
549 #set($keywordsfinal_datalayer = $keyword.friendlyname.replaceAll("-", " "))
550 #else
551 #set($keywordsfinal_datalayer = $keywordsfinal_datalayer + '|' + $keyword.friendlyname.replaceAll("-", " "))
552 #end
553 #end
554 #set($keywordsfinal_datalayer = '"' + $keywordsfinal_datalayer + '"')
555#else
556 #set($keywordsfinal_datalayer = 'undefined')
557#end
558
559
560#set ($xml =$articleContext.selectNodes('//section'))
561#set($nivel = 1)
562#set($secc1 = "")
563#set($secc2 = "undefined")
564#set($secc3 = "undefined")
565#foreach ($nodexml in $xml )
566 #if($nivel < 4)
567 #set($secc = $htmlUtil.escape($!nodexml.attribute('name').getValue()))
568 #set($secc = $secc.replaceAll("\n", "") )
569 #set($seccID = $htmlUtil.escape($!nodexml.attribute('id').getValue()))
570 #if($nivel == 1)
571 #set($secc1 = $secc)
572 #elseif($nivel == 2)
573 #set($secc2 = $secc)
574 #elseif($nivel == 3)
575 #set($secc3 = $secc)
576 #end
577 #set($nivel = $nivel + 1)
578 #end
579#end
580
581<script nominify>
582var sec2 = undefined;
583var sec3 = undefined;
584#if($secc2 != "undefined")
585 var sec2 = normalize_str_data("$secc2");
586#end
587#if($secc3 != "undefined")
588 var sec3 = normalize_str_data("$secc3");
589#end
590window.dataLayer = window.dataLayer || [];
591window.dataLayer.push ({
592 "event": "pageview",
593 "content": {
594 "access": "abierto",
595 "category": "ocio",
596 "date": {
597 "modification": "$date_m.trim()",
598 "publication": "$date_m.trim()",
599 "publication_short": "$date_s.trim()"
600 },
601 "id": "$reserved-article-id.data",
602 "person": {
603 "author": "$autorfinal",
604 "editor": "$autorfinal"
605 },
606 "section": {
607 "level_1": normalize_str_data("$secc1"),
608 "level_2": sec2,
609 "level_3": sec3
610 },
611 "tag": $keywordsfinal_datalayer,
612 "type": {
613 "cms": "noticia" // noticia|portada
614 },
615 },
616 "page": {
617 "view_id": Math.floor(Date.now() / 1000),
618 "ga4_id": "G-JMFTHHM0FB"
619 },
620 "product": {
621 "platform": "web", // web|amp
622 "product.area" : "regionales",
623 "product.brand" : "el periodico del azulejo",
624 "product.name" : "elperiodicodelazulejo"
625 }
626})
627</script>