atreyabain/nodejs-fm
1
0
Fork 0
Code Issues Pull Requests Wiki Activity

General updates

Browse Source
This commit is contained in:
Atreya Bain
2019-05-23 20:23:32 +05:30
parent 13b8670e62
commit d1e0f2a907
5 changed files with 94 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
static/base.js
View File

@@ -1,19 +1,23 @@
let currDir = {'loc':'','contents':null};
let currSel = {'loc':'','path':''}
function doUpdate(ele){
console.log(ele.attr('data-choice'));
function doUpdate(ele,isDir=false){
//console.log(ele.attr('data-choice'));
if(ele.hasClass('file-isDir')){
currDir.loc = ele.attr('data-choice');
populateContents();
}
if(!isDir){
$('.nav-bottom-text').html(ele.html())
}
//$()
//$(this).
}
function updateContents(contents){
console.log(contents)
//console.log(contents)
// Change top header contents
$('#files-location').html(currDir.loc)
@@ -24,13 +28,14 @@ function updateContents(contents){
}
else
{
$('#files-table').empty();
$('#files-table').hide().empty();
contents.contents.forEach(element => {
$('#files-table').append(`<tr class="files-row"><td onclick="doUpdate($(this))" class="file-name ${(element.isDir?'file-isDir':'file-isFile')}" data-choice="${element.path}">${element.name}</td><td class="file-handlers"></td></tr>`)
$('#files-table').append(`<tr class="files-row box-shadow-1-active"><td onclick="doUpdate($(this),${element.isDir})" class="file-name ${(element.isDir?'file-isDir':'file-isFile')}" data-choice="${element.path}">${element.name}</td></tr>`)
});
if(contents.back!=null){
$('#files-table').prepend(`<tr class="files-row"><td onclick="doUpdate($(this))" class="file-name file-isDir file-isBack" data-choice="${contents.back}">..</td><td class="file-handlers"></td></tr>`)
$('#files-table').prepend(`<tr class="files-row box-shadow-1-active"><td onclick="doUpdate($(this))" class="file-name file-isDir file-isBack" data-choice="${contents.back}">..</td></tr>`)
}
$('#files-table').fadeIn()
}
}

4
static/index.html
View File

@@ -21,7 +21,7 @@
<thead>
<tr>
<td>File Name</td>
<td>Actions</td>
</tr>
</thead>
<tbody id="files-table">
@@ -44,7 +44,7 @@
<button class="nav-bottom-button box-shadow-3 box-shadow-3-active">+</button>
</div>
<div class="nav-bottom box-shadow-3">
<span class="nav-bottom-text">NAV-BOTTOM</span>
<span class="nav-bottom-text">Select file</span>
</div>
</div>
</body>