diff --git a/CRUD/create.php b/CRUD/create.php new file mode 100644 index 00000000..a07551b4 --- /dev/null +++ b/CRUD/create.php @@ -0,0 +1,66 @@ + + + +
+ + + + + + + + Swal.fire({ + position: 'center', + icon: 'success', + title: 'Folder created!', + showConfirmButton: false, + timer: 1500 + }) + "; + } else { + echo "An error occurred while creating the directory"; + } + } elseif (is_dir($_SESSION["absPath"])) { + $create2 = mkdir($altRoute, 0777); + var_dump($_SESSION["absPath"]); + if ($create2) { + } else { + echo "An error occurred while creating the directory"; + } + } + + } else { + echo ""; + } + +} + diff --git a/CRUD/delete.php b/CRUD/delete.php new file mode 100644 index 00000000..d631227d --- /dev/null +++ b/CRUD/delete.php @@ -0,0 +1,18 @@ + \ No newline at end of file diff --git a/CRUD/edit.php b/CRUD/edit.php new file mode 100644 index 00000000..a7184845 --- /dev/null +++ b/CRUD/edit.php @@ -0,0 +1,15 @@ + diff --git a/CRUD/element-info.php b/CRUD/element-info.php new file mode 100644 index 00000000..94e6e8f7 --- /dev/null +++ b/CRUD/element-info.php @@ -0,0 +1,56 @@ +' . basename($file) . PHP_EOL . "Creation date:
' . date("F d Y H:i:s.", filectime($file)) . '
Updating date:
' . date("F d Y H:i:s.", fileatime($file)) . '
Creation date:
' . date("F d Y H:i:s.", filectime($file)) . '
Updating date:
' . date("F d Y H:i:s.", fileatime($file)) . '
Creation date:
' . date("F d Y H:i:s.", filectime($path)) . '
Updating date:
' . date("F d Y H:i:s.", fileatime($path)) . '
-
-
+>1-idea
+
+
+
+>2-idea
+
+
+
+>Final result
+
+
+
+## Diagram
+
+
+
+
+
+## Requirements
+
+- You cannot use file third-party libraries ✔
+- You will not be able to use global variables in PHP. ✔
+- You must use GIT ✔
+- You must use the PHP > v8 ✔
+- Create a clear and orderly 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 ✔
+- 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 ✔
+
+## Repository
+
+https://github.com/88jose/filesystem-explorer.git
## Technologies used
-\* HTML
+\* HTML ✔
+
+\* CSS ✔
-\* CSS
+\* JS ✔
-\* JS
+\* PHP ✔
-\* PHP
+\* We have yet to understand the FETCH requests in more depth to be able to implement the functionalities in a more dynamic way.
## Resources
@@ -58,3 +93,4 @@ To create a fork on GitHub is as easy as clicking the “fork” button on the r
- [PHP FileSystem W3C](https://www.w3schools.com/php/php_ref_filesystem.asp)
- [PHP FileSystem Oficial](https://www.php.net/manual/es/book.filesystem.php)
- [README Guidelines Example](https://gist.github.com/PurpleBooth/109311bb0361f32d87a2)
+- [++] (https://www.youtube.com/ - https://stackoverflow.com/ - https://stackoverflow.es/ )
diff --git a/assets/css/styles.css b/assets/css/styles.css
new file mode 100644
index 00000000..4cd81611
--- /dev/null
+++ b/assets/css/styles.css
@@ -0,0 +1,213 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+:root{
+ --colorWhite: #FFFFFF;
+ --colorDark:#8690FA;
+ --colorSemiLight: #8690FA;
+ --colorLight:#E8ECFF;
+ --border: 12px;
+ --font: 'Montserrat', sans-serif;
+}
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap');
+ul{
+ padding-left: 1em;
+}
+li{
+ list-style: none;
+}
+a{
+ text-decoration: none;
+}
+a:active, a:focus{
+ font-weight: 600;
+ color: var(--colorDark);
+}
+
+
+#container-all{
+ min-height: 100vh;
+ background-color: var(--colorLight);
+ padding: 0;
+}
+.sidebar-heading {
+ min-width: 20vw;
+ padding: 1em;
+ border-right: none;
+}
+.sidebar-heading a h1{
+ padding-left: 0.2em;
+ margin-top: 15px;
+ color: var(--colorDark);
+ font-weight: 600;
+}
+.logo{
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid var(--colorDark);
+ padding-bottom: 1.5em;
+ justify-content: center;
+}
+.logo img{
+ width: 4rem;
+ margin-left: -4rem;
+}
+#sidebar{
+ font-family: var(--font);
+ color: var(--colorDark);
+ background-color: var(--colorWhite);
+}
+.list-group{
+ padding-left: 4.3em;
+ padding-top: 30px;
+}
+.list-group-item{
+ border:none;
+ padding: 0.3em;
+}
+
+.navbar{
+ padding-top: 2em;
+}
+.icon-content{
+ text-align: center;
+}
+.icon-content img{
+ width: 5rem;
+}
+/* .file-sidebar{
+ display: none;
+} */
+
+/* inputs */
+.open-modal{
+ font-family: var(--font);
+ font-weight: 600;
+ font-size: 18px;
+ background-color:var(--colorDark);
+ color: var(--colorWhite);
+ border:1px solid var(--colorDark);
+ padding: 8px;
+ width: 120px;
+ border-radius: var(--border);
+ -webkit-border-radius: var(--border);
+ -moz-border-radius: var(--border);
+ -ms-border-radius: var(--border);
+ -o-border-radius: var(--border);
+}
+.input-file{
+ position: relative;
+ display: inline-block;
+ }
+ .input-file::before {
+ font-family: var(--font);
+ font-weight: 600;
+ font-size: 18px;
+ background-color: var(--colorSemiLight);
+ color: var(--colorWhite);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: var(--border);
+ -webkit-border-radius: var(--border);
+ -moz-border-radius: var(--border);
+ -ms-border-radius: var(--border);
+ -o-border-radius: var(--border);
+ border:1px solid var(--colorDark);
+ content: 'Select File';
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: -10px;
+}
+ .input-file input[type="file"] {
+ opacity: 0;
+ width: 150px;
+ height: 32px;
+ display: inline-block;
+ padding: 8px;
+ }
+ #input-file::before {
+ content: 'Seleccionar Archivo 1';
+ }
+
+ .submit-upload{
+ font-family: var(--font);
+ font-weight: 600;
+ font-size: 18px;
+ background-color:var(--colorWhite);
+ color: var(--colorDark);
+ border:none;
+ padding: 8px;
+ width: 120px;
+ border-radius: var(--border);
+ -webkit-border-radius: var(--border);
+ -moz-border-radius: var(--border);
+ -ms-border-radius: var(--border);
+ -o-border-radius: var(--border);
+}
+
+#infoArchive{
+ padding: 2em;
+ max-height: 50vh;
+ background-color: var(--colorSemiLight);
+ border-radius: var(--border);
+ -webkit-border-radius: var(--border);
+ -moz-border-radius: var(--border);
+ -ms-border-radius: var(--border);
+ -o-border-radius: var(--border);
+}
+
+.edit-delete{
+ display: flex;
+ justify-content: end;
+ align-items: center;
+ margin-left: auto;
+}
+.open-modal.edit{
+ max-width: 2rem;;
+ position: absolute;
+ opacity: 0;
+}
+
+.icon-delete{
+ max-width: 2rem;
+ z-index: 0;
+}
+.delete{
+ text-align: end;
+ padding: 0;
+}
+
+.link-list:hover{
+ font-weight: 600;
+ color:var(--colorDark)
+}
+
+.search{
+ font-family: var(--font);
+ font-weight: 500;
+ font-size: 18px;
+ background-color: var(--colorWhite);
+ color: var(--colorDark);
+ border: none;
+ padding: 8px;
+ border-radius: var(--border);
+ -webkit-border-radius: var(--border);
+}
+
+.btn-search{
+ font-family: var(--font);
+ font-weight: 600;
+ font-size: 18px;
+ background-color: var(--colorDark);
+ /* color: var(--colorWhite); */
+ border: 1px solid var(--colorDark);
+ padding: 8px;
+ width: 120px;
+ border-radius: var(--border);
+ -webkit-border-radius: var(--border);
+}
\ No newline at end of file
diff --git a/assets/icons/csv.png b/assets/icons/csv.png
new file mode 100644
index 00000000..95ccc639
Binary files /dev/null and b/assets/icons/csv.png differ
diff --git a/assets/icons/delete.png b/assets/icons/delete.png
new file mode 100644
index 00000000..8f3dc349
Binary files /dev/null and b/assets/icons/delete.png differ
diff --git a/assets/icons/doc.png b/assets/icons/doc.png
new file mode 100644
index 00000000..ec6afbdd
Binary files /dev/null and b/assets/icons/doc.png differ
diff --git a/assets/icons/edit.png b/assets/icons/edit.png
new file mode 100644
index 00000000..c490787c
Binary files /dev/null and b/assets/icons/edit.png differ
diff --git a/assets/icons/exe.png b/assets/icons/exe.png
new file mode 100644
index 00000000..d8ba424d
Binary files /dev/null and b/assets/icons/exe.png differ
diff --git a/assets/icons/folder.png b/assets/icons/folder.png
new file mode 100644
index 00000000..fb91113e
Binary files /dev/null and b/assets/icons/folder.png differ
diff --git a/assets/icons/jpg.png b/assets/icons/jpg.png
new file mode 100644
index 00000000..c0a167b2
Binary files /dev/null and b/assets/icons/jpg.png differ
diff --git a/assets/icons/mp3.png b/assets/icons/mp3.png
new file mode 100644
index 00000000..b8cc2a3b
Binary files /dev/null and b/assets/icons/mp3.png differ
diff --git a/assets/icons/mp4.png b/assets/icons/mp4.png
new file mode 100644
index 00000000..6dd07b56
Binary files /dev/null and b/assets/icons/mp4.png differ
diff --git a/assets/icons/odt.png b/assets/icons/odt.png
new file mode 100644
index 00000000..d8f7f269
Binary files /dev/null and b/assets/icons/odt.png differ
diff --git a/assets/icons/open-folder.png b/assets/icons/open-folder.png
new file mode 100644
index 00000000..7816a7a0
Binary files /dev/null and b/assets/icons/open-folder.png differ
diff --git a/assets/icons/pdf.png b/assets/icons/pdf.png
new file mode 100644
index 00000000..8bb6a644
Binary files /dev/null and b/assets/icons/pdf.png differ
diff --git a/assets/icons/png.png b/assets/icons/png.png
new file mode 100644
index 00000000..ffe63d68
Binary files /dev/null and b/assets/icons/png.png differ
diff --git a/assets/icons/ppt.png b/assets/icons/ppt.png
new file mode 100644
index 00000000..7b2ac94b
Binary files /dev/null and b/assets/icons/ppt.png differ
diff --git a/assets/icons/rar.png b/assets/icons/rar.png
new file mode 100644
index 00000000..34f04a8f
Binary files /dev/null and b/assets/icons/rar.png differ
diff --git a/assets/icons/search.png b/assets/icons/search.png
new file mode 100644
index 00000000..322c2717
Binary files /dev/null and b/assets/icons/search.png differ
diff --git a/assets/icons/svg.png b/assets/icons/svg.png
new file mode 100644
index 00000000..b2254fd5
Binary files /dev/null and b/assets/icons/svg.png differ
diff --git a/assets/icons/txt.png b/assets/icons/txt.png
new file mode 100644
index 00000000..a2ebb256
Binary files /dev/null and b/assets/icons/txt.png differ
diff --git a/assets/icons/zip.png b/assets/icons/zip.png
new file mode 100644
index 00000000..3c0aab26
Binary files /dev/null and b/assets/icons/zip.png differ
diff --git a/assets/src/Diagram file_system.JPG b/assets/src/Diagram file_system.JPG
new file mode 100644
index 00000000..b6f33fc0
Binary files /dev/null and b/assets/src/Diagram file_system.JPG differ
diff --git "a/assets/src/Web 1920 \342\200\223 5.jpg" "b/assets/src/Web 1920 \342\200\223 5.jpg"
new file mode 100644
index 00000000..f8b72bf4
Binary files /dev/null and "b/assets/src/Web 1920 \342\200\223 5.jpg" differ
diff --git "a/assets/src/Web 1920 \342\200\223 6.jpg" "b/assets/src/Web 1920 \342\200\223 6.jpg"
new file mode 100644
index 00000000..dc74ce3b
Binary files /dev/null and "b/assets/src/Web 1920 \342\200\223 6.jpg" differ
diff --git "a/assets/src/minimal-blue \342\200\223 1.jpg" "b/assets/src/minimal-blue \342\200\223 1.jpg"
new file mode 100644
index 00000000..4239f30e
Binary files /dev/null and "b/assets/src/minimal-blue \342\200\223 1.jpg" differ
diff --git a/assets/src/minimal-blue.jpg b/assets/src/minimal-blue.jpg
new file mode 100644
index 00000000..4f59e50c
Binary files /dev/null and b/assets/src/minimal-blue.jpg differ
diff --git a/index.php b/index.php
new file mode 100644
index 00000000..99bdbe2d
--- /dev/null
+++ b/index.php
@@ -0,0 +1,178 @@
+
+
+
+
+
+
+
+
+
+