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 articleDisplayDate = article.getDisplayDate()?date /> 

79 

80    <#-- Define month arrays for English and Arabic --> 

81    <#assign monthArrEn = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] /> 

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

83 

84 

85    <#-- Extract day, month, and year --> 

86    <#assign day = articleDisplayDate?string("dd") /> 

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

88 

89    <#-- Choose the month name based on the locale --> 

90    <#if locale == "ar_SA"> 

91        <#assign monthName = monthArrAr[articleDisplayDate?string("MM")?number - 1] /> 

92    <#else> 

93        <#assign monthName = monthArrEn[articleDisplayDate?string("MM")?number - 1] /> 

94    </#if> 

95 

96    <#-- Get the day name based on the locale --> 

97    <#if locale == "ar_SA"> 

98        <#assign dayName = articleDisplayDate?string("EEEE") /> 

99        <#assign arabicDayNames = { 

100           "Sunday": "الأحد", 

101            "Monday": "الإثنين", 

102            "Tuesday": "الثلاثاء", 

103            "Wednesday": "الأربعاء", 

104            "Thursday": "الخميس", 

105            "Friday": "الجمعة", 

106            "Saturday": "السبت" 

107        }/> 

108        <#assign dayName = arabicDayNames[dayName] /> 

109    <#else> 

110        <#assign dayName = articleDisplayDate?string("EEEE") /> 

111    </#if> 

112 

113    <#-- Format the date as "Day, DD Month YYYY" in Arabic or "Day, Month DD, YYYY" in English --> 

114    <#if locale == "ar_SA"> 

115      <#assign formattedDate = day + " " + monthName  + " " + year /> 

116	<#else> 

117		<#assign formattedDate = monthName + " " + day + ", " + year /> 

118</#if> 

119 

120    ${formattedDate} 

121 

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

123    <span class="share-box"> 

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

125    <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> 

126		<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> 

127    <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> 

128    <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> 

129		 

130		 

131		</span> 

132  </p> 

133	<div class="custom-contents" > 

134  ${artContent}</div> 

135	</div> 

136	</div> 

137	</div> 

138	 

139<script> 

140function printSpecificArea() { 

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

142  var originalContents = document.body.innerHTML;  

143  document.body.innerHTML = printContents; 

144  window.print(); 

145  document.body.innerHTML = originalContents; 

146} 

147</script>