MoE in Photos and Videos

1<style> 

2     

3    #wrapper #CommentModal form input::placeholder, 

4    #wrapper #CommentModal form textarea::placeholder{ 

5        opacity: 1; 

6        color: #757575; 

7    } 

8</style> 

9 

10<#assign resourceCommentUrl=renderResponse.createResourceURL() /> 

11${resourceCommentUrl.setResourceID("/open_data/user_submission")} 

12 

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

14<#assign classNameService = serviceLocator.findService("com.liferay.portal.kernel.service.ClassNameService") /> 

15<#assign className = classNameService.fetchClassName(entry.getClassName()) /> 

16<#assign moeCommonUtilService = serviceLocator.findService("com.moe.util.MoeCommonUtilService") /> 

17 

18 

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

20<#assign assetTagService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetTagService") /> 

21<#assign fileEntryTypeId = "" /> 

22<#assign folderId = "" /> 

23<#assign repositoryId = "" /> 

24<#assign ddmStructureKey = "" /> 

25<#assign last_updated = moeCommonUtilService.getOpenDataUpdateDate(themeDisplay) /> 

26 

27<#assign resourceUrl=renderResponse.createResourceURL() /> 

28${resourceUrl.setResourceID("downloadMoeOpenDataFiles")} 

29 

30 

31<#assign 

32	openDataRatingsUrl = "" 

33	likeCount=0 

34/> 

35 

36<#attempt> 

37	 

38	<#assign openDataRatingsUrl = moeCommonUtilService.getUrlToUseInFTL(themeDisplay, request, "addMoeRatings", "com_liferay_journal_content_web_portlet_JournalContentPortlet", "normal", "view", "RESOURCE_PHASE") /> 

39	 

40<#recover> 

41    <#assign 

42		openDataRatingsUrl = "" 

43    /> 

44</#attempt> 

45 

46<style> 

47	#CommentModal.fade-scale .modal-dialog{ 

48		max-width: 500px; 

49	} 

50	.filteration_form .category-container:empty { 

51        display: none; 

52    } 

53    .page-editor__fragment-content .portlet > .portlet-topper{ 

54        opacity: 1; 

55        pointer-events: inherit; 

56    } 

57</style> 

58<#assign LocaleUtil = staticUtil["com.liferay.portal.kernel.util.LocaleUtil"] /> 

59<#assign lrDateUtil = staticUtil["com.liferay.portal.kernel.util.DateUtil"] /> 

60<#assign dlAppServiceUtil = serviceLocator.findService("com.liferay.document.library.kernel.service.DLAppService") /> 

61<#assign vocabLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService")  /> 

62 

63<#assign MoeCommonUtil = serviceLocator.findService("com.moe.util.MoeCommonUtilService") /> 

64<#assign classNameLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.ClassNameLocalService") /> 

65<#assign classNameId = classNameLocalService.getClassNameId("com.liferay.document.library.kernel.model.DLFileEntry") /> 

66<#assign dlFileEntry = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")>  

67<#assign group_Id = themeDisplay.getScopeGroupId() /> 

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

69<#assign jARLService = serviceLocator.findService("com.liferay.journal.service.JournalArticleResourceLocalService") /> 

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

71<#assign journalArticleClassName = "com.liferay.journal.model.JournalArticle"/> 

72<#function getFileEntry fileJSONObject> 

73<#assign fileEntryUUID = fileJSONObject.getString("uuid") /> 

74<#if fileJSONObject.getLong("groupId") gt 0> 

75<#assign fileEntryGroupId = fileJSONObject.getLong("groupId") /> 

76<#else> 

77<#assign fileEntryGroupId = scopeGroupId /> 

78</#if> 

79<#attempt> 

80<#return dlAppServiceUtil.getFileEntryByUuidAndGroupId(fileEntryUUID, fileEntryGroupId)!""> 

81<#recover> 

82<#return ""> 

83</#attempt> 

84</#function> 

85<#function getFileJSONObject fieldValue> 

86<#return jsonFactoryUtil.createJSONObject(fieldValue)> 

87</#function> 

88<#function getFileEntryURL fileEntry> 

89<#return themeDisplay.getPathContext() + "/documents/" + fileEntry.getRepositoryId()?c + "/" + fileEntry.getFolderId()?c + "/" + urlCodec.encodeURL(htmlUtil.unescape(fileEntry.getTitle()), true) + "/" + fileEntry.getUuid()> 

