Solution: Edgar, Marian i Mònica

Documents/Wireframe.drawio

@@ -0,0 +1 @@
+<mxfile host="app.diagrams.net" modified="2023-01-09T15:08:13.651Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36" etag="XovbN-9ulq9_esVGj_XZ" version="20.8.3" type="device"><diagram name="Page-1" id="03018318-947c-dd8e-b7a3-06fadd420f32">7Vtbd9o4EP41PIZjW77gxwVC+5Bue0q3e/ZR2ALrRLZYIxbIr1/JyAZ7RCENBnLxS9Do6m++GY3GSgcN0vWnHM+TLzwmrONY8bqDhh3HsV3Lkn+UZLOVBL67FcxyGutGO8GYPhEt1P1mSxqTRa2h4JwJOq8LI55lJBI1Gc5zvqo3m3JWn3WOZwQIxhFmUPo3jUWipXb5XqriM6GzRE/d83TFBEePs5wvMz1fx0HT4tlWp7gcS7dfJDjmqz0Ruu+gQc652P5K1wPCFLYlbNt+owO11bpzkolTOvhBMAkmvdANPduzQ+9Oj/AfZktSvkKxULEpwVklVJDxHEeqvJIE6KB+IlImS7b8Wbw9UeNbslS9oCowPCGsX0E04IznsirjGVFNRc4fSSmUyFnFU9WUmlCTTCljje5TnokRTilTnPtJ8hhnWIs1wWxHl01zYEZnmZRFEjkiK/sRT2mkp4OwljiRXJD1nkjD/InwlIh8I5vo2lLjm3pxtUcvy9fCZJ9apU1gzelZNfROr/KHVu2JakZAzWOC8ygByobQ1zQa40VS6RpAuMcK2WuuhkzXM+UyuimPHpfz7pTn6aK7KObu87WJBWHxyJoU0+wHWRe41No5pSp7kTQ0oGK/eBpUCPbWy8hUqBElpWk2eyhKQwSo/Gv2npku0ofW+OJDvvQcA11c1C197VkJ07u2XziP9bdt5ahh5QiqzbEMavPCNqw8PK40Rg9gfA7N/Z6e3Nvx0pUVHnXTrXjpctAPq3uW1dkGZ2lbrsnsWtEajKH+JCugOFFsZfu6mnOaiWIlXr/jDeEOpRChMkr9Q4sFn+/2rR+qMLxzD1gTUNPLYe8FDdwDD+BuQt1pBXUY0vw1ZxzHbxD40D8OvMlJtQK8EwDgR/K8Je387QHfCMoq/7HvaIKLAQ9jsvFyMn2r2DecjTxzXxN7GFq9F9KjcoSrAI9gSPSOSI+8C5L+G3vs/fvzaTO6wwPrYfgPDdiTIT904/ADrA0aORn+8IL+3gi/86rczouwb7gd15Qxuyj2MMB8N9hfMs4xYu8C7CHqOcXZTJX6R8/EAgvKFc6hVZ1AXwRY6NaDEy8AgPW6jgcRKw+LZ0fMu3XEnEZUcXXE/JYQa4diruN2YTBwYchOyArfEmSed33IDHmK0deH4f13gNxiRVOGqzzbWNcobKKEsvgBb/hSLXchcPRYlvoJz+mTbI+rTy8C5+Wmgaxai7HqqcfMyUK2+VaCazdEX/C61vABL0S5Gs4Yni/opFif6pjifEazPheCp7rREeU3N7YzaN9pZElMyXjPmJ9CrUXPcB8bUYmaY9mHooj697DDifUjAUVK47gwwvpXLncn+a4BUCIuu09ZkSlOZEeSgRimLyEaWNKcZDTjDGTZ3pWLAGfOczHgmVw+poW+iCTMiijSbC0dTyo6t8GNXxgfZEy5CZ1IkKA1fsBdW/PD4Fg/+HFpflT3P65HEBikaIKgD4LcAEGCEwnit5YggBmC+5gKQI7dd0H7+fjhPNLFMwVqnovqW3WvB3C0y8iptlWHbeEIw7QhYUSQG0fS93snIGlgZGsxjwNjnlfByPrZAbnwfHphRsLY4HUwsplEdf1rMxJuoq8EyXrOxLXcayMJv/2+Ctv2T8DxkraNTshv1i9TnnoF83AY17iQub027Wz/qmEVOFZX3Zss7nW7xVw0J5HO0WQyPpNg9TMuokRP38IpHtmNXDRCQFnIwPnSX59fV5Dzn7/+NORv4GeA54bix7VoMqX6la82EithQyWGz2Km6ye/4YZkcXcZvqjb+48DdP8/</diagram></mxfile>

README.md

@@ -21,18 +21,17 @@
 
 ## Requirements
 
-- You cannot use file third-party libraries
-- You will not be able to use global variables in PHP.
+- You will not be able to use the $GLOBALS variable.
 - You must use GIT
 - You must use the PHP > v8
-- Create a clear and orderly directory structure
+- Create a clear and ordered directory structure
 - Both the code and the comments must be written in English
 - Use the camelCase code style to define variables and functions
