Portal del Ayuntamiento de la ciudad de Valencia - València

1<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 

2 <#assign assetCategoryService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") /> 

3 <#assign AssetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 

4 <#assign dlFileEntryLocalService  = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") /> 

5 <#assign themeImagesPath = themeDisplay.getPathThemeImages() /> 

6 <#assign imagenURLDer = "${themeImagesPath}/carrusel_un_click_der.png"/> 

7 <#assign imagenURLIzq = "${themeImagesPath}/carrusel_un_click_izq.png"/> 

8 

9 <div id="carouselClic" class="carousel carousel-a-un-clic owl-carousel owl-theme owl-loaded container"> 

10        <div class="owl-stage-outer"> 

11            <div class="owl-stage"> 

12                <#list entries as curEntry> 

13                    <div class="owl-item" style="width: auto; margin-right: 24px;"> 

14                          

15                     <#assign article = journalArticleLocalService.fetchLatestArticle(curEntry.getClassPK()) /> 

16                     <#assign aArticleXML = saxReaderUtil.read(article.getContentByLocale(locale)) /> 

17                     <#assign contentTitulo= aArticleXML.valueOf("//dynamic-element[@name='titulo']/dynamic-content/text()") /> 

18                     <#assign contentSubtitulo= aArticleXML.valueOf("//dynamic-element[@name='descripcion']/dynamic-content/text()") /> 

19                     <#assign enlace= aArticleXML.valueOf("//dynamic-element[@name='url']/dynamic-content/text()") /> 

20					 <#assign destino= aArticleXML.valueOf("//dynamic-element[@name='nuevaVentana']/dynamic-content/text()") /> 

21					  <#if !destino?has_content> 

22							<#assign destino = 'false' /> 

23					  </#if> 

24                     <#assign jsonObjectString = aArticleXML.valueOf("//dynamic-element[@name='imagen']/dynamic-content/text()") />  

25                     <#assign jsonObject = jsonObjectString?eval> 

26                     <#assign entryUuid = jsonObject.uuid />                    

27                     <#assign entryGroupId = getterUtil.getLong(jsonObject.groupId) /> 

28                     <#assign dlFileEntry = dlFileEntryLocalService.getDLFileEntryByUuidAndGroupId(entryUuid, entryGroupId) /> 

29                     <#assign assetEntry = AssetEntryLocalService.getEntry("com.liferay.document.library.kernel.model.DLFileEntry",dlFileEntry.fileEntryId) />   

30                     <#assign assetRenderer = assetEntry.assetRenderer /> 

31                     <#assign imagen = assetRenderer.getURLDownload(themeDisplay) /> 

32                         <div class="item destacados img-quadrada cajas-carrusel-destacado"> 

33                             <div class="contenido-destacado"> 

34                                 <div class="" style="border: solid #595959 .0625em;"> 

35								 <span style="display:none">${destino}</span> 

36                                    <#if locale == "ca_ES"> 

37                                        <a target="${(destino == 'true')?then('_blank', '_self')}" title="${contentSubtitulo} ${(destino == 'true')?then('(Obrir en una finestra nova)', '')}" aria-label="${contentTitulo}" href="${enlace}"> 

38                                         <img  typeof="foaf:Image" src="${imagen}" alt="${contentTitulo?replace("\"","")}"> 

39                                         </a> 

40	                                <#else> 

41                                        <a target="${(destino == 'true')?then('_blank', '_self')}" title="${contentSubtitulo} ${(destino == 'true')?then('(Abrir en una ventana nueva)', '')}" aria-label="${contentTitulo}" href="${enlace}"> 

42                                         <img  typeof="foaf:Image" src="${imagen}" alt="${contentTitulo?replace("\"","")}"> 

43                                         </a> 

44	                                </#if> 

45                                     

46                                 </div> 

47                                 <div class="enlace" style="border: solid #595959 .0625em;box-shadow: grey 0px 4px 2px -2px;"> 

