task: add an empty AddCommentForm.

Address to #1338
Part of #785

Author: php-coder

src/main/frontend/src/components/AddCommentForm.js

@@ -0,0 +1,13 @@
+//
+// IMPORTANT:
+// You must update ResourceUrl.RESOURCES_VERSION each time whenever you're modified this file!
+//
+
+class AddCommentForm extends React.Component {
+	
+	render() {
+		return (
+			<div>TODO: add comment form</div>
+		)
+	}
+}

src/main/java/ru/mystamps/web/feature/site/ResourceUrl.java

@@ -45,6 +45,7 @@ public final class ResourceUrl {
 	// @todo #1057 Use minified version of SeriesSaleImportForm.js
 	private static final String SALE_IMPORT_FORM_JS    = "/public/js/" + RESOURCES_VERSION + "/components/SeriesSaleImportForm.js";
 	private static final String SIMILAR_SERIES_FORM_JS = "/public/js/" + RESOURCES_VERSION + "/components/SimilarSeriesForm.js";
+	private static final String ADD_COMMENT_FORM_JS    = "/public/js/" + RESOURCES_VERSION + "/components/AddCommentForm.js";
 	private static final String BOOTSTRAP_LANGUAGE     = "https://cdn.jsdelivr.net/gh/usrz/bootstrap-languages@3ac2a3d2b27ac43a471cd99e79d378a03b2c6b5f/languages.min.css";
 	private static final String FAVICON_ICO            = "/favicon.ico";
 
@@ -80,6 +81,7 @@ public static void exposeResourcesToView(Map<String, String> resources, String h
 		put(resources, host, "SERIES_INFO_JS", SERIES_INFO_JS);
 		put(resources, host, "SALE_IMPORT_FORM_JS", SALE_IMPORT_FORM_JS);
 		put(resources, host, "SIMILAR_SERIES_FORM_JS", SIMILAR_SERIES_FORM_JS);
+		put(resources, host, "ADD_COMMENT_FORM_JS", ADD_COMMENT_FORM_JS);
 	}
 
 	// see also MvcConfig.addResourceHandlers()

src/main/webapp/WEB-INF/views/series/info.html

@@ -391,6 +391,9 @@ <h5 th:text="#{t_hidden_images}">Hidden images</h5>
 									</dl>
 								</div>
 							</div>
+							
+							<div id="add-comment" sec:authorize="hasAuthority('ADD_COMMENTS_TO_SERIES')"></div>
+							
 							<div id="similar-series" class="row" th:if="${not #lists.isEmpty(similarSeries)}">
 								<div class="col-sm-10 col-sm-offset-2">
 									<h5 class="text-center" th:text="#{t_similar_series}">
@@ -835,7 +838,7 @@ <h5 th:text="#{t_add_info_who_selling_series}">Add info about selling/buying thi
 			th:src="${SERIES_INFO_JS}"></script>
 
 		<!--/*/
-		<th:block sec:authorize="hasAnyAuthority('IMPORT_SERIES_SALES', 'MARK_SIMILAR_SERIES')">
+		<th:block sec:authorize="hasAnyAuthority('IMPORT_SERIES_SALES', 'MARK_SIMILAR_SERIES', 'ADD_COMMENTS_TO_SERIES')">
 		/*/-->
 		<script src="https://unpkg.com/[email protected]/umd/react.development.js" th:src="${REACT_JS}"></script>
 		<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js" th:src="${REACT_DOM_JS}"></script>
@@ -920,6 +923,33 @@ <h5 th:text="#{t_add_info_who_selling_series}">Add info about selling/buying thi
 		</th:block>
 		/*/-->
 
+		<!--/*/
+		<th:block sec:authorize="hasAuthority('ADD_COMMENTS_TO_SERIES')">
+		/*/-->
+		<script src="../../../../../../target/classes/js/components/AddCommentForm.js" th:src="${ADD_COMMENT_FORM_JS}"></script>
+		<script th:inline="javascript">
+			/*[+
+			var addCommentProps = {
+				'csrfHeaderName': [[ ${_csrf.headerName} ]],
+				'csrfTokenValue': [[ ${_csrf.token} ]],
+				'l10n': {
+				}
+			};
+			+]*/
+			
+			/*[- */
+			var addCommentProps = {
+				'url': '/series/100',
+				'l10n': {}
+			};
+			/* -]*/
+			
+			renderComponent(AddCommentForm, addCommentProps, 'add-comment');
+		</script>
+		<!--/*/
+		</th:block>
+		/*/-->
+
 		<!--/* @todo #1280 Mark similar series: add integration tests */-->
 		<!--/*/
 		<th:block sec:authorize="hasAuthority('MARK_SIMILAR_SERIES')">