Split some js files added logic comments
This commit is contained in:
parent
f1275e3152
commit
84fcd61e9c
|
@ -45,10 +45,12 @@
|
||||||
<menuitem label="Delete File/Directory" onclick="deleteItem()"></menuitem>
|
<menuitem label="Delete File/Directory" onclick="deleteItem()"></menuitem>
|
||||||
</menu>
|
</menu>
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="resources/js/ajax.js" charset="utf-8"></script>
|
<script type="text/javascript" src="resources/js/ajax.js" charset="utf-8"></script>
|
||||||
<script type="text/javascript" src="resources/js/uiEvents.js" charset="utf-8"></script>
|
<script type="text/javascript" src="resources/js/xmlParser.js" charset="utf-8"></script>
|
||||||
<script type="text/javascript" src="resources/js/uiControls.js" charset="utf-8"></script>
|
<script type="text/javascript" src="resources/js/uiControls.js" charset="utf-8"></script>
|
||||||
<script type="text/javascript" src="resources/js/dragContainerEvents.js" charset="utf-8"></script>
|
|
||||||
<script type="text/javascript" src="resources/js/fileSystemControls.js" charset="utf-8"></script>
|
<script type="text/javascript" src="resources/js/fileSystemControls.js" charset="utf-8"></script>
|
||||||
|
<script type="text/javascript" src="resources/js/uiEvents.js" charset="utf-8"></script>
|
||||||
|
<script type="text/javascript" src="resources/js/dragContainerEvents.js" charset="utf-8"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -15,6 +15,7 @@ function getDir(query) {
|
||||||
|
|
||||||
// push or pop to path list
|
// push or pop to path list
|
||||||
if (query === "/") {
|
if (query === "/") {
|
||||||
|
// Process path from cookie and set to array/list
|
||||||
if (document.cookie) {
|
if (document.cookie) {
|
||||||
var temp = document.cookie.replace("dirQuery=", "");
|
var temp = document.cookie.replace("dirQuery=", "");
|
||||||
temp = temp.split("/");
|
temp = temp.split("/");
|
||||||
|
@ -24,6 +25,7 @@ function getDir(query) {
|
||||||
for (var i = 0; i < size; i++) {
|
for (var i = 0; i < size; i++) {
|
||||||
pathNodes.push(temp[i] + "/");
|
pathNodes.push(temp[i] + "/");
|
||||||
}
|
}
|
||||||
|
// If no cookie, etup path from root
|
||||||
} else {
|
} else {
|
||||||
pathNodes.push("." + query); // If in root of server
|
pathNodes.push("." + query); // If in root of server
|
||||||
}
|
}
|
||||||
|
@ -40,8 +42,8 @@ function getDir(query) {
|
||||||
process(path);
|
process(path);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Get dir info...
|
||||||
function process(path) {
|
function process(path) {
|
||||||
// Get dir info...
|
|
||||||
var xhttp = new XMLHttpRequest(); // Create the xhttp object
|
var xhttp = new XMLHttpRequest(); // Create the xhttp object
|
||||||
|
|
||||||
// This is actually run after open and send are done
|
// This is actually run after open and send are done
|
||||||
|
@ -49,7 +51,7 @@ function process(path) {
|
||||||
if (this.readyState === 4 && this.status === 200) {
|
if (this.readyState === 4 && this.status === 200) {
|
||||||
// Send the returned data to further process
|
// Send the returned data to further process
|
||||||
if (this.responseXML != null) {
|
if (this.responseXML != null) {
|
||||||
updatePage(this.responseXML);
|
updateHTMLDirList(this.responseXML);
|
||||||
} else {
|
} else {
|
||||||
document.getElementById('dynDiv').innerHTML =
|
document.getElementById('dynDiv').innerHTML =
|
||||||
"<p class=\"error\" style=\"width:100%;text-align:center;\"> "
|
"<p class=\"error\" style=\"width:100%;text-align:center;\"> "
|
||||||
|
@ -63,119 +65,5 @@ function process(path) {
|
||||||
xhttp.send(path); // Start the process
|
xhttp.send(path); // Start the process
|
||||||
|
|
||||||
// Use a cookie for persistence during browser session....
|
// Use a cookie for persistence during browser session....
|
||||||
document.cookie = path +"; path=" + document.URL + "; expires=Sun, 31 Dec 2034 12:00:00 UTC";
|
document.cookie = path + "; 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 += "<div class=\"dirStyle\"> <img id=\"dirID\""
|
|
||||||
+" class=\"systemIcon\" src=\"resources/images/icons/folder.png\" />"
|
|
||||||
+ "<input type=\"text\" id=\"titleID\" class=\"dirTitle\""
|
|
||||||
+ " readonly=\"true\" value=\"" + dir + "\" "
|
|
||||||
+ " onfocusout=\"disableEdits(this)\"/>"
|
|
||||||
+"</dir>";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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 += "<span class=\"movieStyle\" title=\"" + vidNme + "\" >"
|
|
||||||
+ "<img id=\"movieID\" class=\"thumbnail\""
|
|
||||||
+ " src=\"" + thumbnail + "\" alt=\"" + vidNme + "\" />"
|
|
||||||
+ "<input type=\"text\" id=\"titleID\" class=\"movieTitle\""
|
|
||||||
+ " readonly=\"true\"" + " value=\"" + vidNme + "\" "
|
|
||||||
+ " onfocusout=\"disableEdits(this)\"/>"
|
|
||||||
+ "</span>";
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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 += "<img id=\"imageID\" class=\"iconImg\""
|
|
||||||
+ " src=\"" + path + thumbnail
|
|
||||||
+ "\" alt=\"" + thumbnail + "\"/>";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
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 = "<img id=\"fileID\" class=\"systemIcon\"";
|
|
||||||
|
|
||||||
if (fileName.includes(".doc") || fileName.includes(".docx") ||
|
|
||||||
fileName.includes(".xls") || fileName.includes(".xlsx") ||
|
|
||||||
fileName.includes(".rtf")) {
|
|
||||||
iconImg += " src=\"resources/images/icons/doc.png\" />";
|
|
||||||
} 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 += "<div class=\"fileStyle\">"
|
|
||||||
+ iconImg
|
|
||||||
+ "<input type=\"text\" id=\"titleID\" class=\"fileTitle\""
|
|
||||||
+ " readonly=\"true\"" + " value=\"" + fileName + "\" "
|
|
||||||
+ " onfocusout=\"disableEdits(this)\"/>"
|
|
||||||
+ "</dir>";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 += "<div class=\"dirStyle\"> <img id=\"dirID\""
|
||||||
|
+" class=\"systemIcon\" src=\"resources/images/icons/folder.png\" />"
|
||||||
|
+ "<input type=\"text\" id=\"titleID\" class=\"dirTitle\""
|
||||||
|
+ " readonly=\"true\" value=\"" + dir + "\" "
|
||||||
|
+ " onfocusout=\"disableEdits(this)\"/>"
|
||||||
|
+"</dir>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 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 += "<span class=\"movieStyle\" title=\"" + vidNme + "\" >"
|
||||||
|
+ "<img id=\"movieID\" class=\"thumbnail\""
|
||||||
|
+ " src=\"" + thumbnail + "\" alt=\"" + vidNme + "\" />"
|
||||||
|
+ "<input type=\"text\" id=\"titleID\" class=\"movieTitle\""
|
||||||
|
+ " readonly=\"true\"" + " value=\"" + vidNme + "\" "
|
||||||
|
+ " onfocusout=\"disableEdits(this)\"/>"
|
||||||
|
+ "</span>";
|
||||||
|
}
|
||||||
|
|
||||||
|
// 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 += "<img id=\"imageID\" class=\"iconImg\""
|
||||||
|
+ " src=\"" + path + thumbnail
|
||||||
|
+ "\" alt=\"" + thumbnail + "\"/>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
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 = "<img id=\"fileID\" class=\"systemIcon\"";
|
||||||
|
|
||||||
|
if (fileName.includes(".doc") || fileName.includes(".docx") ||
|
||||||
|
fileName.includes(".xls") || fileName.includes(".xlsx") ||
|
||||||
|
fileName.includes(".rtf")) {
|
||||||
|
iconImg += " src=\"resources/images/icons/doc.png\" />";
|
||||||
|
} 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 += "<div class=\"fileStyle\">"
|
||||||
|
+ iconImg
|
||||||
|
+ "<input type=\"text\" id=\"titleID\" class=\"fileTitle\""
|
||||||
|
+ " readonly=\"true\"" + " value=\"" + fileName + "\" "
|
||||||
|
+ " onfocusout=\"disableEdits(this)\"/>"
|
||||||
|
+ "</dir>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue