refactor(/series/info.html): extract shared code into a separate <th:block>

Relate to #1280

Author: php-coder

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

@@ -784,24 +784,14 @@ <h5 th:text="#{t_add_info_who_selling_series}">Add info about selling/buying thi
 		<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>
 		<script src="https://unpkg.com/[email protected]/dist/axios.js" th:src="${AXIOS_JS}"></script>
-		<script src="../../../../../../target/classes/js/components/SeriesSaleImportForm.js" th:src="${SALE_IMPORT_FORM_JS}"></script>
 		<script th:inline="javascript">
-			/*[+
-			var importFormProps = {
-				'url': [[ '__@{${IMPORT_SERIES_SALES}}__' ]],
-				'csrfHeaderName': [[ ${_csrf.headerName} ]],
-				'csrfTokenValue': [[ ${_csrf.token} ]],
-				'l10n': {
-					't_import_info_who_selling_series': [[ #{t_import_info_who_selling_series} ]],
-					't_could_not_import_info':          [[ #{t_could_not_import_info} ]],
-					't_url':                            [[ #{t_url} ]],
-					't_import_info':                    [[ #{t_import_info} ]]
-				}
+			var renderComponent = function(component, props, elementId) {
+				var rootElement = React.createElement(component, props);
+				var destNode = document.getElementById(elementId);
+				ReactDOM.render(rootElement, destNode);
 			};
-			+]*/
 
 			/*[- */
-			var importFormProps = { 'l10n': {} };
 			var responseCount = 0;
 			window.axios = {
 				post: function() {
@@ -847,12 +837,33 @@ <h5 th:text="#{t_add_info_who_selling_series}">Add info about selling/buying thi
 				}
 			};
 			/* -]*/
-			
-			var renderComponent = function(component, props, elementId) {
-				var rootElement = React.createElement(component, props);
-				var destNode = document.getElementById(elementId);
-				ReactDOM.render(rootElement, destNode);
+		</script>
+		<!--/*/
+		</th:block>
+		/*/-->
+		
+		<!--/*/
+		<th:block sec:authorize="hasAuthority('IMPORT_SERIES_SALES')">
+		/*/-->
+		<script src="../../../../../../target/classes/js/components/SeriesSaleImportForm.js" th:src="${SALE_IMPORT_FORM_JS}"></script>
+		<script th:inline="javascript">
+			/*[+
+			var importFormProps = {
+				'url': [[ '__@{${IMPORT_SERIES_SALES}}__' ]],
+				'csrfHeaderName': [[ ${_csrf.headerName} ]],
+				'csrfTokenValue': [[ ${_csrf.token} ]],
+				'l10n': {
+					't_import_info_who_selling_series': [[ #{t_import_info_who_selling_series} ]],
+					't_could_not_import_info':          [[ #{t_could_not_import_info} ]],
+					't_url':                            [[ #{t_url} ]],
+					't_import_info':                    [[ #{t_import_info} ]]
+				}
 			};
+			+]*/
+			
+			/*[- */
+			var importFormProps = { 'l10n': {} };
+			/* -]*/
 
 			renderComponent(SeriesSaleImportForm, importFormProps, 'importSeriesSaleForm');
 		</script>