Add raw data view and python script for access sql dbs.

laurolins · Nov 5, 2019 · 28b24fd · 28b24fd
1 parent 4c0faf3
commit 28b24fd
Show file tree

Hide file tree

Showing 13 changed files with 373 additions and 34 deletions.
diff --git a/web/bin/db_rest_server.py b/web/bin/db_rest_server.py
@@ -0,0 +1,35 @@
+import pandas as pd
+from sqlalchemy import create_engine
+engine = create_engine('sqlite:////crime.db')
+
+
+@app.route('/')
+def hello_world():
+    return 'Hello, World!'
+
+import json
+
+@app.route('/data',methods=['POST'])
+@cross_origin()
+def data():    
+    if request.method == 'POST':
+        q = request.form['q']
+        format = request.form['format']
+        resp = make_response()
+
+        data=''
+        mime=''
+        if format=='json':
+            data = json.dumps(pd.read_sql(q,engine).to_dict(orient='records'))
+            mime = 'text/json'
+
+        if format=='csv':
+            data = pd.read_sql(q,engine).to_csv(index=False)
+            mime = 'text/csv'
+
+        resp.data=data
+        resp.mimetype=mime
+
+        return resp
+    else:
+        return ''
diff --git a/web/dist/index.html b/web/dist/index.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html><head><meta name="viewport" content="initial-scale=1,maximum-scale=1,
-          user-scalable=no"><link rel="stylesheet" href="web.d128e249.css"></head><body> <div id="nc"></div> </body><script src="web.6fb7e690.js"></script></html>
+          user-scalable=no"><link rel="stylesheet" href="web.416d5ffe.css"></head><body> <div id="nc"></div> </body><script src="web.5b9c68c4.js"></script></html>
diff --git a/web/dist/web.416d5ffe.css b/web/dist/web.416d5ffe.css
diff --git a/web/dist/web.416d5ffe.css.map b/web/dist/web.416d5ffe.css.map
diff --git a/web/dist/web.6fb7e690.js → web/dist/web.5b9c68c4.js b/web/dist/web.6fb7e690.js → web/dist/web.5b9c68c4.js
diff --git a/web/dist/web.5b9c68c4.js.map b/web/dist/web.5b9c68c4.js.map
diff --git a/web/dist/web.6fb7e690.js.map b/web/dist/web.6fb7e690.js.map
diff --git a/web/dist/web.d128e249.css b/web/dist/web.d128e249.css
diff --git a/web/dist/web.d128e249.css.map b/web/dist/web.d128e249.css.map
diff --git a/web/nanocubes.css b/web/nanocubes.css
@@ -42,6 +42,39 @@ canvas {
     overflow-y:auto;
 }
 
+#datatable-overlay{
+    display:none;
+    width: 100%;
+    height: 100%;
+    margin: 0 auto;
+    position: relative;
+}
+
+#datatable{
+    width: 80%;
+    height: 80%;
+    top: 10%;
+    margin: 0 auto;
+    position: relative;
+    background-color:white;
+    overflow: auto;
+}
+
+#datatable table{
+    border-collapse: collapse;
+}
+#datatable th{
+  background-color: #00a8e0;
+  color: white;
+}
+#datatable td, #datatable th {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+#datatable tr:nth-child(even){background-color: #f2f2f2;}
+#datatable tr:hover {background-color: #ddd;}
+
+
 .map-overlay{
     position:absolute;
     height:100%;
@@ -176,3 +209,15 @@ text {
     top:  1em;
     z-index:1000;
 }
+
+
+#btns a{
+    z-index:1000;
+    background:white;
+    color:black;
+    margin:1px;
+    padding:6px;
+    border-radius:4px;
+    cursor: default;
+    text-decoration:none;
+}
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -17,6 +17,17 @@
   "browserslist": [
     "last 2 Chrome versions",
     "last 2 Firefox versions"
-  ]
+  ],
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^1.2.25",
+    "@fortawesome/free-solid-svg-icons": "^5.11.2",
+    "colorbrewer": "^1.3.0",
+    "d3": "^5.12.0",
+    "file-saver": "^2.0.2",
+    "jquery": "^3.4.1",
+    "jsep": "^0.3.4",
+    "leaflet": "^1.5.1",
+    "leaflet-draw": "^1.0.4",
+    "sprintf-js": "^1.1.2"
+  }
 }
-