+
".$fileName."
+
+
+ ";
+ }
+ }
+ }
+?>
+
+
\ No newline at end of file
diff --git a/includes/openFile.php b/includes/openFile.php
new file mode 100644
index 00000000..b89eba6c
--- /dev/null
+++ b/includes/openFile.php
@@ -0,0 +1,67 @@
+ $nameData,
+ "extension" => $extensionData,
+ "objectDirPath" => $localDirPath.$file,
+ ];
+ echo json_encode($arrayData);
+ }
+ }
+ }
+
+ }
+ closedir($dh);
+ }else
+ echo "No es ruta valida"; +} + +dblClick($ruta); + +// else{ +// $nameData = $file; +// $dateData = date("d/m/Y", filemtime($ruta."/".$Name)); +// $modificationData = date("d/m/Y", fileatime($ruta."/".$Name)); +// $sizeData = "null"; +// $extensionData = "null"; +// $arrayData = [ +// "name" => $nameData, +// "dataCreation" => $dateData, +// "modification" => $modificationData, +// "size" => $sizeData, +// "extension" => $extensionData, +// ]; +// echo json_encode($arrayData); +// } +?> diff --git a/includes/showData.php b/includes/showData.php new file mode 100644 index 00000000..497f0cc8 --- /dev/null +++ b/includes/showData.php @@ -0,0 +1,54 @@ + $nameData, + "dataCreation" => $dateData, + "modification" => $modificationData, + "size" => $sizeData, + "extension" => $extensionData, + ]; + echo json_encode($arrayData); + }else{ + $nameData = $file; + $dateData = date("d/m/Y", filemtime($ruta."/".$Name)); + $modificationData = date("d/m/Y", fileatime($ruta."/".$Name)); + $sizeData = "null"; + $extensionData = "null"; + $arrayData = [ + "name" => $nameData, + "dataCreation" => $dateData, + "modification" => $modificationData, + "size" => $sizeData, + "extension" => $extensionData, + ]; + echo json_encode($arrayData); + } + } + + } + closedir($dh); + + }else + echo "
No es ruta valida"; +} +listar_directorios_ruta($ruta); \ No newline at end of file diff --git a/includes/updateDir.php b/includes/updateDir.php new file mode 100644 index 00000000..4031960c --- /dev/null +++ b/includes/updateDir.php @@ -0,0 +1,21 @@ +"; + $_SESSION['currentPath'] = $_SESSION['base_url'] . "/root"; + $_SESSION['mainRootPath'] = $_SESSION['base_url'] . "/root"; + + }else if(isset($_GET['updateDir'])){ + + $_SESSION['currentPath'] = $_GET['updateDir']; + header("Location: ../index.php"); + } + + // echo $_SESSION['currentPath']; + // echo "I am the main root path --> ".$_SESSION['mainRootPath']; + +?> \ No newline at end of file diff --git a/includes/updateDirNavBar.php b/includes/updateDirNavBar.php new file mode 100644 index 00000000..6dae0c17 --- /dev/null +++ b/includes/updateDirNavBar.php @@ -0,0 +1,34 @@ + + My Unity + "; + // + + // Aux variable for dir path + $hrefDirPath = "/"; + + for($i = $startIndexNavbar; $i < sizeof($splitMainPath); $i++){ + + // Rendering NavBar in relation to Main path + $hrefDirPath = $hrefDirPath.$splitMainPath[$i]; + // $hrefDirPath = $hrefDirPath.$splitMainPath[$i]."/"; + echo " + /". + $splitMainPath[$i]." + "; + + $hrefDirPath = $hrefDirPath."/"; + } + + } + +?> \ No newline at end of file diff --git a/includes/updateName.php b/includes/updateName.php new file mode 100644 index 00000000..12fd3050 --- /dev/null +++ b/includes/updateName.php @@ -0,0 +1,70 @@ + \ No newline at end of file diff --git a/includes/uploadFile.php b/includes/uploadFile.php new file mode 100644 index 00000000..cef1ef27 --- /dev/null +++ b/includes/uploadFile.php @@ -0,0 +1,79 @@ + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 00000000..9a05eee4 --- /dev/null +++ b/index.php @@ -0,0 +1,203 @@ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ user
+
+
+
+ +
+
+ +
+
+
+
+
+
+ ".
+ renderDirBrowsingNavBar().
+ "
";
+ // My Unity
+ ?>
+
+
+
+
+
+
+
+
My Unity
+ + +
+
+
+
+ Aún no tienes ningún elemento seleccionado, para saber su información, debes seleccionarlo.
+ +
+
+
+
Documents
+
+
+
+
Audio
+
+
+
+
Video
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/formValidation.js b/js/formValidation.js
new file mode 100644
index 00000000..d8c8ebb5
--- /dev/null
+++ b/js/formValidation.js
@@ -0,0 +1,60 @@
+// Rename Validation
+function renameValidation() {
+ let currentName = document.forms["renameForm"]["oldName"].value;
+ let newName = document.forms["renameForm"]["newName"].value;
+ let allowedExtensions = [
+ "doc",
+ "csv",
+ "jpg",
+ "png",
+ "txt",
+ "ppt",
+ "odt",
+ "pdf",
+ "zip",
+ "rar",
+ "exe",
+ "svg",
+ "mp3",
+ "mp4",
+ ];
+
+ if (currentName === newName) {
+ alert("The new name needs to be different to the current name");
+ return false;
+ } else if (currentName !== newName && currentName.indexOf(".") > -1) {
+ let splitCurrentName = currentName.split(".");
+ let splitNewName = newName.split(".");
+
+ if (
+ splitCurrentName[splitCurrentName.length - 1] !==
+ splitNewName[splitNewName.length - 1]
+ ) {
+ alert("The file extension cannot be changed");
+ return false;
+ } else {
+ return true;
+ }
+ } else if (currentName !== newName && currentName.indexOf(".") === -1) {
+ if (newName.indexOf(".") > -1) {
+ let splitNewFolderName = newName.split(".");
+ let unnecessaryExtension = false;
+
+ for (let i = 0; i < allowedExtensions.length; i++) {
+ if (
+ splitNewFolderName[splitNewFolderName.length - 1] ===
+ allowedExtensions[i]
+ ) {
+ unnecessaryExtension = true;
+ }
+ }
+ if (unnecessaryExtension === true) {
+ alert("A folder does not need an extension");
+ return false;
+ } else {
+ return true;
+ }
+ }
+ return true;
+ }
+}
diff --git a/js/fuctionOnClick.js b/js/fuctionOnClick.js
new file mode 100644
index 00000000..0477d297
--- /dev/null
+++ b/js/fuctionOnClick.js
@@ -0,0 +1,123 @@
+/*$( "#target" ).dblclick(function() {
+ alert( "Handler for .dblclick() called." );
+});*/
+
+function handleEvents() {
+ /* Click event */
+
+ document.addEventListener("click", (e) => {
+ // console.log("estoy dentro pero no hago el click");
+ if (e.target.matches(".clickMe>*")) {
+ var prueba = e.target.dataset.id;
+ var formId = new FormData();
+ formId.append("prueba", prueba);
+ $.ajax({
+ type: "POST",
+ url: "includes/showData.php",
+ data: formId,
+ dataType: "json",
+ //asycn:false,
+ cache: false,
+ contentType: false,
+ processData: false,
+ success: function (data) {
+ // console.log(data);
+ if (data === null) {
+ } else {
+ //$("#name").remove();
+ $("#icon").hide();
+ let iconClass = "";
+
+ if (data.size == "null" && data.extension == "null") {
+ $("#infoContainer").hide();
+ $("#container").show();
+ $("#labelCreate").show();
+ $("#labelName").show();
+ $("#dateCreation").show();
+ $("#labelModification").show();
+ $("#labelSize").hide();
+ $("#labelExtension").hide();
+ $("#size").hide();
+ $("#extension").hide();
+ $("#titleName").text(data.name);
+ $("#name").text(data.name);
+ $("#dateCreation").text(data.dataCreation);
+ $("#modification").text(data.modification);
+ iconClass = "bi bi-folder-fill";
+ $("#iconTitle").attr("class", iconClass);
+ $("#iconTitle").show();
+ }
+ if (data.size !== "null" && data.extension !== "null") {
+ $("#infoContainer").hide();
+ $("#container").show();
+ $("#labelName").show();
+ $("#labelCreate").show();
+ $("#dateCreation").show();
+ $("#labelModification").show();
+ $("#labelSize").show();
+ $("#labelExtension").show();
+ $("#size").show();
+ $("#extension").show();
+ $("#titleName").text(data.name);
+ $("#name").text(data.name);
+ $("#dateCreation").text(data.dataCreation);
+ $("#modification").text(data.modification);
+ $("#size").text(data.size);
+ $("#extension").text(data.extension);
+ // Choosing file extension icon to render
+ switch (data.extension) {
+ case ".doc":
+ iconClass = "bi bi-file-word-fill";
+ break;
+ case ".csv":
+ iconClass = "bi bi-file-excel-fill";
+ break;
+ case ".jpg":
+ iconClass = "bi bi-file-image-fill";
+ break;
+ case ".png":
+ iconClass = "bi bi-file-image-fill";
+ break;
+ case ".txt":
+ iconClass = "bi bi-file-text-fill";
+ break;
+ case ".ppt":
+ iconClass = "bi bi-file-ppt-fill";
+ break;
+ case ".odt":
+ iconClass = "bi bi-file-word-fill";
+ break;
+ case ".pdf":
+ iconClass = "bi bi-file-pdf-fill";
+ break;
+ case ".zip":
+ iconClass = "bi bi-file-zip-fill";
+ break;
+ case ".rar":
+ iconClass = "bi bi-file-zip-fill";
+ break;
+ case ".exe":
+ iconClass = "bi bi-file-code-fill";
+ break;
+ case ".svg":
+ iconClass = "bi bi-file-image-fill";
+ break;
+ case ".mp3":
+ iconClass = "bi bi-file-music-fill";
+ break;
+ default:
+ iconClass = "bi bi-file-play-fill";
+ break;
+ }
+
+ $("#iconTitle").attr("class", iconClass);
+ $("#iconTitle").show();
+ }
+ }
+ },
+ });
+ }
+ });
+}
+
+handleEvents();
diff --git a/js/functionOnDblCick.js b/js/functionOnDblCick.js
new file mode 100644
index 00000000..494add46
--- /dev/null
+++ b/js/functionOnDblCick.js
@@ -0,0 +1,57 @@
+function handleDblClickEvents() {
+ document.addEventListener("dblclick", (e) => {
+ if (e.target.matches(".clickMe>*")) {
+ let filename = e.target.dataset.id;
+ let formDbl = new FormData();
+ console.log("filename--> ", filename);
+ formDbl.append("filename", filename);
+ $.ajax({
+ type: "POST",
+ url: "includes/openFile.php",
+ data: formDbl,
+ dataType: "json",
+ //asycn:false,
+ cache: false,
+ contentType: false,
+ processData: false,
+ success: function (data) {
+ if (data === null) {
+ console.log("Something went wrong.");
+ } else {
+ console.log("data.objectDirPath --> ", data.objectDirPath);
+ if (
+ data.extension === "jpg" ||
+ data.extension === "png" ||
+ data.extension === "svg"
+ ) {
+ $(".renderFileSection").show();
+ $("#createFolderBackground").show();
+ $("#renderImg").attr("src", data.objectDirPath);
+ $("#renderAudio").hide();
+ $("#renderVideo").hide();
+ $("#renderImg").show();
+ } else if (data.extension === "mp3") {
+ $(".renderFileSection").show();
+ $("#createFolderBackground").show();
+ $("#renderAudio").attr("src", data.objectDirPath);
+ $("#renderImg").hide();
+ $("#renderVideo").hide();
+ $("#renderAudio").show();
+ } else if (data.extension === "mp4") {
+ $(".renderFileSection").show();
+ $("#createFolderBackground").show();
+ $("#renderVideo").attr("src", data.objectDirPath);
+ $("#renderImg").hide();
+ $("#renderAudio").hide();
+ $("#renderVideo").show();
+ console.log("data.name -->", data.name);
+ console.log("data.extension -->", data.extension);
+ }
+ }
+ },
+ });
+ }
+ });
+}
+
+handleDblClickEvents();
diff --git a/js/render.js b/js/render.js
new file mode 100644
index 00000000..3396ac56
--- /dev/null
+++ b/js/render.js
@@ -0,0 +1,103 @@
+// ------------ Global vars ---------------
+var relativeX;
+var relativeY;
+
+// ----------- Adding listeners -----------
+
+// New options panel
+$("#addNew").on("click", showNewOptions);
+$("#newOptionsPanelBackground").on("click", hideNewOptions);
+
+// Folder form panel
+$("#createFolder").on("click", showCreateFolderForm);
+$("#createFolderBackground").on("click", hideCreateFolderForm);
+$("#cancelBtnForm").on("click", hideCreateFolderForm);
+$("#closeCreateFolderBtn").on("click", hideCreateFolderForm);
+
+// Render fileDir options panel
+// $(".renderOptions").on("click", showFileDirOptions);
+// $("#newOptionsPanelBackground").on("click", hideFileDirOptions);
+
+// Rename form panel
+$(".bi-pencil-square").on("click", showRenameForm);
+$("#createFolderBackground").on("click", hideRenameForm);
+$("#closeRenameFolderBtn").on("click", hideRenameForm);
+$("#cancelRenameBtnForm").on("click", hideRenameForm);
+
+// OpenFile panel
+$("#createFolderBackground").on("click", hideOpenFile);
+
+// -------- Render Functions -----------
+function showNewOptions(event) {
+ if (
+ $("#newOptionsPanel").css("display") === "none" &&
+ event.target.id === "addNew"
+ ) {
+ $("#newOptionsPanelBackground").show();
+ $("#newOptionsPanel").show();
+ }
+}
+
+function hideNewOptions() {
+ $("#newOptionsPanel").hide();
+ $("#newOptionsPanelBackground").hide();
+}
+
+function showCreateFolderForm() {
+ $("#newOptionsPanel").hide();
+ $("#newOptionsPanelBackground").hide();
+ $("#createFolderForm").show();
+ $("#createFolderBackground").show();
+}
+
+function hideCreateFolderForm() {
+ $("#createFolderForm").hide();
+ $("#createFolderBackground").hide();
+}
+
+// function showFileDirOptions(event) {
+// getCurrentName(event);
+// // getWindowXY(event);
+// $("#fileDirOptionsPanel").css("top", relativeY);
+// $("#fileDirOptionsPanel").css("left", relativeX);
+// $("#fileDirOptionsPanel").show();
+// $("#newOptionsPanelBackground").show();
+// // console.log("$('#oldName').value -->", $("#oldName").val());
+// }
+
+// function hideFileDirOptions() {
+// $("#fileDirOptionsPanel").hide();
+// $("#newOptionsPanelBackground").hide();
+// }
+
+function showRenameForm(event) {
+ getCurrentName(event);
+ console.log("$('#oldName').value -->", $("#oldName").val());
+ $("#renamerForm").show();
+ $("#createFolderBackground").show();
+}
+
+function hideRenameForm() {
+ $("#renamerForm").hide();
+ $("#createFolderBackground").hide();
+}
+
+function hideOpenFile() {
+ $(".renderFileSection").hide();
+ $("#createFolderBackground").hide();
+}
+// --------- Other functions --------------
+// function getWindowXY(event) {
+// relativeX = event.pageX;
+// relativeY = event.pageY;
+// }
+
+function getCurrentName(event) {
+ console.log("event.target -->", event.target);
+ let notCroppedID = event.target.id;
+ let oldName = "";
+ if (notCroppedID.indexOf("Rename")) {
+ oldName = notCroppedID.replace("Rename", "");
+ }
+ $("#oldName").attr("value", oldName);
+}
diff --git a/root/Disc_profile_pic_looking_good.png b/root/Disc_profile_pic_looking_good.png
new file mode 100644
index 00000000..30ee0192
Binary files /dev/null and b/root/Disc_profile_pic_looking_good.png differ
diff --git a/root/Hola.txt b/root/Hola.txt
new file mode 100644
index 00000000..e69de29b
diff --git a/root/WireFrame-04.jpg b/root/WireFrame-04.jpg
new file mode 100644
index 00000000..12e3231b
Binary files /dev/null and b/root/WireFrame-04.jpg differ
diff --git a/root/aaa.txt b/root/aaa.txt
new file mode 100644
index 00000000..e69de29b
diff --git a/root/calculator-dark.jpg b/root/calculator-dark.jpg
new file mode 100644
index 00000000..91bdcadf
Binary files /dev/null and b/root/calculator-dark.jpg differ
diff --git a/root/foto.jpg b/root/foto.jpg
new file mode 100644
index 00000000..dda8f35d
Binary files /dev/null and b/root/foto.jpg differ
diff --git a/root/horse.mp3 b/root/horse.mp3
new file mode 100644
index 00000000..5d1e6a91
Binary files /dev/null and b/root/horse.mp3 differ
diff --git a/root/maxresdefault.jpg b/root/maxresdefault.jpg
new file mode 100644
index 00000000..86328a95
Binary files /dev/null and b/root/maxresdefault.jpg differ
diff --git a/root/movie.mp4 b/root/movie.mp4
new file mode 100644
index 00000000..3b468401
Binary files /dev/null and b/root/movie.mp4 differ
diff --git "a/root/mudica/rock/90/espa\303\261ola" "b/root/mudica/rock/90/espa\303\261ola"
new file mode 100644
index 00000000..e69de29b
diff --git a/root/mudica/rock/aaa b/root/mudica/rock/aaa
new file mode 100644
index 00000000..e69de29b
diff --git a/root/newFolder/receipt.JPG b/root/newFolder/receipt.JPG
new file mode 100644
index 00000000..4c8aa704
Binary files /dev/null and b/root/newFolder/receipt.JPG differ
+
Images
+