Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
38 commits
Select commit Hold shift + click to select a range
37b3eec
Header
juanfco86 Sep 7, 2022
e52a035
folders display aside and files display main v.1
AlejandroLuisHC Sep 8, 2022
a6b8b9d
display files main v.2
AlejandroLuisHC Sep 8, 2022
e072a28
upload service in progress
juanfco86 Sep 8, 2022
30a2745
upload service form v.1
AlejandroLuisHC Sep 8, 2022
b2dabb1
store file in progress
AlejandroLuisHC Sep 8, 2022
90eeb35
Upload file v.1
AlejandroLuisHC Sep 9, 2022
ee5e19a
delete file v.1
AlejandroLuisHC Sep 9, 2022
05919d5
delete file v.1
AlejandroLuisHC Sep 9, 2022
c4add03
Merge branch 'dev' of https://github.com/AlejandroLuisHC/filesystem-e…
AlejandroLuisHC Sep 9, 2022
b2a920d
delete file v.1
AlejandroLuisHC Sep 9, 2022
fb88781
Merge branch 'dev' of https://github.com/AlejandroLuisHC/filesystem-e…
AlejandroLuisHC Sep 9, 2022
bf845a4
fix trouble previous commit (delete file v.2)
AlejandroLuisHC Sep 9, 2022
37f81a1
create folder v.1
juanfco86 Sep 9, 2022
da28d32
Merge branch 'dev' of https://github.com/AlejandroLuisHC/filesystem-e…
juanfco86 Sep 9, 2022
415a31e
delete file v.2
AlejandroLuisHC Sep 9, 2022
d7a22b8
move file v.1 and minor styles fix
AlejandroLuisHC Sep 9, 2022
1f57a17
Info files v.1
AlejandroLuisHC Sep 9, 2022
0b6d146
fix method to obtain file info
AlejandroLuisHC Sep 9, 2022
113e86b
Search function v.1, minor fixes and style changes
AlejandroLuisHC Sep 12, 2022
7420e51
File size displays Kb or Mb
AlejandroLuisHC Sep 12, 2022
79cdbec
minor header style change
AlejandroLuisHC Sep 12, 2022
c763419
test files
juanfco86 Sep 12, 2022
a24abed
Info files v.2
AlejandroLuisHC Sep 12, 2022
e9d4461
folders display aside v.2 (dynamic)
AlejandroLuisHC Sep 12, 2022
2236765
info files v.3
juanfco86 Sep 12, 2022
ec95cb3
Merge branch 'dev' of https://github.com/AlejandroLuisHC/filesystem-e…
juanfco86 Sep 12, 2022
a15f4a7
minor style fixes
AlejandroLuisHC Sep 12, 2022
bfc33f1
Merge branch 'assembler-institute:master' into master
AlejandroLuisHC Sep 12, 2022
687f2a7
clean master branch
AlejandroLuisHC Sep 12, 2022
9eb3784
Merge branch 'master' of https://github.com/AlejandroLuisHC/filesyste…
AlejandroLuisHC Sep 12, 2022
0942d54
folder display aside v.3, minor fixes
AlejandroLuisHC Sep 13, 2022
18029ef
clean get_files php doc
AlejandroLuisHC Sep 13, 2022
1c9001d
font restriction v.1
juanfco86 Sep 13, 2022
1391e6b
Merge branch 'dev' of https://github.com/AlejandroLuisHC/filesystem-e…
juanfco86 Sep 13, 2022
9994a1d
commit checkout: clean get_files php doc
AlejandroLuisHC Sep 14, 2022
df99f07
Merge branch 'dev'
AlejandroLuisHC Sep 14, 2022
ee49e1e
Minor fix folder creation
AlejandroLuisHC Sep 15, 2022
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
181 changes: 181 additions & 0 deletions Hey.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
<!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" />
<?php
require_once('./assets/php/get_files.php');
require_once('./assets/php/upload_file_form.php');
require_once('./assets/php/delete_file_form.php');
?>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/54141fca8b.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
crossorigin="anonymous"></script>
<link href="./assets/css/index.css" rel="stylesheet">
<title>File System</title>

</head>