48                                     <a target="${(destino == 'true')?then('_blank', '_self')}" title="${contentSubtitulo} ${(destino == 'true')?then('(Abrir en una ventana nueva)', '')}" href="${enlace}"> 

49                                    <p class="label-title-campanyas"> 

50                                        ${contentTitulo} 

51                                    </p> 

52                                 </a> 

53                                 </div> 

54                             </div> 

55                              

56                         </div> 

57                     </div> 

58                </#list> 

59             </div> 

60             

61        </div> 

62        <div class="left carousel-control-prev control-flecha"> 

63            <div class="arrow"> 

64                <span class="vlc-arrow vlc-arrow-left"></span> 

65                <span class="sr-only" title="Diapositiva anterior">Diapositiva anterior</span> 

66            </div> 

67        </div> 

68        <div class="right carousel-control-next control-flecha flecha"> 

69            <div class="arrow"> 

70                <span class="vlc-arrow vlc-arrow-right"></span> 

71                <span class="sr-only" title="Diapositiva siguiente">Diapositiva siguiente</span> 

72            </div> 

73        </div> 

74    </div> 

75  

76 <script type="text/javascript"> 

77    var owl = $('.owl-carousel'); 

78        $(document).ready(function() { 

79            owl.owlCarousel(); 

80        }); 

81        $('.owl-carousel').owlCarousel({ 

82        loop:true, 

83        margin:10, 

84        nav:false, 

85        dots:true, 

86        items:4, 

87        responsive:{ 

88            0:{ 

89                items:1 

90            }, 

91            768:{ 

92                items:2 

93            }, 

94            1000:{ 

95                items:3 

96            }, 

97            1300:{ 

98                items:4 

99            } 

100        } 

101    }) 

102     

103    $('.carousel-a-un-clic .carousel-control-prev').click(function() { 

104        owl.trigger('prev.owl.carousel'); 

105    }); 

106    $('.carousel-a-un-clic .carousel-control-next').click(function() { 

107       owl.trigger('next.owl.carousel'); 

108    }); 

109    $( document ).ready(function() { 

110      $(".owl-dot span").each(function(index, value){ 

111    	$(this).css('color','transparent'); 

112        $(this).html("dot"+index); 

113      }); 

114    }); 

115 </script> 

116 

117 <style> 

118    .carousel-a-un-clic .label-title-campanyas { 

119        font-size: 0.85em; 

120    } 

121 

122    .carousel-a-un-clic .carousel-control-prev, 

123    .carousel-a-un-clic .carousel-control-next { 

124        top: 80px; 

125        bottom: initial; 

126        width: 50px; 

127    } 

128    .carousel-a-un-clic .carousel-control-prev { 

129        left: -50px; 

130    } 

131    .carousel-a-un-clic .carousel-control-next { 

132        right: -50px; 

133    } 

134         

135    .cajas-carrusel-destacado { 

136        background-color: #FFF; 

137        color: #595959; 

138        margin: 0.3125em; 

139        min-height: 11.5em; 

140        max-height: 15.5em; 

141    } 

142 

143    .enlace { 

144        border: solid #595959 .0625em; 

145        box-shadow: grey 0px 4px 2px -2px; 

146        min-height: 3.6em; 

147        max-height: 3.6em; 

148        background-color: #ffc73f;  

149    } 

150    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { 

151        background: #ffcd00; 

152    } 

153    .owl-dot{ 

154            background-color: transparent !important; 

155    } 

156    .owl-theme .owl-dots .owl-dot span{ 

157            background: #222; 

158            width: 17px; 

159            height: 17px; 

160            box-shadow: 0 0.5em 1em 0 rgba(0,0,0,0.2), 0 0.4em 1.2em 0 rgba(0,0,0,0.19); 

161    } 

162 

163    @media (max-width: 1200px) {  

164        .carousel-a-un-clic .carousel-control-prev { 

165            left: 30px; 

166        } 

167        .carousel-a-un-clic .carousel-control-next { 

168            right: 30px; 

169        } 

170    } 

171 

172 </style>