diff --git a/index.html b/index.html index 1844e63..4573ac3 100644 --- a/index.html +++ b/index.html @@ -45,10 +45,12 @@ + - + - + + diff --git a/resources/js/ajax.js b/resources/js/ajax.js index 188289d..ba51c02 100644 --- a/resources/js/ajax.js +++ b/resources/js/ajax.js @@ -15,6 +15,7 @@ function getDir(query) { // push or pop to path list if (query === "/") { + // Process path from cookie and set to array/list if (document.cookie) { var temp = document.cookie.replace("dirQuery=", ""); temp = temp.split("/"); @@ -24,6 +25,7 @@ function getDir(query) { for (var i = 0; i < size; i++) { pathNodes.push(temp[i] + "/"); } + // If no cookie, etup path from root } else { pathNodes.push("." + query); // If in root of server } @@ -40,8 +42,8 @@ function getDir(query) { process(path); } +// Get dir info... function process(path) { - // Get dir info... var xhttp = new XMLHttpRequest(); // Create the xhttp object // This is actually run after open and send are done @@ -49,7 +51,7 @@ function process(path) { if (this.readyState === 4 && this.status === 200) { // Send the returned data to further process if (this.responseXML != null) { - updatePage(this.responseXML); + updateHTMLDirList(this.responseXML); } else { document.getElementById('dynDiv').innerHTML = "

" @@ -63,119 +65,5 @@ function process(path) { xhttp.send(path); // Start the process // Use a cookie for persistence during browser session.... - document.cookie = path +"; path=" + document.URL + "; expires=Sun, 31 Dec 2034 12:00:00 UTC"; -} - -function updatePage(returnData) { - var dirPath = returnData.getElementsByTagName('PATH_HEAD')[0]; - var dirs = returnData.getElementsByTagName('DIR'); - var videos = returnData.getElementsByTagName('VID_FILE'); - var images = returnData.getElementsByTagName('IMG_FILE'); - var files = returnData.getElementsByTagName('FILE'); - var insertArea = document.getElementById('dynDiv'); - var workingDir = dirPath.innerHTML; - var i = 0; - - // Insert dirs - document.getElementById("path").innerHTML = dirPath.innerHTML; - insertArea.innerHTML = ""; - - if (workingDir === "./") { var i = 2 } // Remove ,. and ../ if in "root" - - var size = dirs.length; - for (; i < size; i++) { - var dir = dirs[i].innerHTML; - - if (dir != "resources/") { - insertArea.innerHTML += "

" - + "" - +""; - } - } - - // Insert videos - size = videos .length; - for (i = 0; i < size; i++) { - var thumbnail = videos[i].children[0].innerHTML; - var vidNme = videos[i].children[1].innerHTML; - - insertArea.innerHTML += "" - + "\""" - + "" - + ""; - } - - // Insert images - var path = document.getElementById("path").innerHTML; - size = images.length; - - for (i = 0; i < size; i++) { - var thumbnail = images[i].children[0].innerHTML; - - if (!thumbnail.includes("favicon.png") && !thumbnail.includes("000.png") && - !thumbnail.includes("000.jpg") && !thumbnail.includes("000.gif")) { - insertArea.innerHTML += "\"""; - } - } - - if (images[0] != undefined) { - if (images[0].children[0].innerHTML.includes("000.jpg") || - images[0].children[0].innerHTML.includes("000.png") || - images[0].children[0].innerHTML.includes("000.gif")) { - updateBG(path + images[0].children[0].innerHTML); - } else { - updateBG("resources/images/backgrounds/000.jpg"); - } - } else { - updateBG("resources/images/backgrounds/000.jpg"); - } - - // Insert files - size = files.length; - for (i = 0; i < size; i++) { - var fileName = files[i].children[0].innerHTML; - var iconImg = ""; - } else if (fileName.includes(".7z") || fileName.includes(".7zip") || - fileName.includes(".zip") || fileName.includes(".tar.gz") || - fileName.includes(".tar.xz") || fileName.includes(".gz") || - fileName.includes(".rar") || fileName.includes(".jar")) { - iconImg += " src=\"resources/images/icons/arc.png\" />"; - } else if (fileName.includes(".pdf")) { - iconImg += " src=\"resources/images/icons/pdf.png\" />"; - } else if (fileName.includes(".html")) { - iconImg += " src=\"resources/images/icons/html.png\" />"; - } else if (fileName.includes(".txt") || fileName.includes(".conf")) { - iconImg += " src=\"resources/images/icons/text.png\" />"; - } else if (fileName.includes(".iso") || fileName.includes(".img")) { - iconImg += " src=\"resources/images/icons/img.png\" />"; - } else if (fileName.includes(".sh") || fileName.includes(".batch") || - fileName.includes(".exe")) { - iconImg += " src=\"resources/images/icons/scrip.png\" />"; - } else { - iconImg += " src=\"resources/images/icons/bin.png\" />"; - } - - if (fileName != "sse.php" && fileName != "upload.php" && - fileName != "open.php" && fileName != "process.php") { - insertArea.innerHTML += "
" - + iconImg - + "" - + ""; - } - } + document.cookie = path + "; expires=Sun, 31 Dec 2034 12:00:00 UTC"; } diff --git a/resources/js/xmlParser.js b/resources/js/xmlParser.js new file mode 100644 index 0000000..fe55229 --- /dev/null +++ b/resources/js/xmlParser.js @@ -0,0 +1,114 @@ + +function updateHTMLDirList(returnData) { + var dirPath = returnData.getElementsByTagName('PATH_HEAD')[0]; + var dirs = returnData.getElementsByTagName('DIR'); + var videos = returnData.getElementsByTagName('VID_FILE'); + var images = returnData.getElementsByTagName('IMG_FILE'); + var files = returnData.getElementsByTagName('FILE'); + var insertArea = document.getElementById('dynDiv'); + var workingDir = dirPath.innerHTML; + var i = 0; + + // Insert dirs + document.getElementById("path").innerHTML = dirPath.innerHTML; + insertArea.innerHTML = ""; + + if (workingDir === "./") { var i = 2 } // Remove ,. and ../ if in "root" + + var size = dirs.length; + for (; i < size; i++) { + var dir = dirs[i].innerHTML; + + if (dir != "resources/") { + insertArea.innerHTML += "
" + + "" + +""; + } + } + + // Insert videos + size = videos .length; + for (i = 0; i < size; i++) { + var thumbnail = videos[i].children[0].innerHTML; + var vidNme = videos[i].children[1].innerHTML; + + insertArea.innerHTML += "" + + "\""" + + "" + + ""; + } + + // Insert images + var path = document.getElementById("path").innerHTML; + size = images.length; + + for (i = 0; i < size; i++) { + var thumbnail = images[i].children[0].innerHTML; + + if (!thumbnail.includes("favicon.png") && !thumbnail.includes("000.png") && + !thumbnail.includes("000.jpg") && !thumbnail.includes("000.gif")) { + insertArea.innerHTML += "\"""; + } + } + + if (images[0] != undefined) { + if (images[0].children[0].innerHTML.includes("000.jpg") || + images[0].children[0].innerHTML.includes("000.png") || + images[0].children[0].innerHTML.includes("000.gif")) { + updateBG(path + images[0].children[0].innerHTML); + } else { + updateBG("resources/images/backgrounds/000.jpg"); + } + } else { + updateBG("resources/images/backgrounds/000.jpg"); + } + + // Insert files + size = files.length; + for (i = 0; i < size; i++) { + var fileName = files[i].children[0].innerHTML; + var iconImg = ""; + } else if (fileName.includes(".7z") || fileName.includes(".7zip") || + fileName.includes(".zip") || fileName.includes(".tar.gz") || + fileName.includes(".tar.xz") || fileName.includes(".gz") || + fileName.includes(".rar") || fileName.includes(".jar")) { + iconImg += " src=\"resources/images/icons/arc.png\" />"; + } else if (fileName.includes(".pdf")) { + iconImg += " src=\"resources/images/icons/pdf.png\" />"; + } else if (fileName.includes(".html")) { + iconImg += " src=\"resources/images/icons/html.png\" />"; + } else if (fileName.includes(".txt") || fileName.includes(".conf")) { + iconImg += " src=\"resources/images/icons/text.png\" />"; + } else if (fileName.includes(".iso") || fileName.includes(".img")) { + iconImg += " src=\"resources/images/icons/img.png\" />"; + } else if (fileName.includes(".sh") || fileName.includes(".batch") || + fileName.includes(".exe")) { + iconImg += " src=\"resources/images/icons/scrip.png\" />"; + } else { + iconImg += " src=\"resources/images/icons/bin.png\" />"; + } + + if (fileName != "sse.php" && fileName != "upload.php" && + fileName != "open.php" && fileName != "process.php") { + insertArea.innerHTML += "
" + + iconImg + + "" + + ""; + } + } +}