Externalize the inline script from index.html

closes #1155

Author: joshiste

spring-boot-admin-server-ui/src/main/frontend/index.html

@@ -42,22 +42,7 @@
 
 <div id="app"></div>
 
-<script th:inline="javascript">
-    var SBA = {
-        uiSettings: /*[[${uiSettings}]]*/ {},
-        user: /*[[${user}]]*/ null,
-        extensions: [],
-        /*[#th:block th:if="${_csrf}"]*/
-        csrf: {
-            parameterName: /*[[${_csrf.parameterName}]]*/ null,
-            headerName: /*[[${_csrf.headerName}]]*/ null
-        },
-        /*[/th:block]*/
-        use: function (ext) {
-            this.extensions.push(ext);
-        }
-    }
-</script>
+<script lang="javascript" src="sba-settings.js"></script>
 <!-- include extensions -->
 <th:block th:each="jsFile : ${jsExtensions}">
     <script lang="javascript" th:src="${jsFile.resourcePath}"></script>

spring-boot-admin-server-ui/src/main/frontend/sba-settings.js

@@ -0,0 +1,29 @@
+/*
+ * Copyright 2014-2019 the original author or authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+//This is a Thymleaf template whill will be rendered by the backend
+var SBA = {
+  uiSettings: /*[[${uiSettings}]]*/ {},
+  user: /*[[${user}]]*/ null,
+  extensions: [],
+  csrf: {
+    parameterName: /*[[${_csrf} ? ${_csrf.parameterName} : 'null']]*/ null,
+    headerName: /*[[${_csrf} ? ${_csrf.headerName} : 'null']]*/ null
+  },
+  use: function (ext) {
+    this.extensions.push(ext);
+  }
+};

spring-boot-admin-server-ui/src/main/java/de/codecentric/boot/admin/server/ui/web/UiController.java

@@ -106,6 +106,11 @@ public String index() {
         return "index";
     }
 
+    @GetMapping(path = "/sba-settings.js", produces = MediaType.APPLICATION_JSON_VALUE)
+    public String sbaSettings() {
+        return "sba-settings.js";
+    }
+
     @GetMapping(path = "/login", produces = MediaType.TEXT_HTML_VALUE)
     public String login() {
         return "login";

spring-boot-admin-server-ui/vue.config.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2014-2018 the original author or authors.
+ * Copyright 2014-2019 the original author or authors.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -80,6 +80,10 @@ module.exports = {
         toType: 'dir',
         ignore: ['*.scss']
       }]),
+      new CopyPlugin([{
+        from: resolve(__dirname, 'src/main/frontend/sba-settings.js'),
+        to: resolve(__dirname, 'target/dist/sba-settings.js'),
+      }]),
       new BundleAnalyzerPlugin({
         analyzerMode: 'static',
         openAnalyzer: false,