90</#function> 

91 

92 

93<div class="filteration_form"> 

94    <div class="category-container"><@liferay_portlet["runtime"] 

95      portletProviderAction=portletProviderAction.VIEW 

96      instanceId="opendata-year-listing" 

97      portletName="com_liferay_portal_search_web_tag_facet_portlet_TagFacetPortlet" 

98      /></div> 

99    <div class="category-container"><@liferay_portlet["runtime"] 

100      portletProviderAction=portletProviderAction.VIEW 

101      instanceId="opendata-category-listing" 

102      portletName="com_liferay_portal_search_web_category_facet_portlet_CategoryFacetPortlet" 

103      defaultPreferences="${freeMarkerPortletPreferences}" 

104      /></div> 

105    <div class="searchbar-container"><@liferay_portlet["runtime"] 

106      portletProviderAction=portletProviderAction.VIEW 

107      instanceId="opendata-search-bar" 

108      portletName="com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet" 

109      /></div> 

110    <div class="search-icon"><i class="moeicon moeicon-search-02"></i></div> 

111</div> 

112 

113<div class="opendata_table "> 

114	<div class="table-responsive"> 

115		<table class="table"> 

116			<thead>                 

117				<tr> 

118					<th style="min-width: 300px">${MoeLanguageUtil.get(request, "moe.opendata.table.thead.title.label")}</th> 

119					<#-- 

120					<th>${MoeLanguageUtil.get(request, "moe.opendata.table.thead.Category.label")}</th> 

121					<th>${MoeLanguageUtil.get(request, "moe.opendata.table.thead.Year.label")}</th> 

122					--> 

123					<th style="min-width: 90px">${MoeLanguageUtil.get(request, "moe.opendata.table.thead.Download.label")}</th> 

124					<th style="min-width: 110px">${MoeLanguageUtil.get(request, "moe.opendata.rating.label")}</th> 

125					<th style="min-width: 130px">${MoeLanguageUtil.get(request, "moe.opendata.postcomment.label")}</th> 

126				</tr>				 

127			</thead> 

128			<tbody> 

129				<#if entries?has_content> 

130					<#list entries as entry> 

131						<#assign curArticle = jls.fetchLatestArticle(entry.getClassPK())  /> 

132							<#assign   

133								document = saxReaderUtil.read(curArticle.getContentByLocale(locale.toString())) 

134								rootElement = document.getRootElement()                         

135									xPathSelectorIcon = saxReaderUtil.createXPath("dynamic-element[@name='PDF']") 

136								pdf = xPathSelectorIcon.selectSingleNode(rootElement).getStringValue()?trim 

137									xPathSelectorIcon = saxReaderUtil.createXPath("dynamic-element[@name='CSV']") 

138								csv = xPathSelectorIcon.selectSingleNode(rootElement).getStringValue()?trim 

139									xPathSelectorIcon = saxReaderUtil.createXPath("dynamic-element[@name='XLS']") 

140								xls = xPathSelectorIcon.selectSingleNode(rootElement).getStringValue()?trim 

141								 

142								jsonData =  jsonFactoryUtil.createJSONObject(imageSrc) 

143                                fileEntryId =  getterUtil.getInteger(jsonData.get('fileEntryId'))							 

144								 

145							/> 

146						    <#assign constVocabOfOpenData = "Moe Open Data" /> 

147							<#assign openDataList = "" /> 

148                            <#assign articlePrimKey = curArticle.getResourcePrimKey() /> 

149                             

150                            <#if ddmStructureKey == "" > 

151                                <#assign ddmStructureKey = curArticle.getDDMStructureKey() /> 

152                            </#if> 

153                             

154							<#assign articleCatNames = catLocalService.getCategories("com.liferay.journal.model.JournalArticle", getterUtil.getLong(articlePrimKey)) /> 

155							 

156							<#list articleCatNames as category>								 

157								<#assign vocabName = vocabLocalService.getVocabulary(category.vocabularyId).getTitle("en_US") /> 

158								<#assign categoryName = category.getTitle(themeDisplay.getLocale()) /> 

159								<#if vocabName == constVocabOfOpenData > 

160									<#assign openDataList = openDataList + (openDataList == "")?then(categoryName,","+categoryName) /> 

161								</#if>				 

162							</#list> 

