IThinkUPC
S'ha produït un error mentre es processava la plantilla.
Can't convert this string to number: "2022-11-04" The blamed expression: ==> datafira?number [in template "10155#10193#260631564" at line 168, column 57] ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign dia = dateUtil.getDate(datafi... [in template "10155#10193#260631564" at line 168, column 25] ----
1<#assign colorSite=getterUtil.getString(themeDisplay.getThemeSetting("color-site")) />
2
3<script type="text/javascript" src="https://www.upf.edu/documents/6323808/129176989/jquery.captionate.js"></script>
4
5
6<#assign zona=timeZoneUtil.getTimeZone("Europe/Madrid") />
7
8<#assign AssetEntryLocalservice=serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
9<#assign journalLocalService=serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
10
11
12<#assign groupId=getterUtil.getLong(groupId) />
13<#assign site=themeDisplay.getScopeGroupId() />
14
15<#if ( site?is_number)>
16 <#assign resourcePrimKey=journalLocalService.getArticle(getterUtil.getLong(site),
17 .vars['reserved-article-id'].data).resourcePrimKey />
18 <#assign entry=AssetEntryLocalservice.getEntry("com.liferay.journal.model.JournalArticle",
19 getterUtil.getLong(resourcePrimKey)) />
20 <#if entry.getPublishDate()??>
21 <#assign fecha_de_creacion=entry.getPublishDate()?string("dd.MM.yyyy") />
22 <#else>
23 <#assign fecha_de_creacion=.now?string("dd.MM.yyyy") />
24 </#if>
25
26 <#if entry.getModifiedDate()??>
27 <#assign fecha_de_modificacion=entry.getModifiedDate()?string("dd.MM.yyyy") />
28 <#else>
29 <#assign fecha_de_modificacion=.now?string("dd.MM.yyyy") />
30 </#if>
31</#if>
32
33
34<#assign cat="" />
35<#assign listaCategorias=entry.getCategories() />
36<#list listaCategorias as categoria>
37 <#if stringUtil.equalsIgnoreCase("OpenCms", categoria.name)>
38 <#assign cat=categoria.name />
39 </#if>
40</#list>
41
42<div class="container noticia-maximized nova">
43 <div id="nom_page">
44 <h1>${.vars['reserved-article-title'].data}</h1>
45 </div>
46<div class="row">
47 <#-- Afegir un if-->
48 <div class="asset-full-content span8">
49 <#-- end-->
50 <div class="content" id="content">
51 <#if .vars['separadorimatge']?? >
52 <#attempt>
53 <#if ( .vars['separadorimatge'].getChild('url_youtube').getData()?contains("youtu")) >
54 <!--zona youtube-->
55 <p id="youtube" class="youtube">
56 <script type="text/javascript">
57 function getYoutube() {
58 var id = $(this).parent('p').attr("id");
59 var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}"
60 var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
61 var match = url.match(regExp);
62 if (match && match[2].length == 11) {
63 return '<iframe width="560" height="315" src="https://www.youtube.com/embed/'+ match[2] +'" frameborder="0" allowfullscreen></iframe>';
64 } else {
65 return '';
66 }
67 }
68 document.getElementById("youtube").innerHTML = getYoutube();
69 </script>
70 </p>
71 <#elseif ( .vars['separadorimatge'].getChild('url_youtube').getData()?contains("vimeo")) >
72
73 <p id="vimeo" class="youtube">
74 <script type="text/javascript">
75 function getVimeo() {
76 var id = $(this).parent('p').attr("id");
77 var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}"
78 var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
79 var match = url.match(regExp);
80 if (match && match[2].length > 4) {
81 return '<div id="divYoutube'+ match[2] +'" class="videoWrapper"><iframe width="560" height="315" src="https://player.vimeo.com/video/'+ match[2] +'" frameborder="0" allowfullscreen></iframe></div>';
82 } else {
83 return '';
84 }
85 }
86 document.getElementById("vimeo").innerHTML = getVimeo();
87 </script>
88 </p>
89 <#elseif (.vars['separadorimatge'].getChild('Imatge_inicial').getData() != "" && .vars['separadorimatge'].getChild('url_youtube').getData() == "" ) >
90 <p><img alt="Imatge inicial" title="${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}" src="${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}" width="100%" /></p>
91 <#else>
92 </#if>
93 <#recover>
94 </#attempt>
95 <#else>
96 </#if>
97 <#if ( .vars['Resum'].getData()?has_content) >
98 <h2 class="descripcio">${.vars['Resum'].getData()}</h2>
99 </#if>
100 ${.vars['Noticia'].getData()}
101 </div>
102 </div>
103
104 <#-- Mostrem les categories que siguin filles de la categoria "Notícies"-->
105 <#-- Preparació url dels enllaços a les categories-->
106 <#assign wordCategories=languageUtil.get(locale, "categories-nom-page" )>
107 <#assign wordCategories=wordCategories?lower_case />
108 <#assign catUrl="/web/focus/" + wordCategories
109 + "?p_p_id=122_INSTANCE_4xkc6d8xhKAC&p_p_lifecycle=0&p_p_state=normal&p_p_mode=view&p_p_col_id=column-1&p_r_p_564233524_resetCur=true&p_r_p_564233524_categoryId=" />
110 <#assign
111 assetCategoryLocalService=serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
112
113
114 <div class="span4">
115 <div id="dreta">
116 <h2 class="subtitol">Contacta amb l’entitat:</h2>
117 <ul>
118 <#if .vars['web'].getData()?has_content>
119 <li><a href="${.vars['web'].getData()}" target="_blank"><img alt="Website" height="30" src="/documents/10193/6775906/icones_fitxapersonal_MON.png" width="30" style="margin-right:10px;">Lloc web</a></li>
120 </#if>
121 <#if .vars['email'].getData()?has_content>
122 <li><i class="icon-envelope"></i> <a href="mailto:${.vars['email'].getData()}">${.vars['email'].getData()}</a></li>
123 </#if>
124 <#if .vars['telefon'].getData()?has_content>
125 <li>${.vars['telefon'].getData()}</li>
126 </#if>
127 <#if .vars['whatsapp'].getSiblings()?has_content>
128 <#list .vars['whatsapp'].getSiblings() as cur_item>
129 <li><img src="/documents/93383268/236843702/whatsapp.png" width="15px"> <a href="https://wa.me/34${cur_item.getData()}" class="whatsapp">${cur_item.getData()}</a></li>
130 </#list>
131 </#if>
132 <#if .vars['urlperfil'].getSiblings()?has_content>
133 <li><div class="xarxes">
134 <#list .vars['urlperfil'].getSiblings() as cur_item>
135 <#-- Formatem l'enllaç perquè no el tracti com si fos una subpàgina -->
136 <#assign enllac = cur_item.getData() />
137 <#if !enllac?starts_with("http") >
138 <#assign enllac = "http://" + enllac />
139 </#if>
140 <a href="${enllac}" title="${enllac}" target="_blank">
141 <#if (enllac?contains("facebook") )>
142 <img alt="Facebook" height="30" src="/documents/213531008/213545112/facebook.png" width="30">
143 <#elseif ( enllac?contains("twitter") )>
144 <img alt="Twitter" height="30" src="/documents/213531008/213545112/twitter.png" width="30">
145 <#elseif ( enllac?contains("instagram") )>
146 <img alt="Instagram" height="30" src="/documents/213531008/213545112/Instagram2.png" width="30">
147 <#elseif ( enllac?contains("linkedin") )>
148 <img alt="Linkedin" height="30" src=" /documents/10193/6775906/icones_fitxapersonal_IN.png"
149 width="30">
150 <#elseif ( enllac?contains("tiktok") )>
151 <img alt="Tiktok" height="30" src="/documents/10193/6775906/icones_fitxapersonal_TIKTOK.jpg"
152 width="30">
153 <#elseif ( enllac?contains("youtube") )>
154 <img alt="Youtube" height="30" src="/documents/213531008/213545112/youtube_new.png"
155 width="30">
156 <#else>
157 <i class="fa-solid fa-link" aria-hidden="true"></i>
158 </#if>
159 </a>
160 </#list>
161 </div>
162 </li>
163 <!-- VIDEOCONFERENCIA I HORARI ACTIVAT -->
164 <#if .vars['videoconferencia'].getData()?has_content && .vars['AtencioFira'].getData()?has_content && .vars['DataFira'].getData()?has_content>
165 <li><p><a class="recurs" href="${.vars['videoconferencia'].getData()}" target="_blank"><i class="icon-facetime-video" aria-hidden="true" style="margin-right:15px;"></i>Videoconferència<i class="icon-chevron-right" aria-hidden="true" style="margin-left:15px;"></i>
166 <font style="font-size:0.8em;">
167 <#assign datafira = .vars['DataFira'].getData() />
168 <#assign dia = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "dd", locale) />
169 <#assign mes = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "MMM", locale) />
170 <#assign any = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "yyyy", locale) />
171
172 <i class="icon-calendar" aria-hidden="true" style="vertical-align:middle;"></i> ${dia} ${mes} ${any}
173 | <i class="icon-time" aria-hidden="true" style="vertical-align:middle;"></i> ${.vars['AtencioFira'].getData()}
174
175 </font></a></p>
176 </li>
177
178 </#if>
179
180 </ul>
181 </#if>
182 </div>
183<h2 class="media">Mèdia:</h2>
184<div id="media"></div>
185</div>
186</div>
187</div>
188
189<#-- decidim si pintem la zona youtube o ivoox -->
190 <#if .vars['Camps_addicionalsb']?? >
191 <#attempt>
192 <#assign multi = .vars['Camps_addicionalsb'].getChild('Multimedia') />
193 <#list multi.getChild('youtubelist').getSiblings() as videos >
194 <#if ( videos.getChild('urlyoutubelist').getData()?contains("youtu") ) >
195 <script type="text/javascript">
196 function getYoutube() {
197 var id = $(this).parent('p').attr("id");
198 var url = "${videos.getChild('urlyoutubelist').getData()}"
199 var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
200 var match = url.match(regExp);
201 if (match && match[2].length == 11) {
202 return "<p>${videos.getChild("titolyoutubelist").getData()}</p><iframe width='560' height='315' src='https://www.youtube.com/embed/"+ match[2] +"' frameborder='0' allowfullscreen></iframe>";
203 } else {
204 return 'error';
205 }
206 }
207 document.getElementById("media").innerHTML += getYoutube();
208 </script>
209 <#elseif ( videos.getChild('urlyoutubelist').getData()?contains("vimeo") ) >
210 <script type="text/javascript">
211 function getVimeo() {
212 var id = $(this).parent('p').attr("id");
213 var url = "${videos.getChild('urlyoutubelist').getData()}"
214 var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
215 var match = url.match(regExp);
216 if (match && match[2].length > 4) {
217 return '<p>${videos.getChild("titolyoutubelist").getData()}</p><div id="divYoutube'+ match[2] +'" class="videoWrapper"><iframe width="560" height="315" src="https://player.vimeo.com/video/'+ match[2] +'" frameborder="0" allowfullscreen></iframe></div>';
218 } else {
219 return '';
220 }
221 }
222 document.getElementById("media").innerHTML += getVimeo();
223 </script>
224 </#if>
225 </#list>
226 <#recover>
227 </#attempt>
228 </#if>
229<style>
230/*Fix Vimeo*/
231.nou-disseny .videoWrapper iframe {
232 background: #000;
233}
234/*Fitxes Fira Virtual*/
235.noticia .data, .asset-full-content .data {display:none;}
236a.inscripcio {
237 display: block;
238 border: 2px solid #E94E1B;
239 color: #E94E1B;
240 font-weight: bold;
241 padding: 10px 20px;
242 width: fit-content;
243 max-width: 300px;
244 text-decoration: none !important;
245 background-color: #fff;
246}
247a.inscripcio:hover {
248 color: #FFF !important;
249 text-decoration: none !important;
250 background-color: #E94E1B;
251 transition: 0.2s all;
252}
253a.inscripcio:after {
254 content: "\f054";
255 font-family: 'fontawesome-alloy';
256 padding-left: 15px;
257 display: inline-block;
258}
259
260span.taglib-asset-categories-summary {
261 color: #353430 !important;
262 margin-top: 1em !important;
263 display: block;
264}
265.portlet-asset-publisher .asset-metadata {
266 margin-left: 0 !important;
267 border: 1px solid #ddd;
268 background-color: #eee;
269 margin-top: 2em;
270}
271#dreta {
272 border: 1px solid #ddd;
273 margin-top: 40px;
274 padding-top: 0 !important;
275 padding-left: 1em;
276 padding-right: 1em;
277 box-sizing: border-box;
278 display: block;
279 position: relative;
280}
281#dreta ul {
282 list-style: none;
283}
284#dreta ul li {
285 line-height: normal;
286 margin-bottom: 1em;
287}
288#dreta a {
289 word-break: break-all !important;
290}
291
292dd.metadata-entry.metadata-categories {
293 width: 100%;
294}
295.asset-metadata dl {
296 padding: 0 !important;
297 margin: 0 !important;
298}
299.asset-metadata .help-block {
300 display: block;
301 margin: 0 !important;
302 width: 100%;
303 padding: 1em;
304 box-sizing: border-box;
305 position: relative;
306}
307.portlet-asset-publisher .asset-metadata .metadata-categories span {
308 float: none;
309 font-weight: bold;
310 width: 100%;
311 display: inline-block;
312 position: relative;
313 margin: 0 !important;
314 line-height: 40px;
315}
316a.asset-category {
317 position: relative;
318 margin-top: 0;
319 padding: 0.3em 0.5em;
320 border: 1px solid;
321 text-decoration: none !important;
322 font-weight: normal;
323 display: table;
324 width: auto !important;
325 line-height: 20px;
326}
327.xarxes a {
328 display: inline-block;
329}
330h2.descripcio {
331 padding: 1.5em !important;
332 margin: 0 !important;
333 border: 2px dashed;
334}
335.nou-disseny .breadcrumb > .active {
336 color: ${colorSite} !important;
337}
338
339.portlet-asset-publisher .asset-full-content.show-asset-title .asset-content {
340margin-left:0 !important;
341margin-right:0 !important;
342}
343/*Fi Fitxes*/
344
345 h2.audio {
346 display: none;
347 }
348 #media p {
349 margin: 10px 0 5px;
350 }
351 /* ----- Estil per adaptar a themes que no són UPF 2016 ----- */
352 #nom_page h1 {
353 color: ${colorSite} !important;
354 font-size: 23px;
355 font-weight: bold;
356 line-height: normal;
357 margin-bottom: 15px;
358 margin-top: 0;
359 padding: 0;
360 }
361 .contingut.subtitol > h2 {
362 font-size: 20px !important;
363 color: ${colorSite} !important;
364 }
365
366 .categories h2, h2.asset-links-title{
367 font-weight: normal;
368 font-size: 20px;
369 color: ${colorSite};
370 line-height: normal;
371 }
372
373 .tipus a {
374 text-decoration: none !important;
375 }
376
377 li.asset-links-list-item a {
378 color: ${colorSite} !important;
379 }
380
381 span.taglib-text {
382 color: ${colorSite};
383 }
384
385 .categories div.tipus a{
386 background-color: ${colorSite};
387 margin-bottom: 5px;
388 margin-right: 5px;
389 max-width: 100%;
390 position: relative;
391 text-decoration: none;
392 color: #FFFFFF;
393 padding: 5px 10px;
394 }
395
396
397 /* ----- Fi estil per adaptar a themes que no són UPF 2016 ----- */
398
399 /* En aplicar aquesta class a un div .container, limitem amb auto per no ser sempre 1170px */
400 .noticia-maximized{
401 max-width: 1170px !important;
402 width: auto !important;
403 }
404
405 #nom_page{
406 display:block !important;
407 }
408 #contingut > #nom_page{
409 display:none !important;
410 }
411
412 /* Per treure la icona de davant del títol Continguts relacionats*/
413 .taglib-asset-links h2{
414 background:none !important;
415 }
416 .taglib-asset-links{
417 padding-left: 4px;
418 margin-top: 0px;
419 }
420 .asset-links-list{
421 padding-left: 25px !important;
422 }
423 .asset-links-list-item{
424 list-style: initial !important;
425 }
426 .asset-links-list-item img{
427 display:none;
428 }
429 .asset-full-content br{
430 display:none;
431 }
432 .contingut.subtitol > h2 {
433 font-weight: normal;
434 padding-top: 0;
435 line-height: normal !important;
436 }
437
438 .contingut.subtitol > h2 p{
439 margin: 0px !important;
440 color: ${colorSite} !important;
441 }
442
443 .contingut.subtitol {
444 border-bottom: 1px solid #ddd;
445 margin-bottom: 10px;
446 padding-bottom: 10px;
447 }
448 .asset-full-content .tipus > a {
449 background-color: ${colorSite} !important;
450 margin-right: 5px;
451 margin-bottom: 5px;
452 position: relative;
453 max-width:100%;
454 text-decoration:none;
455 }
456 .asset-full-content .tipus > a:hover {
457 color: #ffffff !important;
458 }
459
460 .asset-full-content .tipus{
461 display: inline;
462 }
463
464 .taglib-social-bookmarks {
465 display: block;
466 float: right;
467 background:none;
468 margin-top:0px;
469 }
470 .taglib-social-bookmarks a{
471 margin-bottom: 0px;
472 }
473 .taglib-social-bookmarks ul{
474 padding:0px;
475 margin-bottom:0px;
476 }
477 .taglib-social-bookmarks ul li{
478 margin-right:0px;
479 }
480 .asset-full-content .content {
481 border-bottom: 0px solid #fff;
482 display: table;
483 margin-bottom: 20px;
484 padding-bottom: 10px;
485 width: 100%;
486 }
487 .asset-full-content .content::before {
488 content: "";
489 display: inline-table;
490 width: 100%;
491 }
492 .asset-full-content .content h3 {
493 font-size: 18px;
494 font-weight: normal;
495 }
496 .categories::after {
497 content: "";
498 display: inline-table;
499 width: 100%;
500 }
501 .categories h2, .asset-links-title{
502 color: ${colorSite} !important;
503 }
504
505
506 @media (min-width: 979px) and (max-width: 1200px) {
507
508 }
509 @media (max-width: 978px) {
510 .asset-full-content .data {
511 display:inline-table;}
512 }
513 @media (max-width: 480px) {
514 .asset-full-content .tipus > a {
515 float:none;}
516 }
517
518 /*Nova notícia*/
519 .nova .names a {
520 text-decoration: none !important;
521 transition: 0.4s all;
522 }
523 .nova .names a:hover img, .nova .names a:hover i {
524 transform: translateY(-4px)!important;
525 transition: 0.2s all;
526 }
527 .nova .names {
528 display: table;
529 box-sizing: border-box;
530 width: 100%;
531}
532 .nova .names .nom {
533 width: 50%;
534 display: inline-table;
535 }
536 .nova .names .xarxes {
537 width: 50%;
538 display: inline-table;
539 }
540 .nova p.youtube {
541 margin: 0 0 20px;
542 }
543 .nova p.subtitol:after {
544 content: "";
545 width: 100%;
546 height: 1px;
547 background-color: #ddd;
548 position: relative;
549 display: table;
550 }
551 .nova #dreta {
552 padding-top: 30px;
553 }
554 .nova .asset-full-content figure {
555 display: inline-block;
556 margin-bottom: 20px;
557 border: 1px solid transparent;
558 margin-right: 0;
559 margin-left: 0;
560 margin-top: 0;
561 width: 100%;
562 }
563 .nova .asset-full-content figcaption {display: block; text-align: center; font-size: 0.8em; font-style: italic; }
564 .nova .asset-full-content figure img {
565 width: 100%;
566 }
567 .nova .icon-caret-down:before {
568 content: "\f0d7" !important;
569 }
570 @media (max-width: 480px) {
571 .nova .asset-full-content figure {
572 width: 100% !important;
573 }
574 }
575 ul.asset-links-list {
576 list-style: none !important;
577 margin: 0 !important;
578 padding: 0 !important;
579}
580.taglib-asset-links .asset-links-list-item {
581 list-style: none !important;
582}
583.taglib-asset-links li.asset-links-list-item a {
584 color: #353430 !important;
585 text-decoration: none !important;
586 border: 1px solid #ddd;
587 border-radius: 4px;
588 display: block;
589 padding: 10px;
590 background-color: #eee;
591}
592.taglib-asset-links .asset-links-list-item a:hover {
593 text-decoration: none !important;
594}
595.taglib-asset-links .asset-links-list-item a:before {
596 content: "\f0c1";
597 font-family: 'fontawesome-alloy';
598 font-size: 25px;
599 display: inline-block;
600 margin-right: 4px;
601 width: 10%;
602 vertical-align: middle;
603}
604.taglib-asset-links li.asset-links-list-item a span.taglib-text {
605 color: #353430 !important;
606 display: inline-block;
607 width: 80%;
608 vertical-align: middle;
609 text-decoration: none;
610}
611
612.taglib-asset-links .asset-links-list-item:hover a, .taglib-asset-links .asset-links-list-item:hover a span.taglib-text {
613 background-color: #353430 !important;
614 color: #eee !important;
615 text-decoration: none;
616}
617
618/*Caixa contacte*/
619.caixa-contacte {
620 border: 1px solid #ddd;
621 padding: 10px;
622 margin-bottom: 20px;
623 margin-top: 30px;
624}
625.caixa-contacte {
626 border: 1px solid #ddd;
627 padding: 10px;
628 margin-bottom: 20px;
629 margin-top: 30px;
630 box-sizing: border-box !important;
631}
632h2.mark {
633 display: block;
634 font-size: 0 !important;
635 color: #fff !important;
636}
637.mes-info {
638 display: block;
639}
640.mes-info-button {
641 cursor: pointer;
642 display: block;
643 width: 100%;
644 height: 100%;
645}
646.mes-info-button i {
647 float: right;
648font-size: 20px;
649}
650/*Elements notícia*/
651/*cita*/
652.nova cite {
653 margin-top: 30px;
654 margin-bottom: 30px;
655 font-size: 20px;
656 color: #666;
657 padding-left: 10px;
658 box-sizing: border-box;
659 vertical-align: middle;
660 display: inline-block;
661 border-left: 3px solid #666;
662 padding-top: 10px;
663 padding-bottom: 10px;
664 width: 80%;
665 margin-left: 20%;
666 line-height: normal !important;
667}
668 .nova .asset-full-content .content h3 {
669 font-size: 18px;
670 font-weight: normal;
671 line-height: normal;
672 margin-top: 40px;
673 margin-bottom: 20px;
674 color: ${colorSite};
675}
676.nova .asset-full-content .content h4 {
677 font-size: 16px;
678 font-weight: normal;
679 line-height: normal;
680 margin-top: 30px;
681 margin-bottom: 10px;
682 color: ${colorSite};
683}
684
685/* Botó de recurs*/
686
687a.recurs {
688 display: inline-block;
689 text-decoration: none!important;
690 padding: 10px 20px;
691 margin-top: 10px;
692 border: 1px solid #c8102e;
693 background-color:#c8102e;
694 color:#fff!important;
695}
696
697a.recurs font {
698 display: block;
699 margin-top:5px;
700}
701/*a.recurs:after {
702 content: '\f054';
703 font-family: fontawesome-alloy;
704 font-style: normal;
705 font-weight: 400;
706 font-variant: normal;
707 text-transform: none;
708 margin-left: 10px;
709}*/
710a.recurs:hover {
711 color: #c8102e!important;
712 background-color:#fff;
713}
714/* FI Botó recurs */
715
716/*Treure les xarxes socials per Campus Global i Intranets*/
717html:not(.nou-disseny) .taglib-social-bookmarks {
718 display: none;
719}
720</style>
721
722<script>
723 // Create Element.remove() function if not exist
724 if (!('remove' in Element.prototype)) {
725 Element.prototype.remove = function() {
726 if (this.parentNode) {
727 this.parentNode.removeChild(this);
728 }
729 };
730 }
731 // Si tenim els bookmarks posicionats d forma horitzontal, els movem
732 if($(".taglib-social-bookmarks").size() != 0){
733 $(".taglib-social-bookmarks").prependTo(".asset-full-content");
734 $(".taglib-social-bookmarks").get(0).remove();
735 }
736 $(".taglib-header").remove();
737 $(".portlet-topper").remove();
738 $(".asset-full-content br").remove();
739
740 if($("html.nou-disseny").size() != 0){
741
742 $(".taglib-asset-links").css("padding-left","22px !important");
743 ajustaRelatedContentFullSize();
744
745 }else{
746 ajustaRelatedContent();
747 }
748
749 // Eliminem la secció de categories si no n'hi ha cap
750 if ($(".categories div").size() == 0){
751 $(".categories").remove();
752 }
753
754 /* ---- OBRIR LES NOTÍCIES EN MAXIMIZED AMB MENÚ VERTICAL ---- */
755 if($("html.nou-disseny").size() != 0){
756 if ($("header").hasClass("no-menu-horitzontal")){
757 canviaSpanMenu();
758 }
759 }
760 // La funció LightenDarkenColor la tinc gràcies a auxFunctions.js injectat
761 var colorLight = LightenDarkenColor("${colorSite}",20);
762
763 $(".asset-full-content .tipus > a").hover(
764 function(){
765 $(this).css("background-color", + colorLight + " !important");
766 },
767 function(){
768 $(this).css("background-color","${colorSite} !important");
769 }
770 )
771
772 $('#content img[title]').captionate(); // imatges amb class caption mostraran la descripció
773
774 function ajustaRelatedContentFullSize(){
775 if ($(".asset-links-list").size()!= 0){
776 $(".taglib-asset-links").appendTo("#dreta").insertAfter('.categories');
777 $(".taglib-asset-links").css("padding-left","0px !important");
778 }else{
779 setTimeout(function(){ajustaRelatedContentFullSize();},100);
780 }
781 }
782
783 function ajustaRelatedContent(){
784 if ($(".asset-links-list").size()!= 0){
785 $(".taglib-asset-links").css("padding-left","0px");
786 $(".asset-links-title").css("padding-left","0px");
787 $(".asset-links-list").css("padding-left","0px !important");
788 }else{
789 setTimeout(function(){ajustaRelatedContent();},100);
790 }
791 }
792
793 function canviaSpanMenu(){
794 if ($("#menu-esquerra").size()!= 0){
795 if ($("#menu-esquerra").hasClass("span12")){
796 if(!$("body").hasClass("marca-propia")){
797 $("#nom_page").css("display","none !important");
798 $("#contingut #nom_page").css("display","block !important");
799 }
800 $("#menu-esquerra").removeClass("span12").addClass("span3");
801 $("#main-content").addClass("span9 pull-right");
802 }
803 ajustaRelatedContent();
804 }else{
805 setTimeout(function(){canviaSpanMenu();},100);
806 }
807 }
808 /*Moure els elements fitxa-dreta a la dreta*/
809 setTimeout(function () { $("#dreta").after($(".asset-categories")); }, 100);
810
811 if ($("#media *").length == 0) {
812 $("h2.media").remove();
813 };
814 if ($(".xarxes *").length == 0) {
815 $(this).remove();
816 };
817 if ($('.whatsapp').is(':empty')) {
818 $('.whatsapp').parent("li").hide();
819 };
820</script>