Add Select section

index.htm

@@ -82,7 +82,12 @@ <h2>Select</h2>
 
   <p>
     <input type="button" class="btn btn-primary" value="select row" onclick="accessRows();" />
+    <input type="button" class="btn btn-primary" value="select column" onclick="accessColumn();" />
+  </p>
+
+  <p>
     <input class="btn" name="rows" id="rows" placeholder="rows" type="number" />
+    <input class="btn" name="columns" id="columns" placeholder="columns" type="number" />
   </p>
 
 </div>

script.js

@@ -134,6 +134,7 @@ const reshape = (arg) => {
 
 // Select 
 let rows = document.getElementById("rows");
+let columns = document.getElementById("columns");
 
 const access = () => {
   if (variable.value === "") {
@@ -162,3 +163,17 @@ const accessRows = () => {
       document.editor.textbox.value+="\n" + variable.value + "_rows = " + variable.value + "[" + row.value + "::" + rows.value + "]";
   }
 }
+
+const accessColumn = () => {
+  if (variable.value === "") {
+    return alert("Please enter a variable name in the 'Create Tensor' section");
+  } else if (row.value === "") {
+      return alert("Please enter a number in the 'row' field in the 'Tensor functions' section.");
+  } else if (rows.value === "") {
+      return alert("Please enter a number in the 'rows' field in the 'Select' section.");
+  } else if (columns.value === "") {
+      return alert("Please enter a number in the 'columns' field in the 'Select' section.");
+  } else {
+      document.editor.textbox.value+="\n" + variable.value + "_column = " + variable.value + "[" + row.value + ":" + rows.value + ", " + columns.value + "]";
+  }
+}

styles.css

@@ -106,3 +106,6 @@ input[type="number"] {
   width: 60px;
 }
 
+#columns {
+  width: 70px;
+}