163							<#if !entry.isTemporarilyUnavailable()>	 

164								<#assign likeCount = moeCommonUtilService.getMOERatingsAndLikeUserCount("com.liferay.journal.model.JournalArticle",articlePrimKey, "like" ) /> 

165								<tr data-classpk="${entry.getClassPK()}"> 

166									<td> 

167										${entry.getHighlightedTitle()} 

168									</td> 

169									<#-- 

170									<td> 

171										<#if entry.isAssetCategoriesOrTagsVisible()> 

172											<#assign assetCategories = assetCategoryService.getCategories(className.getClassNameId(), entry.getClassPK(), -1, -1) /> 

173											<#list assetCategories as assetCategory> 

174												${openDataList} 

175											</#list> 

176										</#if> 

177									</td> 

178									<td> 

179										<#if entry.isAssetCategoriesOrTagsVisible()> 

180											<#assign assetTags = assetTagService.getTags(entry.getClassName(), entry.getClassPK()) /> 

181											<#list assetTags as assetTag> 

182												${assetTag.name} 

183											</#list> 

184										</#if>	 

185									</td> 

186									--> 

187									<td> 

188										<div class="files disabled_smart_cursor_element"> 

189											<#assign pdfGroupId = 0> 

190											<#assign pdfUuId = 0> 

191											<#assign csvGroupId = 0> 

192											<#assign csvUuId = 0> 

193											<#assign xlsGroupId = 0> 

194											<#assign xlsUuId = 0> 

195											<#assign iconClass = ""/> 

196											<#if pdf?? && pdf!=""> 

197												<#assign pdfData = jsonFactoryUtil.createJSONObject(pdf) /> 

198												<#if pdfData?? && pdfData!=""> 

199													<#assign pdfGroupId = pdfData.groupId?number> 

200													<#assign pdfUuId = pdfData.uuid> 

201													<#if (pdfUuId?string?? && (pdfUuId?string !="")) && (pdfGroupId??)> 

202														<#assign pdfFile = dlFileEntry.getFileEntryByUuidAndGroupId(pdfUuId?string,pdfGroupId)> 

203														<#assign iconClass = "fa fa-file-pdf-o" /> 

204														<a href="${getFileEntryURL(pdfFile)}"><i class="${iconClass}"></i></a>  				 

205													</#if> 

206												</#if> 

207											</#if> 

208											<#if csv?? && csv!=""> 

209												<#assign csvData = jsonFactoryUtil.createJSONObject(csv) /> 

210												<#if csvData?? && csvData!=""> 

211													<#assign csvGroupId = csvData.groupId?number> 

212													<#assign csvUuId = csvData.uuid> 

213													<#if (csvUuId?string?? && (csvUuId?string !="")) && (csvGroupId??)> 

214														<#assign csvFile = dlFileEntry.getFileEntryByUuidAndGroupId(csvUuId?string,csvGroupId)> 

215														<#assign iconClass = "fa fa-file-excel-o" /> 

216														<a href="${getFileEntryURL(csvFile)}"><i class="${iconClass}"></i></a>    				 

217													</#if> 

218												</#if> 

219											</#if> 

220											<#if xls?? && xls!=""> 

221												<#assign xlsData = jsonFactoryUtil.createJSONObject(xls) /> 

222												<#if  xlsData?? &&  xlsData!=""> 

223													<#assign  xlsGroupId =  xlsData.groupId?number> 

224													<#assign  xlsUuId =  xlsData.uuid> 

225													<#if xlsUuId?string?? && (xlsUuId?string !="") && (xlsGroupId??)> 

226														<#assign  xlsFile = dlFileEntry.getFileEntryByUuidAndGroupId(xlsUuId?string,xlsGroupId)> 

227														<#assign iconClass = "fa fa-file-excel-o" /> 

228														<a href="${getFileEntryURL(xlsFile)}"><i class="${iconClass}"></i></a>    				 

229													</#if> 

230												</#if>  

231											</#if> 

232										</div> 

233									</td> 

234									<td> 

235										<#assign ratingScore = moeCommonUtilService.getMOERatingsAndLikeStats("com.liferay.journal.model.JournalArticle",articlePrimKey, "ratings" ) /> 

236										 

237										<#assign ratingScore = (ratingScore?number * 10)/2 /> 

238										 

239										<div class="item_rating"> 

240											<div class="rating_stars"> 

241												<#list 0..4 as x> 

242													<#assign startCls = ""> 

243													<#if x lt ratingScore> 

244														<#assign startCls = "marked"> 

245													</#if> 

246													<i class="fa fa-star theme_wtext ${startCls}"></i> 

247												</#list> 

248											</div> 

249										</div> 

250										 

251									</td> 

252									<td> 

253										<div class="share_comment"> 

254											<a data-classpk="${entry.getClassPK()}" href="javascript:void(0);" type="" class="theme_wtext show-modal-btn"><i class="moeicon moeicon-od-comment"></i></a> 

255											<a class="like" href=""><i class="moeicon moeicon-od-like"></i> 

256												<div class="count">${likeCount}</div> 

257											</a> 

258											<a href="javascript:void(0);" class="opendata_sharethis"> 

259												<div class="sharethis-inline-share-buttons"></div> 

260											</a> 

261										</div> 

262									</td> 

263									<td> 

264										<#assign fields =  renderer.getDDMFormValuesReader().getDDMFormValues().getDDMFormFieldValues() /> 

265										<#list fields as field> 

266											<#if field.getName() == "SDGs">                 

267												<#assign selectValue = jsonFactoryUtil.createJSONArray(field.getValue().getString(locale)).getString(0) />                     

268												${selectValue} 

269											<#if> 

270										<#list> 

271															 

272									</td> 

273								</tr> 

274							</#if>	 

275					</#list> 

276				</#if> 

277			</tbody> 

278		</table> 

279	</div> 

280	<div class="total_conclusion"> 

281		<div class="total_files"> 

282			<p>${MoeLanguageUtil.get(request, "moe.opendata.total.data.files.label")} <span>${searchContainer.getTotal()}</span></p> 

283		</div> 

284		<div class="last_updated"> 

285			<p>${MoeLanguageUtil.get(request, "moe.opendata.last.update.label")} <span>${last_updated}</span></p> 

286		</div> 

287		<div class="download_all_files"> 

288			<p id="downloadAllFiles"> 

289				<a href="#"> 

290					<i class="moeicon moeicon-mc-download"></i> 

291				</a>${MoeLanguageUtil.get(request, "moe.opendata.download.open.data.label")} 

292			</p> 

293		</div> 

294	</div> 

295</div> 

296 

297<form action="" cssClass="container-fluid-1280" method="post" name="fm"> 

298		<input type="hidden" id="cmd" name="cmd" /> 

299		<input type="hidden" name="ddmStructureKey" id="ddmStructureKey"/> 

300</form> 

301 

302 

303<!-- ==================================================== --> 

304<!-- ====================== MODALS ====================== --> 

305<!-- ==================================================== --> 

306 

307<div class="modal fade-scale" id="CommentModal" tabindex="-1" role="dialog" aria-labelledby="CommentModalLabel" aria-hidden="true"> 

308    <div class="modal-dialog modal-dialog-centered" role="document"> 

309        <div class="modal-content"> 

310            <button type="button" class="close custom_close" data-dismiss="modal" aria-label="Close"> 

311                <span aria-hidden="true"> 

312                    <i class="moeicon moeicon-exit-1"></i> 

313                </span> 

314            </button> 

315            <div class="modal-body"> 

316                <div class="feedback_form"> 

317                    <form name="comment_opendata_form" id="comment_opendata_form"  class="implement_validation content_helpful_form" action="#" method="post"> 

318                        <div class="field_wrapper"> 

319                            <input type="text" placeholder="${MoeLanguageUtil.get(request, "moe.home.contactUs.name")}" name="_com_liferay_portal_search_web_search_results_portlet_SearchResultsPortlet_name" id="${renderResponse.getNamespace()}name"> 

320                        </div> 

321                        <div class="field_wrapper"> 

322                            <input type="number" placeholder="${MoeLanguageUtil.get(request, "moe.home.contactUs.phoneNumber")}" name="_com_liferay_portal_search_web_search_results_portlet_SearchResultsPortlet_phoneNumber" id="${renderResponse.getNamespace()}phoneNumber"> 

323                        </div> 

324                        <div class="field_wrapper"> 

325                            <input type="email" placeholder="${MoeLanguageUtil.get(request, "moe.feedback.control.panel.email")}" name="_com_liferay_portal_search_web_search_results_portlet_SearchResultsPortlet_email" id="${renderResponse.getNamespace()}email"> 

