From 136aab9ecfe2d6f51cf68e6e48381a860d94a16f Mon Sep 17 00:00:00 2001
From: Friese <Stefan.Friese@telekom.de>
Date: Fri, 11 May 2018 14:22:29 +0200
Subject: [PATCH] added new html template for better usability

---
 bin/graphResults_template.html | 62 ++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 bin/graphResults_template.html
diff --git a/bin/graphResults_template.html b/bin/graphResults_template.html
new file mode 100644
index 0000000..5205a76
--- /dev/null
+++ b/bin/graphResults_template.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+	<head>
+
+		NLMSvariants | Graphical Output ||
+		<font id="1" color="blue" onclick="clicksvg(this)">Eingangswert</font> |
+		<font id="2" color="red" onclick="clicksvg(this)">direkter Vorgaenger</font> |
+		<font id="3" color="green" onclick="clicksvg(this)">letzter Mittelwert</font>
+		<script>
+			function clicksvg(e){
+				id = e.id
+				graph = document.getElementById("svg_" + id);
+				if(graph.style.visibility == "hidden" || !graph.style.visibility){
+					graph.style.visibility = "visible";
+				}else{
+					graph.style.visibility = "hidden";
+				}
+			}
+</script>
+	</head>
+<body>
+	<svg height="1200" viewBox="100 50  400 -400" width="3000" version="1.1"
+	     xmlns="http://www.w3.org/2000/svg">
+	  <desc>NLMSvariants output graph
+	  </desc>
+	<defs>
+	        <pattern id="smallGrid" width="10" height="10" patternUnits="userSpaceOnUse">
+	            <path d="M 10 0 L 0 0 0 10" fill="none" stroke="gray" stroke-width="0.5"></path>
+	        </pattern>
+	        <pattern id="grid10" width="100" height="100" patternUnits="userSpaceOnUse">
+	            <rect width="100" height="100" fill="url(#smallGrid)"></rect>
+	            <path d="M 100 0 L 0 0 0 100" fill="none" stroke="gray" stroke-width="1"></path>
+	        </pattern>
+	    </defs>
+	    <rect fill="white" height="1200" width="3000" y="0"></rect>
+	    <rect fill="url(#grid10)" height="1200" width="3000" y="0"></rect>
+	    <g transform="translate(0,0) scale(1, 1)">
+	        <line class="l1 s-black " stroke="black" x1="-200" x2="3000" y1="400" y2="400"></line>
+	        <line class="l1 s-black " stroke="black" x1="200" x2="200" y1="-200" y2="1200"></line>
+	    </g>
+	    <g transform="translate(200, 400) scale(1,-1)">
+	        <path d="M0 0
+	        <text class="t36 t-mid bold f-black" x="50" y="50">+ +</text>
+	        <text class="t36 t-mid bold f-black" x="-50" y="50">- +</text>
+	        <text class="t36 t-mid bold f-black" x="50" y="-50">+ -</text>
+	        <text class="t36 t-mid bold f-black" x="-50" y="-50">- -</text>
+	    </g>
+	</svg>
+
+
+		<table width = "100%" border = 1>
+		<tr align = "top">
+			<td colspan = "2" bgcolor = "#fefefe">
+			  <h1>
+			    <font color="blue">Eingangswert</font> |
+		            <font color="red">direkter Vorgaenger</font> |
+	 	            <font color="green">letzter Mittelwert</font>
+		          </h1>
+			</td>
+		</tr>
+</body>
+<html>
