1<#setting locale="fi_FI"> 

2<div class = "eventsPage2020"> 

3    <#if !entries?has_content> 

4	<#if !themeDisplay.isSignedIn()> 

5		${renderRequest.setAttribute("PORTLET_CONFIGURATOR_VISIBILITY", true)} 

6	</#if> 

7 

8	<div class="alert alert-info"> 

9		<@liferay_ui["message"] 

10			key="there-are-no-results" 

11		/> 

12	</div> 

13    </#if> 

14        <#if entries?has_content> 

15            <#list entries as curEntry> 

16                <#assign assetRenderer = curEntry.getAssetRenderer() /> 

17	        <div class="pull-right"> 

18	           	<#if assetRenderer.hasEditPermission(themeDisplay.getPermissionChecker())> 

19					<#assign redirectURL = renderResponse.createRenderURL() /> 

20					${redirectURL.setParameter("mvcPath", "/add_asset_redirect.jsp")} 

21					${redirectURL.setWindowState("pop_up")} 

22					<#assign editPortletURL = assetRenderer.getURLEdit(renderRequest, renderResponse, windowStateFactory.getWindowState("pop_up"), redirectURL)!"" /> 

23					<#if validator.isNotNull(editPortletURL)> 

24						<#assign titleEdit = curEntry.getTitle(locale) /> 

25						<#assign url="javascript:Liferay.Util.openWindow({id:'" + renderResponse.getNamespace() + "editAsset', title: '" + titleEdit + "', uri:'" + htmlUtil.escapeURL(editPortletURL.toString()) + "'});" /> 

26						<a class="icon-monospaced visible-interaction" href="${url}"><i class="icon-pencil"></i></a> 

27					</#if> 

28				</#if> 

29			</div> 

30            	<#assign assetRenderer = curEntry.getAssetRenderer() /> 

31             

32		    	<div class = "eventContainer">  

33		         

34			        <div class = "timelabel"> 

35			            <span class="day">${curEntry.getExpirationDate()?string('dd')}</span> 

36			            <span class="month">${curEntry.getExpirationDate()?string('MMM')}</span> 

37			        </div> 

38			         

39			        <#assign assetRenderer = curEntry.getAssetRenderer() /> 

40			        <#assign className = assetRenderer.getClassName() /> 

41                    <#assign journalArticle = assetRenderer.getArticle() /> 

42                    <#assign document = saxReaderUtil.read(journalArticle.getContentByLocale(locale.toString())) /> 

43			        <#assign img = document.valueOf("//dynamic-element[@name='articleThumbnail']/dynamic-content/text()")!"" /> 

44            <#assign alt = document.valueOf("//dynamic-element[@name='articleThumbnail']/dynamic-content/@alt")!"" /> 

45                    <#if img?has_content > 

46	                        <div class = "nostotImg" role="img" style="background-image: url('${img}')" aria-label="${alt}"> 

47							<#else> 

48								<#if themeDisplay.getScopeGroup().getExpandoBridge().hasAttribute("somedefaultimage")> 

49									<#assign someDefaultImage = themeDisplay.getScopeGroup().getExpandoBridge().getAttribute("somedefaultimage")! /> 

50									<#if someDefaultImage?has_content> 

51	                                    <div class = "nostotImg" role="img" style="background-image: url('${someDefaultImage}')" aria-label="${title}"> 

52									<#else> 

53										<div class = "nostotImg" role="img"> 

54									</#if> 

55								<#else> 

56									<div class = "nostotImg" role="img"> 

57										<img src="" alt="Image not defined, define default image to site settings"></img> 

58									</div> 

59								</#if> 

60							</#if> 

61							</div> 

62			        <#assign viewURL = assetPublisherHelper.getAssetViewURL 

63			        (renderRequest, renderResponse, curEntry) /> 

64			 

65			        <#if assetLinkBehavior != "showFullContent"> 

66			            <#assign viewURL = assetRenderer.getURLViewInContext 

67			            (renderRequest, renderResponse, viewURL) /> 

68			        </#if> 

69			         

70			        <div class = "title"> 

71			            <a href="${viewURL}">${curEntry.getTitle(locale)}</a> 

72			        </div> 

73		            <div class="clear"></div> 

74		    	</div> 

75         

76            </#list> 

77        </#if> 

78 

79</div> 

80<style> 

81.eventsPage2020 .eventContainer .timelabel { 

82    margin-top: 5px; 

83    background-color: #FFF; 

84    left: 5px; 

85    max-width: 50px; 

86    min-width: 50px; 

87    max-height: 50px; 

88    min-height: 50px; 

89    height: 50px; 

90    width: 50px; 

91    display: inline-block; 

92    position: absolute; 

93    float: left; 

94    text-align: center; 

95    padding: 5px; 

96    border: 2px solid #001E50; 

97} 

98.eventsPage2020 .eventContainer .timelabel .day { 

99    width: 100%; 

100    display: inline-block; 

101    font-size: 20px; 

102    line-height: 20px; 

103    padding-bottom: 0; 

104    margin-bottom: 0; 

105    color: #001E50; 

106    font-family: 'Montserrat'; 

107    font-weight: bold; 

108} 

109.eventsPage2020 .eventContainer .timelabel .month { 

110    width: 100%; 

111    display: block; 

112    color: #001E50; 

113    font-weight: bold; 

114    font-size: 12px; 

115    line-height: 12px; 

116    padding-top: 0; 

117    margin-top: 0; 

118    text-transform: uppercase; 

119    font-family: 'Montserrat'; 

120    font-weight: bold; 

121} 

122.eventsPage2020 .eventContainer .nostotImg { 

123    border-radius: 0; 

124} 

125.eventsPage2020 .eventContainer .title { 

126    font-size: 26px; 

127    font-family: 'Montserrat'; 

128    color: #000; 

129} 

130.eventsPage2020 .eventContainer .title a { 

131 

132    color: #000; 

133} 

134.eventsPage2020 .eventContainer .title:hover * { 

135    color: #cd3d82; 

136    text-decoration: none; 

137} 

138 

139</style>