2dmatrix tracer created!

Kevin Nadro · Kevin Nadro · commit 25c4cb4421d1 · 2016-06-29T22:23:28.000-07:00
creates a 2dmatrix tracer with input values on it.
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -673,3 +673,7 @@ input[type=number]::-webkit-outer-spin-button {
     z-index: 100;
     background-color: white;
 }
+
+.inputField{
+    width: 16px;
+}
diff --git a/js/create/index.js b/js/create/index.js
@@ -26,6 +26,26 @@ const fauxData = (r, c) => {
     return arr;
 };
 
+const makeInputFields = () =>{
+
+    var table = document.querySelector('.mtbl-table');
+
+    var numRows = getNumRows();
+    var numColumns = getNumColumns();
+
+    for(var i = 0; i < numRows; i++){
+        for(var j = 0; j < numColumns; j++){
+            var elem = document.createElement('input');
+            elem.type = 'Number';
+            elem.value = 1;
+            elem.classList.add('mtbl-col','inputField');
+            table.childNodes[i].childNodes[j].innerHTML = '';
+            table.childNodes[i].childNodes[j].appendChild(elem);
+        }
+    }
+
+};
+
 const setupButtons = () => {
 
     var button_2DMatrix = document.getElementById("button-2DMatrix");
@@ -34,8 +54,9 @@ const setupButtons = () => {
         var numRows = getNumRows();
         var numColumns = getNumColumns();
         var data = fauxData(numRows, numColumns);
-        console.log(data);
+
         arr2DTracer.setData(data);
+        makeInputFields();
     },false);
 };
 

Original file line number	Diff line number	Diff line change
`@@ -673,3 +673,7 @@ input[type=number]::-webkit-outer-spin-button {`
`673`	`673`	`z-index: 100;`
`674`	`674`	`background-color: white;`
`675`	`675`	`}`
	`676`	`+`
	`677`	`+.inputField{`
	`678`	`+ width: 16px;`
	`679`	`+}`