From 2cdec205c7a7e45c7105adbdb0f899beb9648a26 Mon Sep 17 00:00:00 2001
From: Terrtia <or1994@hotmail.fr>
Date: Mon, 18 Nov 2019 16:38:14 +0100
Subject: [PATCH] fix: [correlation UI] clean script

---
 .../correlation/metadata_card_domain.html     | 96 -------------------
 .../correlation/metadata_card_paste.html      | 96 -------------------
 2 files changed, 192 deletions(-)

diff --git a/var/www/templates/correlation/metadata_card_domain.html b/var/www/templates/correlation/metadata_card_domain.html
index 5cacd513..b8d666b3 100644
--- a/var/www/templates/correlation/metadata_card_domain.html
+++ b/var/www/templates/correlation/metadata_card_domain.html
@@ -66,99 +66,3 @@
 		</ul>
 	</div>
 </div>
-
-<script src="{{ url_for('static', filename='js/d3/sparklines.js')}}"></script>
-<script>
-	sparkline("sparkline", {{ dict_object["metadata_card"]["sparkline"] }}, {});
-</script>
-
-<script>
-function create_line_chart(id, url){
-
-	var width = 900;
-	var height = Math.round(width / 4);
-
-	var margin = {top: 20, right: 55, bottom: 50, left: 40};
-
-	var x = d3.scaleTime().range([0, width]);
-	var y = d3.scaleLinear().rangeRound([height, 0]);
-
-	var xAxis = d3.axisBottom(x);
-	var yAxis = d3.axisLeft(y);
-
-	var parseTime = d3.timeParse("%Y-%m-%d");
-
-	var line = d3.line()
-							.x(function(d) {
-          			return x(d.date);
-        			}).y(function(d) {
-          			return y(d.value);
-        			});
-
-	var svg_line = d3.select('#'+id).append('svg')
-				.attr("id", "graph_div")
-				.attr("width", width + margin.left + margin.right)
-				.attr("height", height + margin.top + margin.bottom)
-				.append('g')
-						.attr('transform', "translate("+ margin.left +","+ margin.top +")");
-
-	var div = d3.select('body').append('div')
-				.attr('class', 'tooltip')
-				.style('opacity', 0);
-
-	//add div tooltip
-
-d3.json(url)
-	.then(function(data){
-
-		data.forEach(function(d) {
-			d.date_label = d.date;
-			d.date = parseTime(d.date);
-			d.value = +d.value;
-		});
-
-		// fit the data
-		x.domain(d3.extent(data, function(d) { return d.date; }));
-		//x.domain(data.map(function (d) { return d.date; })); //E
-		y.domain([0, d3.max(data, function(d){ return d.value ; })]);
-
-		//line
-		svg_line.append("path")
-				.data([data])
-				.attr("class", "line_graph")
-				.attr("d", line);
-
-		// add X axis
-		svg_line.append("g")
-		    .attr("transform", "translate(0," + height + ")")
-		    .call(d3.axisBottom(x))
-				.selectAll("text")
-					.style("text-anchor", "end")
-					.attr("transform", "rotate(-45)" );
-
-		// Add the Y Axis
-		svg_line.append("g")
-		    .call(d3.axisLeft(y));
-
-		//add a dot circle
-    svg_line.selectAll('dot')
-				.data(data).enter()
-				.append('circle')
-						.attr('r', 2)
-							.attr('cx', function(d) { return x(d.date); })
-							.attr('cy', function(d) { return y(d.value); })
-
-            	.on('mouseover', function(d) {
-	            	div.transition().style('opacity', .9);
-	            	div.html('' + d.date_label+ '<br/>' + d.value).style('left', (d3.event.pageX) + 'px')
-								.style("left", (d3.event.pageX) + "px")
-								.style("top", (d3.event.pageY - 28) + "px");
-          		})
-            	.on('mouseout', function(d)
-          			{
-            			div.transition().style('opacity', 0);
-          			});
-
-	});
-}
-</script>
diff --git a/var/www/templates/correlation/metadata_card_paste.html b/var/www/templates/correlation/metadata_card_paste.html
index 6a9946ea..994351f5 100644
--- a/var/www/templates/correlation/metadata_card_paste.html
+++ b/var/www/templates/correlation/metadata_card_paste.html
@@ -48,99 +48,3 @@
 		</ul>
 	</div>
 </div>
-
-<script src="{{ url_for('static', filename='js/d3/sparklines.js')}}"></script>
-<script>
-	sparkline("sparkline", {{ dict_object["metadata_card"]["sparkline"] }}, {});
-</script>
-
-<script>
-function create_line_chart(id, url){
-
-	var width = 900;
-	var height = Math.round(width / 4);
-
-	var margin = {top: 20, right: 55, bottom: 50, left: 40};
-
-	var x = d3.scaleTime().range([0, width]);
-	var y = d3.scaleLinear().rangeRound([height, 0]);
-
-	var xAxis = d3.axisBottom(x);
-	var yAxis = d3.axisLeft(y);
-
-	var parseTime = d3.timeParse("%Y-%m-%d");
-
-	var line = d3.line()
-							.x(function(d) {
-          			return x(d.date);
-        			}).y(function(d) {
-          			return y(d.value);
-        			});
-
-	var svg_line = d3.select('#'+id).append('svg')
-				.attr("id", "graph_div")
-				.attr("width", width + margin.left + margin.right)
-				.attr("height", height + margin.top + margin.bottom)
-				.append('g')
-						.attr('transform', "translate("+ margin.left +","+ margin.top +")");
-
-	var div = d3.select('body').append('div')
-				.attr('class', 'tooltip')
-				.style('opacity', 0);
-
-	//add div tooltip
-
-d3.json(url)
-	.then(function(data){
-
-		data.forEach(function(d) {
-			d.date_label = d.date;
-			d.date = parseTime(d.date);
-			d.value = +d.value;
-		});
-
-		// fit the data
-		x.domain(d3.extent(data, function(d) { return d.date; }));
-		//x.domain(data.map(function (d) { return d.date; })); //E
-		y.domain([0, d3.max(data, function(d){ return d.value ; })]);
-
-		//line
-		svg_line.append("path")
-				.data([data])
-				.attr("class", "line_graph")
-				.attr("d", line);
-
-		// add X axis
-		svg_line.append("g")
-		    .attr("transform", "translate(0," + height + ")")
-		    .call(d3.axisBottom(x))
-				.selectAll("text")
-					.style("text-anchor", "end")
-					.attr("transform", "rotate(-45)" );
-
-		// Add the Y Axis
-		svg_line.append("g")
-		    .call(d3.axisLeft(y));
-
-		//add a dot circle
-    svg_line.selectAll('dot')
-				.data(data).enter()
-				.append('circle')
-						.attr('r', 2)
-							.attr('cx', function(d) { return x(d.date); })
-							.attr('cy', function(d) { return y(d.value); })
-
-            	.on('mouseover', function(d) {
-	            	div.transition().style('opacity', .9);
-	            	div.html('' + d.date_label+ '<br/>' + d.value).style('left', (d3.event.pageX) + 'px')
-								.style("left", (d3.event.pageX) + "px")
-								.style("top", (d3.event.pageY - 28) + "px");
-          		})
-            	.on('mouseout', function(d)
-          			{
-            			div.transition().style('opacity', 0);
-          			});
-
-	});
-}
-</script>