1<style> 

2@media print { 

3.mx-4.shdhd,.share-box { 

4    display: none; 

5  } 

6} 

7	.share-box .fb-btn, .share-box .wa-btn, .share-box .x-btn { 

8  opacity: 0; 

9  visibility: hidden; 

10  transition: opacity 0.3s ease, visibility 0.3s ease; 

11} 

12 

13.share-box:hover .fb-btn,  

14.share-box:hover .wa-btn,  

15.share-box:hover .x-btn { 

16  opacity: 1; 

17  visibility: visible; 

18} 

19 

20.share-box .share-btn { 

21  opacity: 1; 

22  transition: opacity 0.3s ease; 

23} 

24 

25.share-box:hover .share-btn { 

26  opacity: 0; 

27} 

28 

29 

30.share-box .share-btn img { 

31  height: 18px; 

32} 

33.custom-contents div,.custom-contents p,.custom-contents span { 

34color: #1F3870 !important; 

35} 

36.custom-contents li { 

37    color: #1F3870 !important; 

38} 

39.custom-contents img{ 

40 border-radius: 20px; 

41} 

42.rtl .date-customm { 

43    unicode-bidi: plaintext; 

44} 

45.btn-30 img{ 

46width:30px; 

47} 

48 

49.custom-contents img { 

50    width: 100% !important; 

51    height: auto !important; 

52} 

53	</style> 

54<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext() /> 

55<#assign themeDisplay = serviceContext.getThemeDisplay() /> 

56<#assign portalUrl = themeDisplay.getPortalURL() /> 

57<#assign friendlyURL = themeDisplay.getLayout().getFriendlyURL() /> 

58<#assign httpServletRequest = serviceContext.getRequest()/> 

59<#assign url = themeDisplay.getURLCurrent()/> 

60 

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

62 

63 <#assign getterUtil = staticUtil["com.liferay.portal.kernel.util.GetterUtil"] /> 

64  <#assign paramUtil = staticUtil["com.liferay.portal.kernel.util.ParamUtil"] /> 

65 

66<#assign newsId= paramUtil.getString(httpServletRequest, 'nid') /> 

67 

68<#assign article= journalArticleLocalService.getArticle(getterUtil.getLong(groupId),newsId) /> 

69<#assign artContent= journalArticleLocalService.getArticleContent(article, article.getDDMTemplateKey(), "VIEW", locale,null, themeDisplay)/> 

70  <div class="container mt-md-30" id="print-area"> 

71	<div class="row justify-content-center mb-40"> 

72	<div class="col-10 col-lg-8" > 

73	 

74  <p class="mt-3 font-24 font-md-40 font-weight-600 font-Trump text-default line-height-12">${article.getTitle(locale)}</p> 

75  <p class="mb-40 text-default font-md-14 font-weight-600 date-customm"> 

76    <#-- Retrieve the display date --> 

77    <#assign articleDisplayDateStr = article.getDisplayDate()?string("EEE, MMM dd, yyyy") /> 

78    <#assign articleDate = article.getDisplayDate()?date /> 

79 

80    <#-- Month Arrays --> 

81                                <#assign monthArrEn = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] /> 

82                                <#assign monthArrAr = ['يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'] /> 

83 

84                                <#-- Extract parts --> 

85                                <#assign day = articleDate?string("dd") /> 

86                                <#assign month = articleDate?string("MM")?number - 1 /> 

87                                <#assign year = articleDate?string("yyyy") /> 

88 

89                                <#-- Localized month name --> 

90                                <#assign monthName = (locale == "ar_SA")?then(monthArrAr[month], monthArrEn[month]) /> 

91 

92                                <#-- Set cutoffDate and compare --> 

93                                <#assign cutoffDate = "09 January 2025"?date("dd MMMM yyyy") /> 

94                                <#assign formattedDate = "" /> 

95 

96                                <#if articleDate <= cutoffDate> 

97                                    <#assign formattedDate = monthName + " " + year /> 

98                                <#else> 

99                                    <#assign formattedDate = (locale == "ar_SA")?then(day + " " + monthName + " " + year, day + " " + monthName + " " + year) /> 

100                                </#if> 

101${formattedDate} 

102    <a class="mx-4 shdhd"><img class="cursor" onclick="printSpecificArea()" src="/documents/d/kfund/printer-icon-1" alt="img"></a> 

103    <span class="share-box"> 

104		<span role="button" class="mr-1 share-btn"><img src="/documents/d/kfund/share" alt="img"></span> 

105    <a href="http://www.facebook.com/sharer.php?u=${portalUrl}${url}" target="_blank" class="mr-1 fb-btn btn-30"><img class="icon-news-1" src="/documents/d/kfund/FB-dark" alt="img"></a> 

106		<a href="https://www.linkedin.com/sharing/share-offsite/?url=${portalUrl}${url}" target="_blank" class="mr-1 x-btn btn-30"><img class="icon-news-2" src="/documents/d/kfund/linkedin" alt="img"></a> 

107    <a href="https://api.whatsapp.com/send?text=${portalUrl}${url}" target="_blank" data-action="share/whatsapp/share" class="mr-1 wa-btn btn-30"><img class="icon-news-3" src="/documents/d/kfund/WA-dark" alt="img"></a> 

108    <a href="http://x.com/share?url=${portalUrl}${url}" target="_blank" class="mr-1 x-btn btn-30"><img class="icon-news-4" src="/documents/d/kfund/X-dark " alt="img"></a> 

109		 

110		 

111		</span> 

112  </p> 

113	<div class="custom-contents" > 

114  ${artContent}</div> 

115	</div> 

116	</div> 

117	</div> 

118	 

119	 

120 

121<script> 

122function printSpecificArea() { 

123  var printContents = document.getElementById("print-area").innerHTML; 

124  var originalContents = document.body.innerHTML;  

125  document.body.innerHTML = printContents; 

126  window.print(); 

127  document.body.innerHTML = originalContents; 

128} 

129</script>