-- In the case of using HTML, never use inline styles
-- In the case of using different programming languages ​​always define the implementation in separate terms
-- Remember that it is important to divide the tasks into several sub-tasks so that in this way you can associate each particular step of the construction with a specific commit
+- When using HTML, never use inline styles
+- Remember that it is important to divide the tasks into several sub-tasks so that you can associate each particular step of the construction with a specific commit
 - You should try as much as possible that the commits and the planned tasks are the same
-Delete files that are not used or are not necessary to evaluate the project
+- Delete files and comments that are not used or are not necessary
+
 
 ## Repository
 

back.php

@@ -0,0 +1,16 @@
+<?php
+
+if (isset($_FILES['file'])) {
+    $currentPath = $_POST['currentFolder'];
+
+    $extension = pathinfo($_FILES['file']['name'], PATHINFO_EXTENSION);
+    $newFileName = $_FILES['file']['name'];
+
+    move_uploaded_file($_FILES['file']['tmp_name'], $currentPath . '/' . $newFileName);
+
+    echo json_encode([
+        "extension" => $extension, 
+        "fileName" => $_FILES['file']['name'], 
+    ]);
+}
+

create.php

@@ -0,0 +1,42 @@
+<?php
+
+
+	$fileName = $_POST['file-name'];
+	$path = "root/";
+	$dir = $path . '/' . $fileName;
+
+	if(file_exists($dir)) {
+		if(!is_dir($dir)){
+			echo'<script type="text/javascript"> alert("Failed to create file"); window.location.href="index.php";</script>';
+			header('Location: index.php');
+		}else {
+			echo'<script type="text/javascript"> alert("Failed to create folder"); window.location.href="index.php";</script>';
+			header('Location: index.php');
+		}
+
+	}
+	else{
+		//Check if it should be a folder or file
+		if(strpos($fileName, '.') > 1) {
+			if(touch($dir)) {
+				echo "<li><a href='root/" . $file . "'>" . $fileName . "</a><button actualPath='$folder/$file' class='editBtn'>Edit</button>button deletePath='$folder/$file'class='delete-button'>Delete</button></li>";
+				header('Location: index.php');
+
+			}
+		}		
+		else {
+			if(mkdir($dir)) {
+				echo "<li class='folder'>" . $fileName;
+				header('Location: index.php');
+
+			}
+
+		}
+	}
+
+fopen($dir, 'r');
+
+
+
+?>
+

delete.php

@@ -0,0 +1,9 @@
+<?php
+
+$deleteFile = $_GET["file"];
+
+unlink($deleteFile);
+echo json_encode(["file" => $deleteFile]);
+
+
+?>

download.php

@@ -0,0 +1,7 @@
+<?php
+
+// $target_dir = "uploads/";
+// $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
+// move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file);
+
+?>

edit.php

@@ -0,0 +1,17 @@
+<?php
+
+$newName = $_GET['newName'];
+$actualPath = $_GET['actualPathFile'];
+$indexSlashPath = strrpos($actualPath, "/");
+$actualFolder = substr($actualPath, 0, $indexSlashPath + 1);
+
+$indexExtensionPath = strrpos($actualPath, ".");
+$extensionFile = substr($actualPath,$indexExtensionPath);
+
+echo "$extensionFile";
+
+rename($actualPath, $actualFolder . $newName . $extensionFile);
+header("Location: index.php");
+
+
+?> 

index.php

