From c087ed77068825a05d5615a95ecc9d3ccb60b608 Mon Sep 17 00:00:00 2001
From: Julian Hinxlage <hinxlage.julian@web.de>
Date: Mon, 27 May 2019 09:06:04 +0200
Subject: [PATCH] + table for clusters (gui)

---
 .../hsel/spm/baudas/web/ClusterDiagram.java   | 47 +++++++++++++++++++
 src/main/webapp/footer.jsp                    |  1 +
 src/main/webapp/index.jsp                     |  3 +-
 src/main/webapp/js/cache.js                   |  1 +
 src/main/webapp/js/clusters.js                | 39 +++++++++++++++
 5 files changed, 90 insertions(+), 1 deletion(-)
 create mode 100644 src/main/java/de/hsel/spm/baudas/web/ClusterDiagram.java
 create mode 100644 src/main/webapp/js/clusters.js

diff --git a/src/main/java/de/hsel/spm/baudas/web/ClusterDiagram.java b/src/main/java/de/hsel/spm/baudas/web/ClusterDiagram.java
new file mode 100644
index 0000000..4da9a7f
--- /dev/null
+++ b/src/main/java/de/hsel/spm/baudas/web/ClusterDiagram.java
@@ -0,0 +1,47 @@
+package de.hsel.spm.baudas.web;
+
+import com.google.gson.Gson;
+import de.hsel.spm.baudas.analysis.Cluster;
+import org.jetbrains.annotations.NotNull;
+
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.File;
+import java.io.IOException;
+import java.io.PrintWriter;
+import java.nio.charset.StandardCharsets;
+import java.util.*;
+
+/**
+ * changes data from cluster analysis into a readable format
+ *
+ * @author Julian Hinxlage
+ * @version 0.1
+ * @since 0.1
+ **/
+@WebServlet("/clusters")
+public class ClusterDiagram extends HttpServlet {
+    @Override
+    protected void doGet(@NotNull HttpServletRequest req, @NotNull HttpServletResponse resp) throws IOException {
+        req.setCharacterEncoding(StandardCharsets.UTF_8.name());
+        resp.setCharacterEncoding(StandardCharsets.UTF_8.name());
+        resp.setContentType("application/json");
+        PrintWriter out = resp.getWriter();
+
+        Map<Integer, Map<String, String>> result = new HashMap<>();
+        Gson gson = new Gson();
+
+        if (req.getParameter("id") == null) {
+            out.print(gson.toJson(result));
+            return;
+        }
+        UUID uuid = UUID.fromString(req.getParameter("id"));
+        File file = Data.get(uuid);
+
+        Cluster cluster = new Cluster(file);
+        result = cluster.getResult();
+        out.print(gson.toJson(result));
+    }
+}
diff --git a/src/main/webapp/footer.jsp b/src/main/webapp/footer.jsp
index 5e91340..b496efb 100644
--- a/src/main/webapp/footer.jsp
+++ b/src/main/webapp/footer.jsp
@@ -16,6 +16,7 @@
 <script src="js/week_overview.js"></script>
 <script src="js/shopping_times.js"></script>
 <script src="js/top_flop.js"></script>
+<script src="js/clusters.js"></script>
 
 <%--<script src="js/sold_articles.js"></script>--%>
 
diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
index 6879491..6d0cb93 100644
--- a/src/main/webapp/index.jsp
+++ b/src/main/webapp/index.jsp
@@ -85,7 +85,8 @@
                     <span class="card-title center">Gruppenübersicht</span>
                 </div>
                 <div>
-                    <p>Coming Soon</p>
+                    <tabel id="cluster_table" width="1000" height="400">
+                    </tabel>
                 </div>
             </div>
         </div>
diff --git a/src/main/webapp/js/cache.js b/src/main/webapp/js/cache.js
index 8876e59..e712e2b 100644
--- a/src/main/webapp/js/cache.js
+++ b/src/main/webapp/js/cache.js
@@ -38,6 +38,7 @@ function updateAll(uuid) {
     updateWeekOverviewChart(uuid);
     updateShoppingTimesChart(uuid);
     updateTopFlopChart(uuid);
+    updateClusters(uuid)
     //add new charts here.
 }
 
diff --git a/src/main/webapp/js/clusters.js b/src/main/webapp/js/clusters.js
new file mode 100644
index 0000000..cb04091
--- /dev/null
+++ b/src/main/webapp/js/clusters.js
@@ -0,0 +1,39 @@
+let cluster_result;
+
+function updateClusters(id) {
+    if(typeof id !== 'undefined') {
+        request('clusters', id).then(function (data) {
+            cluster_result = data;
+            drawClusterTable();
+        });
+    }else request('clusters').then(function(data) {
+        cluster_result = data;
+        drawClusterTable();
+    });
+}
+
+function drawClusterTable(){
+    let row = $("<thead>");
+    row.append("<tr>");
+    row.append("<td>Alter</td>");
+    row.append("<td>Wohnort</td>");
+    row.append("<td>Einkaufstag</td>");
+    row.append("<td>Geschlecht</td>");
+    row.append("<td>Familienstand</td>");
+    row.append("<td>Einkaufsuhrzeit</td>");
+    row.append("</tr>");
+    row.append("</thead>");
+    row.append("</tbody>");
+    for(x in cluster_result){
+        row.append($("<tr>"));
+        row.append($("<td>" + cluster_result[x].Alter +"</td>"));
+        row.append($("<td>" + cluster_result[x].Wohnort +"</td>"));
+        row.append($("<td>" + cluster_result[x].Einkaufstag +"</td>"));
+        row.append($("<td>" + cluster_result[x].Geschlecht +"</td>"));
+        row.append($("<td>" + cluster_result[x].Familienstand +"</td>"));
+        row.append($("<td>" + cluster_result[x].Einkaufsuhrzeit +"</td>"));
+        row.append($("</tr>"));
+    }
+    row.append("</tbody>");
+    $("#cluster_table").append(row);
+}