From 34f4e3536171e715035e56eae7a1e173d3285161 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?King=20K=C3=A9vin?= <kingkevin@cuvoodoo.info>
Date: Fri, 28 Aug 2015 11:44:03 +0200
Subject: [PATCH] switch input value from range to number

---
 oshw_logo.html | 46 ++++++++++++----------------------------------
 1 file changed, 12 insertions(+), 34 deletions(-)

diff --git a/oshw_logo.html b/oshw_logo.html
index 5ed211d..9bd4012 100644
--- a/oshw_logo.html
+++ b/oshw_logo.html
@@ -21,20 +21,12 @@
 		// draw logo
 		function draw() {
 			// get values
-			var pad_size = parseInt(pad_size_range.value,10)
-			var pad_thickness = parseInt(pad_thickness_range.value,10)
-			var pad_spacing = parseInt(pad_spacing_range.value,10)
-			var pad_chip_spacing = parseInt(pad_chip_spacing_range.value,10)
-			var chip_thickness = parseInt(chip_thickness_range.value,10)
-			var text_thickness = parseInt(text_thickness_range.value,10)
-
-			// display values
-			pad_size_text.innerHTML = pad_size
-			pad_thickness_text.innerHTML = pad_thickness
-			pad_spacing_text.innerHTML = pad_spacing
-			pad_chip_spacing_text.innerHTML = pad_chip_spacing
-			chip_thickness_text.innerHTML = chip_thickness
-			text_thickness_text.innerHTML = text_thickness
+			var pad_size = parseInt(pad_size_input.value,10)
+			var pad_thickness = parseInt(pad_thickness_input.value,10)
+			var pad_spacing = parseInt(pad_spacing_input.value,10)
+			var pad_chip_spacing = parseInt(pad_chip_spacing_input.value,10)
+			var chip_thickness = parseInt(chip_thickness_input.value,10)
+			var text_thickness = parseInt(text_thickness_input.value,10)
 
 			// set values in logo
 			var size = pad_thickness+pad_size+pad_chip_spacing*2+pad_spacing*5+pad_chip_spacing*2+pad_size+pad_thickness
@@ -153,21 +145,7 @@
 			if (logo.unit==unit) {
 				return
 			}
-			// get values
-			var pad_size = parseInt(pad_size_range.value,10)
-			var pad_thickness = parseInt(pad_thickness_range.value,10)
-			var pad_spacing = parseInt(pad_spacing_range.value,10)
-			var pad_chip_spacing = parseInt(pad_chip_spacing_range.value,10)
-			var chip_thickness = parseInt(chip_thickness_range.value,10)
-			var text_thickness = parseInt(text_thickness_range.value,10)
 
-			// display values
-			pad_size_text.innerHTML = pad_size
-			pad_thickness_text.innerHTML = pad_thickness
-			pad_spacing_text.innerHTML = pad_spacing
-			pad_chip_spacing_text.innerHTML = pad_chip_spacing
-			chip_thickness_text.innerHTML = chip_thickness
-			text_thickness_text.innerHTML = text_thickness
 		}
 	</script>
 	<div id="svg"></div>
@@ -182,12 +160,12 @@
 			<option value="in">inch (in)</option>
 			<option value="mil">mil/thou (mil)</option>
 		</select><br />
-		pad size: <input id="pad_size_range" type="range" min="0" max="100" value="30" step="5" onchange="draw()" /> <span id="pad_size_text"></span><br />
-		pad thickness: <input id="pad_thickness_range" type="range" min="1" max="20" value="15" step="1" onchange="draw()" /> <span id="pad_thickness_text"></span><br />
-		pad spacing: <input id="pad_spacing_range" type="range" min="0" max="100" value="20" step="5" onchange="draw()" /> <span id="pad_spacing_text"></span><br />
-		pad-chip spacing: <input id="pad_chip_spacing_range" type="range" min="0" max="100" value="15" step="5" onchange="draw()" /> <span id="pad_chip_spacing_text"></span><br />
-		chip thickness: <input id="chip_thickness_range" type="range" min="1" max="20" value="10" step="1" onchange="draw()" /> <span id="chip_thickness_text"></span><br />
-		text thickness: <input id="text_thickness_range" type="range" min="1" max="20" value="10" step="1" onchange="draw()" /> <span id="text_thickness_text"></span><br />
+		pad size: <input id="pad_size_input" type="number" step="any" value=30 min=0 onchange="draw()"/><br />
+		pad thickness: <input id="pad_thickness_input" type="number" step="any" value=15 min=0 onchange="draw()"/><br />
+		pad spacing: <input id="pad_spacing_input" type="number" step="any" value=20 min=0 onchange="draw()"/><br />
+		pad-chip spacing: <input id="pad_chip_spacing_input" type="number" step="any" value=15 min=0 onchange="draw()"/><br />
+		chip thickness: <input id="chip_thickness_input" type="number" step="any" value=10 min=0 onchange="draw()"/><br />
+		text thickness: <input id="text_thickness_input" type="number" step="any" value=10 min=0 onchange="draw()"/><br />
 		 <button type="button" onclick="download()">save</button>: <select id="filetype">
 			<option value="json">CuVoodoo Land Pattern (.json)</option>
 			<option value="svg">Scalable Vector Graphics (.svg)</option>