@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://bootswatch.com/5/flatly/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
+		integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
+		crossorigin="anonymous"></script>
+    <link rel="stylesheet" type="text/css" href="styles.css">
+    <script src="logic.js?v=<?php echo time() ?>" defer></script>
+    <title>Document</title>
+
+</head>
+
+<body>
+
+    <header class="header">   
+
+    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+
+        <div class="container-fluid justify-content-start">
+
+            <input type="file" class="btn m-3 btn-secondary" name="fileToUpload" id="fileToUpload">
+            <input type="button" id="submitUploadBtn" class="btn m-3 btn-secondary" value="Upload File" name="submit">
+            <button type="button" class="btn m-3 btn-secondary" id="newBtn">New</button>
+        </div>
+            <div class="d-flex m-4 search-bar">
+                <input class="form-control me-sm-2" type="search" placeholder="Search" id="search-input" name="search_term">
+                <button id="searchBtn" class="btn btn-secondary my-2 my-sm-0" type="submit" class="search-button">Search</button>
+                <div id="search-result" class="searchResult main-header-link"></div>
+            </div>
+
+    </nav>
+
+    </header>  
+
+    <main class="main">
+
+    <!-- Modal Create -->
+    <div id="newModal" class="modal">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">New</h5>
+                    </div>
+                    <div class="modal-body">
+                        <form action="create.php" method="POST" id="createItems" enctype="multipart/form-data">
+                            <label for="formGroupExampleInput" class="form-label">Enter folder/file name</label>
+                            <input type="text" class="form-control" id="formGroupExampleInput" name="file-name">
+                            <button class="btn mt-1 btn-secondary" type="cancel">Cancel</button>
+                            <button class="btn mt-1 btn-primary" type="submit">Accept</button>
+                        </form>
+                    </div>    
+                </div>
+            </div>
+        </div>
+
+
+    <!-- <div class="container-fluid aside"> -->
+    <div id="mainFolder" class="container-fluid aside">
+        <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
+            <button type="button" class="btn btn-primary">Open Menu</button> 
+                <div class="btn-group" role="group">
+                    <button id="menu-button" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
+                        <?php generateMenu("root"); ?>         
+                </div>
+        </div>
+
+            <!-- Modal Edit -->
+
+            <div class="editModal modal">
+                <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">Edit</h5>   
+                    </div>
+                    <div class="modal-body">
+                        <form action="edit.php" method="GET" id="editItems" enctype="multipart/form-data">
+                            <label for="newName" >New name</label>
+                            <input type="text" id="fileName" name="newName">
+                            <input type="hidden" name="actualPathFile" id="actualPathFile">
+                            <button class="btn btn-secondary cancel" type="button">Cancel</button>
+                            <button class="btn mt-1 btn-primary" type="submit">Accept</button>
+                        </form>
+                    </div>           
+                </div>
+                </div>
+            </div>
+
+            <!-- Modal Delete -->
+
+            <div class="deleteModal modal">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">Delete</h5> 
+                    </div>
+                    <div class="modal-body">
+                        <label for="deleteName" >Do you want to delete?</label>
+                        <input type="hidden" name="deletePathFile" id="deletePathFile">
+                        <button class="btn btn-secondary cancel" type="button">Cancel</button>
+                        <button id ="submitDelete" class="btn mt-1 btn-primary" type="submit">Accept</button>
+                    </div>           
+                </div>
+                </div>
+            </div>
+        </main>
+    </body>
+
+</html>
+
+<?php
+
+$extensionIcon = "";
+$dir = "root";
+$dirEx = explode(".", $dir);
+
+$extension = end($dirEx);
+
+
+function generateMenu($folder) {
+    // Use scandir to get the files and folders inside the folder
+    $files = array_diff(scandir($folder), array('.','..'));
+
+    // Create a list element
+    echo "<ul id='menu' class='list-group'>";
+
+    // Loop through the files and folders
+    foreach ($files as $file) {
+        // Check if the file is a folder
+        if (is_dir("$folder/$file")) {
+            // If it is a folder, create a list item with the folder name
+            echo "<li path='$folder/$file' class='list-group-item folder'>" . $file;
+            // Call the function recursively to generate the submenu for the folder
+            generateMenu("$folder/$file");
+
+            echo "</li>";
+        } else {
+
+            $extensionIcon = "";
+
+            $dirEx = explode(".", $file);
+
+            $extension = end($dirEx);
+
+            switch($extension){
+
+            case "csv":
+                $extensionIcon = "icons/csv.png";
+                break;
+            case "doc":
+                $extensionIcon = "icons/doc.png";
+                break;
+            case "exe":
+                $extensionIcon = "icons/exe.png";
+                break;
+            case "jpg":
+                $extensionIcon = "icons/jpg.png";
+                break;
+            case "jpeg":
+                $extensionIcon = "icons/jpg.png";
+                break;
+            case "mp3":
+                $extensionIcon = "icons/mp3.png";
+                break;
+            case "mp4":
+                $extensionIcon = "icons/mp4.png";
+                break;
+            case "odt":
+                $extensionIcon = "icons/odt.png";
+                break;
+            case "pdf":
+                $extensionIcon = "icons/pdf.png";
+                break;
+            case "png":
+                $extensionIcon = "icons/png.png";
+                break;
+            case "rar":
+                $extensionIcon = "icons/rar.png";
+                break;
+            case "txt":
+                $extensionIcon = "icons/txt.png";
+                break;
+            case "zip":
+                $extensionIcon = "icons/zip.png";
+                break;
+            case "mov":
+                $extensionIcon = "icons/mp4.png";
+                break;
+}
+
+            // If it is a file, create a list item with a link to the file
+            echo "<li id='$folder/$file' class='list-group-item file' name = 'file-name'>
+                    <a class='dropdown-item input-name' href='$folder/$file'> <img src='$extensionIcon' width='30px'>  $file </a>
+                    <button actualPath='$folder/$file' class='btn m-1 btn-dark editBtn'>Edit</button>
+                    <button deletePath='$folder/$file'class='btn btn-dark delete-button'>Delete</button>    
+                </li>";
+            $file_path = "$folder/$file";
+            // Get the file size in MB
+            $file_size = filesize($file_path);
+            $file_size_mb = round($file_size / 1024 / 1024, 2);
+
+            // Get the last modified time of the file
+            $file_last_modified = filemtime($file_path);
+            $file_last_modified_formatted = date('Y-m-d H:i:s', $file_last_modified);
+
+            // Print the file size and last modified time
+            echo "<br>File size: " . $file_size_mb . " MB";
+            echo "<br>Modificated: " . $file_last_modified_formatted;
+        }
+    }
+    echo "</ul>";
+}
+
+?>