#26 - javascript controller

Author: obriensystems

biometric-nbi/src/main/java/dev/obrienlabs/biometric/nbi/controller/WebController.java

@@ -1,12 +1,32 @@
 package dev.obrienlabs.biometric.nbi.controller;
 
+import java.io.IOException;
+import java.nio.charset.StandardCharsets;
+
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.core.io.ClassPathResource;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
 import org.springframework.stereotype.Controller;
+import org.springframework.util.StreamUtils;
+import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
 
 @Controller
 public class WebController {
-   @RequestMapping(value = "/index")
-   public String index() {
-      return "index";
-   }
+	
+	   @Value("${google.maps.api.key:}")
+	   private String mapsApiKey;
+	   @RequestMapping(value = "/index")
+	   public String index() {
+		   return "index";
+	   }
+	   
+	   @GetMapping(value = "/heart", produces = MediaType.TEXT_HTML_VALUE)
+	   public ResponseEntity<String> heart() throws IOException {
+	      ClassPathResource resource = new ClassPathResource("static/heart.html");
+	      String html = StreamUtils.copyToString(resource.getInputStream(), StandardCharsets.UTF_8);
+	      html = html.replace("GOOGLE_MAPS_API_KEY", mapsApiKey);
+	      return ResponseEntity.ok().contentType(MediaType.TEXT_HTML).body(html);
+	   }
 }

biometric-nbi/src/main/resources/application.properties

@@ -22,3 +22,6 @@ spring.datasource.driverClassName=com.mysql.cj.jdbc.Driver
 # see https://stackoverflow.com/questions/25283198/spring-boot-jpa-column-name-annotation-ignored
 spring.jpa.hibernate.naming.implicit-strategy=org.hibernate.boot.model.naming.ImplicitNamingStrategyLegacyJpaImpl
 spring.jpa.hibernate.naming.physical-strategy=org.hibernate.boot.model.naming.PhysicalNamingStrategyStandardImpl
+
+# API key for Google Maps
+google.maps.api.key=REPLACE_ME

biometric-nbi/src/main/resources/static/heart.html

@@ -7,10 +7,10 @@
       #map-canvas { height: 100% }
     </style>
     <!-- >script type="text/javascript"
-      src="https://maps.googleapis.com/maps/api/js?key=A...F8&sensor=false&libraries=visualizatio">
+      src="https://maps.googleapis.com/maps/api/js?key=GOOGLE_MAPS_API_KEY&sensor=false&libraries=visualizatio">
     </script-->
     <script async defer
-      src="https://maps.googleapis.com/maps/api/js?key=A...8&libraries=visualization&callback=initMap">
+      src="https://maps.googleapis.com/maps/api/js?key=GOOGLE_MAPS_API_KEY&libraries=visualization&callback=initMap">
     </script>
     <script type="text/javascript">
     var reading = 0;