<body>
<header>
<div class="logo"><a href="./index.php">
<img src="./assets/img/logo.svg" alt="Logotipo" height="45px">
</a></div>
<nav>
<form class="d-flex" role="search" action="./assets/php/search_file.php" method="get">
<input class="form-control me-2 search-bar" name="key" type="search" placeholder="Search" aria-label="Search">
<input class="btn btn-outline-success" type="submit" value="Search">
</form>

<div class="btns-file-action">
<div class="upload-file" data-bs-toggle="modal" data-bs-target="#uploadModal">
<span>Upload</span>
<i class="fa-solid fa-arrow-up-from-bracket"></i>
</div>

<div class="new-folder" data-bs-toggle="modal" data-bs-target="#newFolderModal">
<span>New Folder</span>
<i class="fa-solid fa-folder-plus"></i>
</div>

<div class="move-file" data-bs-toggle="modal" data-bs-target="#moveModal">
<span>Move File</span>
<i class="fa-solid fa-file-export"></i>
</div>
<div class="delete-file" data-bs-toggle="modal" data-bs-target="#deleteModal">
<span>Delete</span>
<i class="fa-solid fa-trash"></i>
</div>
</div>
</nav>
</header>

<aside>
<section>
<h3 class="title-folders">Your folders</h3>
<ul id="folderManager">
<a href="./index.php"><li id="rootFolder">My Files <i class="fa-solid fa-caret-right"></i></li></a>
<?php getFolders("./root"); ?>
</ul>
</section>
</aside>

<main>
<h3 class="title-files">Hey <a href="/assembler_projects/php_module/filesystem-explorer/ale.php?name="><i class="fa-solid fa-rotate-left"></i></a></h3>
<?php getFiles("./root/Imágenes/ale/Hey"); ?>
</main>

<!-- MODAL FILE -->
<div class="modal fade" id="uploadModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Upload File</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="uploadFileForm">
<form class ="upload-form" enctype="multipart/form-data" method="post" action="./assets/php/upload_file.php">
<label for="userfile">Select file:</label>
<input id ="userfile" name="userfile" type="file" required>
<label for="filename">Name file:</label>
<input id ="filename" name="filename" maxlength="15" pattern="^([a-zA-Z0-9\s\._-]+)$" type="text" required>
<label for="directory">Select target folder:</label>
<select name="directory" id="selectDirectory">
<option value="./root/" selected>Folder: My Files</option>
<?php uploadOptions('./root') ?>
</select>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Upload" name="submit">
</div>
</form>
</div>
</div>
</div>
</div>

<!-- MODAL FOLDER SECTION -->
<div class="modal fade" id="newFolderModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Create New Folder</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="uploadFileForm">
<form class ="upload-form" enctype="multipart/form-data" method="post" action="./assets/php/new_folder.php">
<label for="foldername">Name folder:</label>
<input id ="foldername" name="foldername" type="text" maxlength="15" required>
<label for="directoryFolder">Select target folder:</label>
<select name="directoryFolder" id="selectDirectoryFolder">
<option value="./root/" selected>Folder: My Files</option>
<?php uploadOptions('./root') ?>
</select>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Create" name="submit">
</div>
</form>
</div>
</div>
</div>
</div>

<!-- MODAL MOVE -->
<div class="modal fade" id="moveModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Move File</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="uploadFileForm">
<form class ="upload-form" enctype="multipart/form-data" method="post" action="./assets/php/move_file.php">
<label for="file">Select the file you want to move:</label>
<select name="file" id="selectDirectory">
<?php deleteOptions('./root') ?>
</select>
<label class="location-move" for="destination">Select the location where you want to move it:</label>
<select name="destination" id="selectDirectory">
<option value="./root/" selected>Folder: My Files</option>
<?php uploadOptions('./root') ?>
</select>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Move" name="submit">
</div>
</form>
</div>
</div>
</div>
</div>

<!-- MODAL DELETE -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Delete File</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="uploadFileForm">
<form class ="upload-form" enctype="multipart/form-data" method="post" action="./assets/php/delete_file.php">
<label for="file">Select the file you want to delete:</label>
<select name="file" id="selectDirectory">
<?php deleteOptions('./root') ?>
</select>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Delete" name="submit">
</div>
</form>
</div>
</div>
</div>
</div>


</body>

</html>
181 changes: 181 additions & 0 deletions HolaCaracola.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
<!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" />
<?php
require_once('./assets/php/get_files.php');
require_once('./assets/php/upload_file_form.php');
require_once('./assets/php/delete_file_form.php');
?>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/54141fca8b.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
crossorigin="anonymous"></script>
<link href="./assets/css/index.css" rel="stylesheet">
<title>File System</title>

