Broken and basic traversal only

static/base.js

@@ -1,19 +1,33 @@
 
 let currDir = {'loc':'','contents':null};
 
+
+function doUpdate(ele){
+    console.log(ele.attr('data-choice'));
+    if(ele.hasClass('file-isDir')){
+        currDir.loc = currDir.loc+ "/"+ ele.attr('data-choice');
+        populateContents();
+    }
+    //$()
+    //$(this).
+}
+
 function updateContents(contents){
-    console.log(contents)
-    $('#files-location').html(contents.loc)
+    //console.log(contents)
+    $('#files-location').html(currDir.loc)
     if(contents===null) $('#files-table').append(`<tr><td>null</td><td class="file-handlers"></td></tr>`)
     else
-    contents.contents.forEach(element => {
-        $('#files-table').append(`<tr><td class="file-name ${(element.type?'file-isDir':'file-isFile')}">${element.name}</td><td class="file-handlers"></td></tr>`)
-    });
+    {
+        $('#files-table').empty();
+        contents.contents.forEach(element => {
+            $('#files-table').append(`<tr class="files-row"><td onclick="doUpdate($(this))" class="file-name ${(element.type?'file-isDir':'file-isFile')}" data-choice="${element.name}">${element.name}</td><td class="file-handlers"></td></tr>`)
+        });
+    }
 }
 
 //set table details
 function populateContents(){
-    $.ajax('/files/ls'+currDir.loc,{
+    $.ajax('/files/ls',{
         method:'post',
         data: currDir,
         success:(msg)=>{