326                        </div> 

327                        <div class="field_wrapper"> 

328                            <textarea cols="30" rows="3" placeholder="${MoeLanguageUtil.get(request, "moe.home.contactUs.message")}*" name="_com_liferay_portal_search_web_search_results_portlet_SearchResultsPortlet_message" id="${renderResponse.getNamespace()}message"></textarea> 

329                            <div class="error error_container" id="form_error_message" style="display : none;"> 

330                			    <label id="hidden-error-message" style="color: red;" class="error">${MoeLanguageUtil.get(request, "moe.open.data.post.comment.message.error.message.label")}</label> 

331                		    </div> 

332                        </div> 

333						<input type="hidden" value="" id="fileEntryIdValue" name="_com_liferay_portal_search_web_search_results_portlet_SearchResultsPortlet_fileEntryId" /> 

334						<div class="field_wrapper"> 

335						    <div id="openDataPostCommentCaptcha"></div> 

336						    <div class="error error_container" id="formCaptcha_error" style="display : none;"> 

337                			    <label id="hiddenRecaptcha-error" style="color: red;" class="error" for="hiddenRecaptcha">${MoeLanguageUtil.get(request, "moe.form.select.captcha.message")}</label> 

338                		    </div> 

339						</div> 

340                        <button type="button" value="Submit" id="btnSubmit">${MoeLanguageUtil.get(request, "moe.form.submit.button.label")}<i class="moeicon moeicon-slidel-left"></i></button> 

341                    </form> 

342                </div> 

343            </div> 

344        </div> 

345    </div> 

346</div> 

347<div class="modal fade-scale" id="CommentSuccessMessageModal" tabindex="-1" role="dialog" aria-labelledby="CommentModalLabel" aria-hidden="true"> 

348    <div class="modal-dialog modal-dialog-centered" role="document"> 

349        <div class="modal-content"> 

350            <button type="button" class="close custom_close" data-dismiss="modal" aria-label="Close"> 

351                <span aria-hidden="true"> 

352                    <i class="moeicon moeicon-exit-1"></i> 

353                </span> 

354            </button> 

355            <div class="modal-body"> 

356                <div class="field_wrapper" id="success_msg"> 

357					<div style="margin-top: 50%;margin-bottom: 50%;text-align: center;">  

358                        ${MoeLanguageUtil.get(request, "moe.open.data.post.comment.success.message.label")} 

359                    </div> 

360				</div>  

361            </div> 

362        </div> 

363    </div> 

364</div> 

365<script> 

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

367		$(document).find('.opendata_table .item_rating .rating_stars .fa').each(function(){ 

368			$(this).on('click', function(){				 

369				var rating = ($(this).index() + 1)/5;	 

370				var classPkId = $(this).parents('tr').attr('data-classpk'); 

371				$.ajax({ 

372					type: "POST", 

373					url: "${openDataRatingsUrl}", 

374					data: { 

375						_com_liferay_journal_content_web_portlet_JournalContentPortlet_score: rating, 

376						_com_liferay_journal_content_web_portlet_JournalContentPortlet_className: 'com.liferay.journal.model.JournalArticle', 

377						_com_liferay_journal_content_web_portlet_JournalContentPortlet_classPK: classPkId, 

378						_com_liferay_journal_content_web_portlet_JournalContentPortlet_cmd: 'add', 

379						_com_liferay_journal_content_web_portlet_JournalContentPortlet_type: 'ratings', 

380					}, 

381					success: function(data) { }, 

382					error: function(data) { } 

383				}); 

384			}); 

385		}); 

386		 

387		$(document).find('.opendata_table .like').each(function(event){		 

388			$(this).on('click', function(e){ 

389				e.preventDefault(); 

390				var classPkId = $(this).parents('tr').attr('data-classpk'); 

391				var count = parseInt($(this).find('.count').text()); 

392				var countElm = $(this).find('.count'); 

393				$.ajax({ 

394					type: "POST", 

395					url: "${openDataRatingsUrl}", 

396					data: { 

397						_com_liferay_journal_content_web_portlet_JournalContentPortlet_score: 1, 

398						_com_liferay_journal_content_web_portlet_JournalContentPortlet_className: 'com.liferay.journal.model.JournalArticle', 

399						_com_liferay_journal_content_web_portlet_JournalContentPortlet_classPK: classPkId, 

400						_com_liferay_journal_content_web_portlet_JournalContentPortlet_cmd: 'add', 

401						_com_liferay_journal_content_web_portlet_JournalContentPortlet_type: 'like', 

402					}, 

403					success: function(data) { 

404						count = count + 1; 

405						countElm.html(count); 

406					}, 

407					error: function(data) { } 

408				}); 

409			}); 

410		}); 

