select table rows and edit user

app/public/js/select_table.js

@@ -0,0 +1,43 @@
+//wait for html site to be ready before executing init()
+if (document.readyState == "complete") {
+    init();
+} else {
+    document.addEventListener("DOMContentLoaded", init);
+}
+
+function init() {
+    if(document.getElementById('table') != null) {
+        highlight_row();
+    }
+}
+
+var selected = null;
+
+function highlight_row() {
+    var table = document.getElementById('table');
+    var cells = table.getElementsByTagName('td');
+    
+    for( var i = 0; i < cells.length; i++) {
+        var cell = cells[i];
+        cell.onclick = function() {
+            var rowId = this.parentNode.rowIndex;
+            var rowsNotSelected = table.getElementsByTagName('tr');
+            for ( var row = 0; row < rowsNotSelected.length; row++) {
+                rowsNotSelected[row].style.backgroundColor = "";
+                rowsNotSelected[row].classList.remove('selected');
+            }
+            var rowSelected = table.getElementsByTagName('tr')[rowId];
+            if (selected != null && selected == rowId) {
+                selected = null;
+                rowSelected.style.backgroundColor = "";
+                rowSelected.classList.remove('selected');
+                document.getElementsByClassName("edit")[0].disabled = true;
+            } else {
+                selected = rowId;
+                rowSelected.style.backgroundColor = "yellow";
+                rowSelected.className += " selected";
+                document.getElementsByClassName("edit")[0].disabled = false;
+            }
+        }
+    }
+}