</head>

<body>
<header>
<div class="logo"><a href="./index.php">
<img src="./assets/img/logo.svg" alt="Logotipo" height="45px">
</a></div>
<nav>
<form class="d-flex" role="search" action="./assets/php/search_file.php" method="get">
<input class="form-control me-2 search-bar" name="key" type="search" placeholder="Search" aria-label="Search">
<input class="btn btn-outline-success" type="submit" value="Search">
</form>

<div class="btns-file-action">
<div class="upload-file" data-bs-toggle="modal" data-bs-target="#uploadModal">
<span>Upload</span>
<i class="fa-solid fa-arrow-up-from-bracket"></i>
</div>

<div class="new-folder" data-bs-toggle="modal" data-bs-target="#newFolderModal">
<span>New Folder</span>
<i class="fa-solid fa-folder-plus"></i>
</div>

<div class="move-file" data-bs-toggle="modal" data-bs-target="#moveModal">
<span>Move File</span>
<i class="fa-solid fa-file-export"></i>
</div>
<div class="delete-file" data-bs-toggle="modal" data-bs-target="#deleteModal">
<span>Delete</span>
<i class="fa-solid fa-trash"></i>
</div>
</div>
</nav>
</header>

<aside>
<section>
<h3 class="title-folders">Your folders</h3>
<ul id="folderManager">
<a href="./index.php"><li id="rootFolder">My Files</li></a>
<?php getFolders("./root"); ?>
</ul>
</section>
</aside>

<main>
<h3 class="title-files">Your files</h3>
<?php getFiles("./root/qué tal/HolaCaracola"); ?>
</main>

<!-- MODAL FILE -->
<div class="modal fade" id="uploadModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Upload File</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="uploadFileForm">
<form class ="upload-form" enctype="multipart/form-data" method="post" action="./assets/php/upload_file.php">
<label for="userfile">Select file:</label>
<input id ="userfile" name="userfile" type="file" required>
<label for="filename">Name file:</label>
<input id ="filename" name="filename" maxlength="15" pattern="^([a-zA-Z0-9\s\._-]+)$" type="text" required>
<label for="directory">Select target folder:</label>
<select name="directory" id="selectDirectory">
<option value="./root/" selected>Folder: My Files</option>
<?php uploadOptions('./root') ?>
</select>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Upload" name="submit">
</div>
</form>
</div>
</div>
</div>
</div>

<!-- MODAL FOLDER SECTION -->
<div class="modal fade" id="newFolderModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Create New Folder</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="uploadFileForm">
<form class ="upload-form" enctype="multipart/form-data" method="post" action="./assets/php/new_folder.php">
<label for="foldername">Name folder:</label>
<input id ="foldername" name="foldername" type="text" maxlength="15" required>
<label for="directoryFolder">Select target folder:</label>
<select name="directoryFolder" id="selectDirectoryFolder">
<option value="./root/" selected>Folder: My Files</option>
<?php uploadOptions('./root') ?>
</select>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Create" name="submit">
</div>
</form>
</div>
</div>
</div>
</div>

<!-- MODAL MOVE -->
<div class="modal fade" id="moveModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Move File</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="uploadFileForm">
<form class ="upload-form" enctype="multipart/form-data" method="post" action="./assets/php/move_file.php">
<label for="file">Select the file you want to move:</label>
<select name="file" id="selectDirectory">
<?php deleteOptions('./root') ?>
</select>
<label class="location-move" for="destination">Select the location where you want to move it:</label>
<select name="destination" id="selectDirectory">
<option value="./root/" selected>Folder: My Files</option>
<?php uploadOptions('./root') ?>
</select>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Move" name="submit">
</div>
</form>
</div>
</div>
</div>
</div>

<!-- MODAL DELETE -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Delete File</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="uploadFileForm">
<form class ="upload-form" enctype="multipart/form-data" method="post" action="./assets/php/delete_file.php">
<label for="file">Select the file you want to delete:</label>
<select name="file" id="selectDirectory">
<?php deleteOptions('./root') ?>
</select>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Delete" name="submit">
</div>
</form>
</div>
</div>
</div>
</div>


</body>

</html>
Loading