411		$(document).on('click','.show-modal-btn', function(){ 

412			var form = $(document.comment_opendata_form); 

413			form.find('#fileEntryIdValue').val($(this).attr('data-classpk')); 

414			$("#form_error_message").hide(); 

415			$("#formCaptcha_error").css('display',"none"); 

416			grecaptcha.reset(openDataPostCommentCaptchaWidget); 

417			 

418			$('#CommentModal').modal('show')			 

419		}); 

420		 

421		$(document).on('click','.download_all_files a', function(event){ 

422			event.preventDefault(); 

423			var form = $(document.fm); 

424			var cmd = "All"; 

425			var resourceUrl = '${resourceUrl}'; 

426			resourceUrl += '&${renderResponse.getNamespace()}cmd=All'; 

427			resourceUrl += '&${renderResponse.getNamespace()}ddmStructureKey=${ddmStructureKey}'; 

428			form.attr('action', resourceUrl).submit(); 

429		}); 

430         

431         $("#${renderResponse.getNamespace()}message").focusout(function(){ 

432            check_message(); 

433        });	 

434	}); 

435     function check_message(){ 

436            var fmsg = $("#${renderResponse.getNamespace()}message").val().trim(); 

437            if(fmsg ==''){ 

438                $("#form_error_message").show(); 

439            } 

440        } 

441	 

442	function postOpenDataComment(){ 

443		 

444		var nameVal = $('#${renderResponse.getNamespace()}name').val(); 

445		var emailVal = $('#${renderResponse.getNamespace()}email').val(); 

446		var messageVal = $('#${renderResponse.getNamespace()}message').val(); 

447		var phoneNumberVal = $('#${renderResponse.getNamespace()}phoneNumber').val(); 

448		var fileEntryVal = $('#fileEntryIdValue').val(); 

449		 

450		var resourceOpenDataUrl = '${resourceCommentUrl}'; 

451				resourceOpenDataUrl += '&${renderResponse.getNamespace()}name='+nameVal+'&${renderResponse.getNamespace()}email='+emailVal+'&${renderResponse.getNamespace()}fileEntryId='+fileEntryVal+'&${renderResponse.getNamespace()}phoneNumber='+phoneNumberVal+'&${renderResponse.getNamespace()}message='+messageVal; 

452		 

453		 

454		$.ajax({ 

455			type: "POST", 

456			url: resourceOpenDataUrl, 

457			data: { 

458				${renderResponse.getNamespace()}name: nameVal, 

459				${renderResponse.getNamespace()}email: emailVal, 

460				${renderResponse.getNamespace()}phoneNumber: phoneNumberVal, 

461				${renderResponse.getNamespace()}message: messageVal, 

462				${renderResponse.getNamespace()}fileEntryId: fileEntryVal, 

463			}, 

464			success: function(data) {  

465				$('#CommentModal').modal("hide") 

466				$('#CommentModal').find('form')[0].reset() 

467                $('#CommentSuccessMessageModal').modal("show") 

468			}, 

469			error: function(data) { } 

470		}); 

471		 

472	} 

473	$(document).on("click", "#btnSubmit", function(e){ 

474		var checkCaptcha = true;  

475        var checkMsg = true; 

476        var fmsg = $("#${renderResponse.getNamespace()}message").val().trim(); 

477        if(fmsg ==''){ 

478            $("#form_error_message").show(); 

479            checkMsg = false; 

480        } 

481        else{ 

482            $("#form_error_message").hide(); 

483        } 

484		if (grecaptcha.getResponse(openDataPostCommentCaptchaWidget) == '') { 

485			e.preventDefault(); 

486			checkCaptcha = false;		 

487			$("#formCaptcha_error").css('display',"block"); 

488			return; 

489		} else { 

490			checkCaptcha = true; 

491			$("#formCaptcha_error").css('display',"none"); 

492		} 

493        if(checkCaptcha && checkMsg) {	 

494            postOpenDataComment(); 

495        }       

496	}); 

497	 

498</script>