From 9677273f556b0d8de8566a98022fa7a82c5acf6c Mon Sep 17 00:00:00 2001
From: ANormalPerson1 <39001006+ANormalPerson1@users.noreply.github.com>
Date: Thu, 21 Mar 2019 21:18:05 +0100
Subject: [PATCH] Attempt at doing json

I fucked up big time. I have attempted to make a custom made chart, while, to my knowledge, one is readily available and more easily incorporated to the website design.
---
 backend/graph.js                   |  9 +++++++++
 backend/main.py                    | 16 +++++++++++++++-
 {frontend => backend}/website.html | 22 ++++++++++++++++++++--
 frontend/FlaskModule.py            | 14 ++++++++++++++
 frontend/JsonJs.js                 |  1 +
 frontend/org.json                  | 17 +++++++++++++++++
 6 files changed, 76 insertions(+), 3 deletions(-)
 create mode 100644 backend/graph.js
 rename {frontend => backend}/website.html (53%)
 create mode 100644 frontend/FlaskModule.py
 create mode 100644 frontend/JsonJs.js
 create mode 100644 frontend/org.json

diff --git a/backend/graph.js b/backend/graph.js
new file mode 100644
index 0000000..1c053db
--- /dev/null
+++ b/backend/graph.js
@@ -0,0 +1,9 @@
+$(document).ready(function() {
+	$(chart_id).highcharts({
+		chart: chart,
+		title: title,
+		xAxis: xAxis,
+		yAxis: yAxis,
+		series: series
+	});
+});
\ No newline at end of file
diff --git a/backend/main.py b/backend/main.py
index 27c0d5c..e0c6b55 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -1,4 +1,4 @@
-from flask import Flask, redirect, url_for, request
+from flask import Flask, redirect, url_for, request, render_template
 app = Flask(__Name__)
 
 @app.route('/list')
@@ -14,3 +14,17 @@ def deposit():
    #Request .json, store json
    if request.isJson():
       request.json.
+
+
+
+@app.route('/graph')
+def graph(chartID = 'chart_ID', chart_type = 'line', chart_height = 500):
+	chart = {"renderTo": chartID, "type": chart_type, "height": chart_height,}
+	series = [{"name": 'Label1', "data": [1,2,3]}, {"name": 'Label2', "data": [4, 5, 6]}]
+	title = {"text": 'My Title'}
+	xAxis = {"categories": ['xAxis Data1', 'xAxis Data2', 'xAxis Data3']}
+	yAxis = {"title": {"text": 'yAxis Label'}}
+	return render_template('index.html', chartID=chartID, chart=chart, series=series, title=title, xAxis=xAxis, yAxis=yAxis)
+ 
+if __name__ == "__main__":
+	app.run(debug = True, host='0.0.0.0', port=8080, passthrough_errors=True)
\ No newline at end of file
diff --git a/frontend/website.html b/backend/website.html
similarity index 53%
rename from frontend/website.html
rename to backend/website.html
index 31392a5..1fdd49f 100644
--- a/frontend/website.html
+++ b/backend/website.html
@@ -18,11 +18,29 @@
             <button type="button" class="btn btn-dark btn-lg btn-block">Pridobi rezultate
     </div>
 
+	
+	<div id={{ chartID|safe }} class="chart" style="height: 100px; width: 500px"></div>
+    <script>
+	    var chart_id = {{ chartID|safe }}
+	    var series = {{ series|safe }}
+	    var title = {{ title|safe }}
+	    var xAxis = {{ xAxis|safe }}
+	    var yAxis = {{ yAxis|safe }}
+	    var chart = {{ chart|safe }}
+    </script>
+	
     <!-- Optional JavaScript -->
     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+	<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+	<script src="http://code.highcharts.com/highcharts.js"></script>
+	<script src="../static/graph.js"></script>
 
   </body>
+  
+
+
+<script type = "text/javascript" src = "/static/bootstrap.min.js"></script>
+
 </html>
\ No newline at end of file
diff --git a/frontend/FlaskModule.py b/frontend/FlaskModule.py
new file mode 100644
index 0000000..da7a764
--- /dev/null
+++ b/frontend/FlaskModule.py
@@ -0,0 +1,14 @@
+from flask import Flask
+app = Flask(__name__)
+
+@app.route('/', methods = ['GET', 'POST'])
+def index():
+    value = request.json['key']
+    return value
+
+if __name__ == '__main__':
+    app.run
+
+
+test = open("JsonJs", "r")
+req = requests.post('C:/Users/Janez%20Dolzan/Documents/Python%20projects/Spektrometer/GitHub/TeraHz/frontend/website.html')
diff --git a/frontend/JsonJs.js b/frontend/JsonJs.js
new file mode 100644
index 0000000..7fc4066
--- /dev/null
+++ b/frontend/JsonJs.js
@@ -0,0 +1 @@
+var output = document.getElementById('output');
\ No newline at end of file
diff --git a/frontend/org.json b/frontend/org.json
new file mode 100644
index 0000000..b160cad
--- /dev/null
+++ b/frontend/org.json
@@ -0,0 +1,17 @@
+{
+    "org": 
+	[
+	    {
+		    "id": 1,
+			"name": "How to build a website"
+		},
+		{
+		    "id": 2,
+			"name": "How to build a website 2"
+		},
+		{
+		    "id": 2,
+			"name": "How to build a website 3"
+		}
+	]
+}
\ No newline at end of file