Create UI server

kenellorando · May 16, 2020 · 4a5fbc0 · 4a5fbc0
1 parent 4273184
commit 4a5fbc0
Show file tree

Hide file tree

Showing 3 changed files with 64 additions and 0 deletions.
diff --git a/api/main.go b/api/main.go
@@ -64,6 +64,7 @@ func Receiver(w http.ResponseWriter, r *http.Request) {
 // Retriever - gets agent data
 func Retriever(w http.ResponseWriter, r *http.Request) {
 	jsonMarshal, _ := json.Marshal(system)
+	w.Header().Set("Access-Control-Allow-Origin", "*")
 	w.Header().Set("Content-Type", "application/json")
 	w.Write(jsonMarshal)
 }
diff --git a/web/main.go b/web/main.go
@@ -0,0 +1,30 @@
+package main
+
+import (
+	"fmt"
+	"net/http"
+	"path"
+
+	"github.com/gorilla/mux"
+	"github.com/kenellorando/clog"
+)
+
+func main() {
+	// Handle routes
+	r := mux.NewRouter()
+
+	//
+	r.PathPrefix("/css/").Handler(http.StripPrefix("/css/", http.FileServer(http.Dir("./public/css/"))))
+	r.PathPrefix("/js/").Handler(http.StripPrefix("/js/", http.FileServer(http.Dir("./public/js/"))))
+	r.HandleFunc("/", ServeRoot).Methods("GET")
+
+	// Start server
+	clog.Info("main", fmt.Sprintf("Starting webserver on port <%s>.", ":8900"))
+	clog.Fatal("main", "Server failed to start!", http.ListenAndServe(":8900", r))
+}
+
+// ServeRoot - serve the homepage
+func ServeRoot(w http.ResponseWriter, r *http.Request) {
+	w.Header().Set("Content-type", "text/html")
+	http.ServeFile(w, r, path.Dir("./public/index.html"))
+}
diff --git a/web/public/index.html b/web/public/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>Melody</title>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script type="text/javascript">
+        $(document).ready(function () {
+            setTimeout(function () {getReport();}, 0);
+            setInterval(function () {getReport();}, 1000)
+        })
+
+        function getReport() {
+            $.ajax({
+                type: 'GET',
+                url: 'https://api.melody.systems/api/v0.1/getreport',
+                success: function(data) {
+                    console.log(data);
+                    document.getElementById("rawoutput").innerHTML = data;
+                }
+            })
+        }
+
+    </script>
+</head>
+<body>
+    <h1>Melody</h1>
+    <p>Systems Infrastructure Monitor</p>
+
+    <div id="rawoutput"></div>
+</body>
+</html>