├── login(delete_later).txt
├── src
    ├── admin
    │   ├── index.html
    │   └── password123
    │   │   ├── folder
    │   │       └── file.txt
    │   │   ├── photo.jpg
    │   │   └── welcome.txt
    ├── img
    │   ├── back.png
    │   ├── empty.png
    │   ├── file.png
    │   ├── logo.png
    │   ├── bgs
    │   │   ├── bg0.jpg
    │   │   ├── bg1.jpg
    │   │   ├── bg2.jpg
    │   │   ├── bg3.jpg
    │   │   ├── bg4.jpg
    │   │   ├── bg5.jpg
    │   │   ├── bg6.jpg
    │   │   ├── bg7.jpg
    │   │   ├── bg8.jpg
    │   │   └── bg9.jpg
    │   └── folder.png
    ├── api
    │   ├── logout.php
    │   ├── mkdir.php
    │   ├── mkfile.php
    │   ├── copy.php
    │   ├── rename.php
    │   ├── showimg.php
    │   ├── login.php
    │   ├── upload_file.php
    │   ├── download.php
    │   ├── delete.php
    │   └── file_editor.php
    ├── js
    │   └── main.js
    ├── index.php
    ├── css
    │   ├── index.css
    │   └── file_manager.css
    ├── file_editor.php
    └── file_manager.php
├── LICENSE
├── README.md
└── set_admin.py


/login(delete_later).txt:
--------------------------------------------------------------------------------
1 | admin
2 | password123


--------------------------------------------------------------------------------
/src/admin/index.html:
--------------------------------------------------------------------------------
1 | <script>window.location='/index.php'</script>


--------------------------------------------------------------------------------
/src/admin/password123/folder/file.txt:
--------------------------------------------------------------------------------
1 | just testing folders :)
2 | 


--------------------------------------------------------------------------------
/src/img/back.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/back.png


--------------------------------------------------------------------------------
/src/img/empty.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/empty.png


--------------------------------------------------------------------------------
/src/img/file.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/file.png


--------------------------------------------------------------------------------
/src/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/logo.png


--------------------------------------------------------------------------------
/src/img/bgs/bg0.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg0.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg1.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg2.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg3.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg4.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg5.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg6.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg7.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg8.jpg


--------------------------------------------------------------------------------
/src/img/bgs/bg9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/bgs/bg9.jpg


--------------------------------------------------------------------------------
/src/img/folder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/img/folder.png


--------------------------------------------------------------------------------
/src/admin/password123/photo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mohdmot/webwareos/HEAD/src/admin/password123/photo.jpg


--------------------------------------------------------------------------------
/src/admin/password123/welcome.txt:
--------------------------------------------------------------------------------
1 | Welcome to your WebwareOS system,
2 | don't forget to support us with a star on GitHub
3 | https://github.com/Zaky202/webwareos


--------------------------------------------------------------------------------
/src/api/logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | $_SESSION['usr']='';
4 | $_SESSION['psw']='';
5 | $_SESSION['login']='no';
6 | echo '<script>window.location="../index.php"</script>';
7 | ?>


--------------------------------------------------------------------------------
/src/api/mkdir.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | session_start();
 4 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 5 | 
 6 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 7 | $usr = $_SESSION['usr'];
 8 | $psw = $_SESSION['psw'];
 9 | $dp = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['dp']);
10 | 
11 | if (is_dir(dirname($dp))) mkdir($dp);
12 | echo '<script>history.back()</script>';
13 | 
14 | ?>


--------------------------------------------------------------------------------
/src/api/mkfile.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | session_start();
 4 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 5 | 
 6 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 7 | $usr = $_SESSION['usr'];
 8 | $psw = $_SESSION['psw'];
 9 | $fp = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['fp']);
10 | 
11 | file_put_contents($fp, '');
12 | echo '<script>history.back()</script>';
13 | 
14 | ?>


--------------------------------------------------------------------------------
/src/api/copy.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 4 | 
 5 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 6 | $usr = $_SESSION['usr'];
 7 | $psw = $_SESSION['psw'];
 8 | $from = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['from']);
 9 | $to = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['to']);
10 | 
11 | if (file_exists($from) && is_dir(dirname($to))) copy($from,$to);
12 | echo '<script>history.back()</script>';
13 | ?>


--------------------------------------------------------------------------------
/src/api/rename.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 4 | 
 5 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 6 | $usr = $_SESSION['usr'];
 7 | $psw = $_SESSION['psw'];
 8 | $from = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['from']);
 9 | $to = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['to']);
10 | 
11 | if (file_exists($from) && is_dir(dirname($to))) rename($from,$to);
12 | echo '<script>history.back()</script>';
13 | ?>


--------------------------------------------------------------------------------
/src/api/showimg.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 4 | 
 5 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 6 | $usr = $_SESSION['usr'];
 7 | $psw = $_SESSION['psw'];
 8 | $filepath = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['p']);
 9 | 
10 | 
11 | $imginfo = getimagesize($filepath);
12 | header("Content-Type: {$imginfo['mime']}");
13 | ob_clean();
14 | flush();
15 | if (file_exists($filepath)) readfile($filepath);
16 | exit;
17 | 
18 | ?>


--------------------------------------------------------------------------------
/src/api/login.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | 
 4 | $usr = $_GET['usr'];
 5 | $psw = $_GET['psw'];
 6 | 
 7 | if (!isset($_SESSION['login'])) { $_SESSION['login']='no'; }
 8 | 
 9 | $USERNAME = 'admin';
10 | $PASSWORD = 'password123';
11 | if ($usr == $USERNAME && $psw == $PASSWORD){
12 |     echo '<script>window.location="../file_manager.php"</script>';
13 |     $_SESSION['usr']=$usr;
14 |     $_SESSION['psw']=$psw;
15 |     $_SESSION['login']='yes';
16 | }else{
17 |     echo '<script>window.location="../index.php?err=1"</script>';
18 | }
19 | ?>
20 | 


--------------------------------------------------------------------------------
/src/api/upload_file.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | session_start();
 4 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 5 | 
 6 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 7 | $usr = $_SESSION['usr'];
 8 | $psw = $_SESSION['psw'];
 9 | $target_dir = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_POST['target']) ;
10 | 
11 | if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_dir)) {
12 |     echo '<script>history.back()</script>';
13 | } else {
14 |     echo "Error in uploading the file.";
15 | }
16 | 
17 | 
18 | ?>


--------------------------------------------------------------------------------
/src/api/download.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 4 | 
 5 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 6 | $usr = $_SESSION['usr'];
 7 | $psw = $_SESSION['psw'];
 8 | $filepath = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['p']);
 9 | 
10 | header('Content-Description: File Transfer');
11 | header('Content-Type: application/octet-stream');
12 | header('Content-Disposition: attachment; filename='.basename($filepath));
13 | header('Content-Transfer-Encoding: binary');
14 | header('Expires: 0');
15 | header('Cache-Control: must-revalidate');
16 | header('Pragma: public');
17 | header('Content-Length: ' . filesize($filepath));
18 | ob_clean();
19 | flush();
20 | if (file_exists($filepath)) readfile($filepath);
21 | exit;
22 | 
23 | 
24 | ?>


--------------------------------------------------------------------------------
/src/api/delete.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | session_start();
 4 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 5 | 
 6 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 7 | $usr = $_SESSION['usr'];
 8 | $psw = $_SESSION['psw'];
 9 | $fp = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['fp']);
10 | 
11 | if ($_GET['type']=='file'){
12 |     if (file_exists($fp)) unlink($fp);
13 | }else{
14 |     if (is_dir($fp)) {
15 |         $objects = scandir($fp);
16 |         foreach ($objects as $object){
17 |         if ($object != '.' && $object != '..'){
18 |             if (filetype($fp.'/'.$object) == 'dir') {rrmdir($fp.'/'.$object);}
19 |             else {unlink($fp.'/'.$object);}
20 |         }
21 |         }
22 | 
23 |         reset($objects);
24 |         rmdir($fp);
25 |     }
26 | }
27 | echo '<script>history.back()</script>';
28 | 
29 | ?>


--------------------------------------------------------------------------------
/src/api/file_editor.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | session_start();
 4 | if (!isset($_SESSION['login'])) $_SESSION['login']='no';
 5 | 
 6 | if ($_SESSION['login'] == 'no') exit('<script>window.location="../index.php"</script>');
 7 | $usr = $_SESSION['usr'];
 8 | $psw = $_SESSION['psw'];
 9 | 
10 | if ($_GET['a']=='save'){
11 |     $fp = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['fp']);
12 |     $text = $_GET['text'];
13 |     if (is_dir(dirname($fp)))
14 |     {
15 |         $file = fopen($fp,'w');
16 |         fwrite($file,$text);
17 |         fclose($file);
18 |         echo 'Saved successfully.';
19 |     }else echo 'This directory is not defined.';
20 | }
21 | if ($_GET['a']=='open'){
22 |     $fp = '../'.$usr.'/'.$psw.'/'.str_replace('home/','',$_GET['fp']);
23 |     if ($file = fopen($fp, "r")) {
24 |         while(!feof($file)) {
25 |             echo fgets($file);
26 |         }
27 |         fclose($file);
28 |     }else echo '[ THIS FILE IS NOT EXISTS ]';
29 | }
30 | 
31 | ?>


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 MOHAMMED
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![](https://raw.githubusercontent.com/Zaky202/webwareos/main/src/img/logo.png)
 2 | 
 3 | # 
 4 | 
 5 | **WebwareOS** is a web-based operating system built with PHP, HTML, CSS, and JavaScript. It allows you to create a fully functional system that can be run on a hosting platform or your personal computer. With WebwareOS, you can upload and manage files and perform various other tasks typically associated with an operating system.
 6 | ## Download
 7 | 
 8 | To download and set up WebwareOS, follow these steps:
 9 | 
10 | - Download the zip file from the project's GitHub repository.
11 | - Extract the files to a location on your computer.
12 | - Ignore any folders except `src`, because everything we need is in it
13 | - Run the `set_admin.py` script to change the default username and password
14 | 
15 | By default, the username is `admin` and the password is `iamtheadmin123`.
16 | - Upload all the files to your hosting platform or run them via XAMPP or Apache from your personal computer.
17 | - Once you have completed the setup process, you can start uploading your files and using WebwareOS.
18 | 
19 |   
20 | We hope you find WebwareOS useful for you. If you have any questions or comments, please feel free to reach out to us via the project's GitHub page. Thank you for using WebwareOS!
21 | 


--------------------------------------------------------------------------------
/set_admin.py:
--------------------------------------------------------------------------------
 1 | import os
 2 | print('''
 3 |  __          __  _                            ____   _____ 
 4 |  \ \        / / | |                          / __ \ / ____|
 5 |   \ \  /\  / /__| |____      ____ _ _ __ ___| |  | | (___  
 6 |    \ \/  \/ / _ \ '_ \ \ /\ / / _` | '__/ _ \ |  | |\___ \ 
 7 |     \  /\  /  __/ |_) \ V  V / (_| | | |  __/ |__| |____) |
 8 |      \/  \/ \___|_.__/ \_/\_/ \__,_|_|  \___|\____/|_____/ 
 9 |                                                            
10 | Set the Admin User and Password..''')
11 | # Take Inputs
12 | user = input('[->] Username: ')
13 | password = input('[->] Password: ')
14 | 
15 | f = open('login(delete_later).txt')
16 | old_data = f.read().split('\n')
17 | f.close()
18 | 
19 | # Edit it into login.php
20 | login_php = open(f'src{os.sep}api{os.sep}login.php')
21 | login_php_text = login_php.read()
22 | login_php.close()
23 | 
24 | login_php_text = login_php_text.replace(f"$PASSWORD = '{old_data[1]}';",f"$PASSWORD = '{password}';")
25 | login_php_text = login_php_text.replace(f"$USERNAME = '{old_data[0]}';",f"$USERNAME = '{user}';")
26 | 
27 | login_php = open(f'src{os.sep}api{os.sep}login.php','w')
28 | login_php.write(login_php_text)
29 | login_php.close()
30 | 
31 | # Edit Directories Name
32 | os.rename(f'src{os.sep}'+old_data[0],f'src{os.sep}'+user)
33 | os.rename(f'src{os.sep}{user}{os.sep}{old_data[1]}', f'src{os.sep}{user}{os.sep}{password}')
34 | 
35 | # Write New Data
36 | f = open('login(delete_later).txt','w')
37 | f.write(f'{user}\n{password}')
38 | f.close()
39 | 
40 | input('[+] Done..')


--------------------------------------------------------------------------------
/src/js/main.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | plus_onclick() Function
 3 |   When someone click the (+) button
 4 |   The dropdown list will be displayed as "block"
 5 |   After 4 seconds it will dissapears.
 6 | */
 7 | function plus_onclick() {
 8 |     document.getElementsByClassName('dropdown-list')[0].style['display']="block"
 9 |         setTimeout(()=>{
10 |             document.getElementsByClassName('dropdown-list')[0].style['display']=""
11 |         }, 4000)
12 | } 
13 | 
14 | 
15 | /*
16 | openfile_dialog() Function
17 |   Set the methods that you can open a specific file
18 | */
19 | function openfile_dialog (path) {
20 |     document.getElementById('openfile-dialog-iv').style['display']='none';
21 |     document.getElementById('openfile-dialog').showModal()
22 |     document.getElementById('openfile-dialog-dl').href = 'api/download.php?p='+path
23 |     document.getElementById('openfile-dialog-fe').href = 'file_editor.php?p='+path
24 |     filetype = path.split('.')
25 |     filetype = filetype[ filetype.length - 1 ]
26 |     if (['bmp','jpg','jpeg','gif','png','web','svg','webp','ico','apng','avif','jfif','pjpeg','pjp'].includes(filetype)) {
27 |         console.log('Yes')
28 |         document.getElementById('openfile-dialog-iv').style['display']='inline';
29 |         document.getElementById('openfile-dialog-iv').onclick = ()=>{document.getElementById("image-viewer").showModal()}
30 |         document.getElementById('image-viewer').querySelector('#showen-img').src = 'api/showimg.php?p='+path
31 | 
32 |     }
33 | }
34 | 
35 | 
36 | function show_details (th) {
37 |     row = th.parentNode.parentNode.parentNode;
38 |     console.log(row)
39 |     fname = row.querySelector('.fname').innerHTML;
40 |     fsize = row.querySelector('.fsize').innerHTML;
41 |     fdate = row.querySelector('.fdate').innerHTML;
42 |     full_text="<h3>File Name :</h3> " + fname + '<br><h3>File Size :</h3> ' + fsize + '<br><h3>Last Modified :</h3>' + fdate;
43 |     document.getElementById('details-dialog').querySelector('#file-details').innerHTML = full_text;
44 |     document.getElementById('details-dialog').showModal();
45 | }
46 | 


--------------------------------------------------------------------------------
/src/index.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="UTF-8">
 5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |         <link rel="preconnect" href="https://fonts.googleapis.com">
 8 |         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 9 |         <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
10 |         <link rel="stylesheet" href="css/index.css">
11 |         <title>WebwareOS</title>
12 |     </head>
13 | 
14 |     <body style="background-image : url('img/bgs/bg<?php echo rand(0,9) ?>.jpg');">        
15 |         <div class="Container">
16 |             <div class="Box">
17 |                 <h1>Webware<span>OS</span></h1>
18 |                 <h2>Login</h2>
19 |                 <form action="api/login.php">
20 |                     <div class="InputBox">
21 |                         <input name="usr" type="text" class="input">
22 |                         <label>Username</label>
23 |                     </div>
24 |                     <div class="InputBox">
25 |                         <input name="psw" type="password" class="input">
26 |                         <label>Password</label>
27 |                     </div>
28 |                     <p style="">
29 |                     <?php
30 |                     if (isset($_GET['err'])) {
31 |                         echo "<span style='background-color: white; color: #222222; width: fit-content; border-radius: 5px; padding: 3px 3px 3px 3px; font-weight: 600; margin: 0 auto; display: block; margin-bottom: 20px;'><span style='color: red;'>Wrong</span> Username OR Password</span>";
32 |                     }
33 |                     ?>
34 |                     </p>
35 |                     <input type="submit" value="Login" class="button">
36 |                 </form>
37 |             </div>
38 |         </div>
39 |         <p style="color: aliceblue; position: absolute; left:10px; bottom: 10px;">Webware<span style="color: #222222; text-shadow: -0.7px 0 #fff, 0 0.7px #fff, 0.7px 0 #fff, 0 -0.7px #fff;">OS</span> 0.2.0</p>
40 |     </body>
41 | </html>


--------------------------------------------------------------------------------
/src/css/index.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |     margin: 0;
  3 |     padding: 0;
  4 |     box-sizing: border-box;
  5 |     border: none;
  6 |     outline: none;
  7 |     text-decoration: none;
  8 |     font-family: 'Jost', sans-serif;
  9 | }
 10 | 
 11 | 
 12 | body {
 13 |     background-color: rgb(53, 53, 53);
 14 |     height: 100vh;
 15 |     width: 100%;
 16 |     display: flex;
 17 |     align-items: center;
 18 |     justify-content: center;
 19 |     background-size: cover;
 20 |     background-position: center;
 21 | }
 22 | 
 23 | .Container {
 24 |     position: relative;
 25 |     width: 100%;
 26 |     max-width: 450px;
 27 |     height: 530px;
 28 |     border-radius: 20px;
 29 |     border: 1px solid whitesmoke;
 30 |     background-color: rgba(14, 14, 14, 0.7);
 31 |     display: block;
 32 |     align-items: center;
 33 |     justify-content: center;
 34 |     overflow: hidden;
 35 | }
 36 | 
 37 | .Box {
 38 |     padding: 50px;
 39 |     width: 100%;
 40 | }
 41 | 
 42 | .Box h1 {
 43 |     text-align: center;
 44 |     color: aliceblue;
 45 |     font-size: 45px;
 46 |     font-weight: 700;
 47 |     margin-bottom: 40px;
 48 | }
 49 | 
 50 | .Box h1 span {
 51 |     color: #222222;
 52 |     -webkit-text-stroke: 1.5px #ffffff;
 53 | }
 54 | 
 55 | .Box h2 {
 56 |     text-align: center;
 57 |     color: aliceblue;
 58 |     font-size: 35px;
 59 |     font-weight: 700;
 60 | }
 61 | 
 62 | .InputBox {
 63 |     position: relative;
 64 |     height: 52px;
 65 |     width: 100%;
 66 |     border-bottom: 2px solid white;
 67 |     margin: 32px 0;
 68 | }
 69 | 
 70 | .InputBox label {
 71 |     position: absolute;
 72 |     top: 50%;
 73 |     left: 6px;
 74 |     transform: translateY(-50%);
 75 |     pointer-events: none;
 76 |     color: white;
 77 |     font-size: 18px;
 78 |     font-weight: 400;
 79 |     transition: all ease .40s;
 80 | }
 81 | 
 82 | .InputBox input {
 83 |     height: 100%;
 84 |     width: 100%;
 85 |     background: transparent;
 86 |     font-size: 17px;
 87 |     font-weight: 500;
 88 |     color: #fff;
 89 |     padding: 0 30px 0 6px;
 90 | }
 91 | 
 92 | .InputBox input:focus~label,
 93 | .InputBox input:valid~label {
 94 |     top: -3px;
 95 | }
 96 | 
 97 | .button {
 98 |     width: 100%;
 99 |     height: 45px;
100 |     background: #ffffff;
101 |     border-radius: 30px;
102 |     font-size: 17px;
103 |     font-weight: 600;
104 |     color: #000;
105 |     margin-top: 10px;
106 |     cursor: pointer;
107 | }
108 | 


--------------------------------------------------------------------------------
/src/css/file_manager.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |     box-sizing: border-box;
  3 |     border: none;
  4 |     outline: none;
  5 |     text-decoration: none;
  6 |     font-family: 'Jost', sans-serif;
  7 | }
  8 | 
  9 | body {
 10 |     background-color: rgb(0, 0, 0);
 11 |     color: #ffffff;
 12 | }
 13 | 
 14 | .ico {
 15 |     width: 25px;
 16 |     display: inline;
 17 |     margin-left: 10px;
 18 |     margin-right: 10px;
 19 | }
 20 | 
 21 | .folder {
 22 |     color: #ffffff;
 23 |     display: inline;
 24 | 
 25 | }
 26 | 
 27 | .file {
 28 |     color: #ffffff;
 29 |     display: inline;
 30 |     
 31 | }
 32 | 
 33 | dialog {
 34 |     background-color: rgba(10, 10, 10, 0.5);
 35 |     backdrop-filter: blur(5px);
 36 |     color: #ffffff;
 37 |     border: 3px #ffffff solid;
 38 |     border-radius: 10px 10px 10px 10px;
 39 |     position: relative;
 40 | }
 41 | 
 42 | dialog input {
 43 |     border: 2px #ffffff solid;
 44 | }
 45 | 
 46 | input {
 47 |     border-radius: 7px;
 48 |     background-color: #222222;
 49 |     color: #ffffff;
 50 |     font-size: 20px;
 51 |     width: 100%;
 52 | }
 53 | 
 54 | dialog h3 {
 55 |     display: inline-block; vertical-align: middle; margin: 0;
 56 | }
 57 | .xbtn {
 58 |     display: inline-block; vertical-align: middle; position: sticky; top: 0; float: right;
 59 |     color: #fff;
 60 | }
 61 | 
 62 | button , .button{
 63 |     width: auto;
 64 |     height: 45px;
 65 |     background: #ffffff;
 66 |     border-radius: 30px;
 67 |     font-size: 17px;
 68 |     font-weight: 600;
 69 |     color: #000;
 70 |     margin-top: 10px;
 71 |     margin-left: 5px;
 72 |     cursor: pointer;
 73 | }
 74 | .button {
 75 |     border-radius: 2px;
 76 |     width: 100%;
 77 |     height: 30px;
 78 |     font-size: 15px;
 79 |     border: 0px #fff solid;
 80 | }
 81 | @media screen and (min-width:700px) {
 82 |     #topbtndiv button {
 83 |         width: 12%;
 84 |     }
 85 | }
 86 | 
 87 | hr {
 88 |     border: 1px #fff solid;
 89 | }
 90 | 
 91 | #topbtndiv {
 92 |     overflow: hidden;
 93 | }
 94 | .rightbtn {
 95 |     float: right;
 96 | }
 97 | 
 98 | button:hover {
 99 |     background: #000;
100 |     color:#ffffff;
101 |     border: 2px #fff solid;
102 | }
103 | 
104 | #files-box {
105 |     background: #0a0a0a;
106 | }
107 | 
108 | .leftbtn p {
109 |     display: inline;
110 |     font-size: 30px;
111 | }
112 | 
113 | .dropdown {
114 |     display: inline;
115 | }
116 | 
117 | .dropdown-list {
118 |     display: none;
119 |     position:absolute;
120 |     background-color: #ffffff;
121 |     border-radius: 15px 0px 15px 15px;
122 |     border: 2px #fff solid;
123 |     color: #000000;
124 |     min-width: 10%;
125 |     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
126 |     z-index: 1;
127 |     margin-left: 88%;
128 | }
129 | @media screen and (min-width:601px) and (max-width:1000px) {
130 |     .dropdown-list {
131 |         margin-left: 85%;
132 |     }
133 | }
134 | @media screen and (min-width:451px) and (max-width:600px) {
135 |     .dropdown-list {
136 |         margin-left: 80%;
137 |     }
138 | }
139 | @media screen and (max-width:450px) {
140 |     .dropdown-list {
141 |         margin-left: 75%;
142 |     }
143 | 
144 | }
145 | .dropdown-list a {
146 |     color: rgb(0, 0, 0);
147 |     border-radius: 15px 0px 15px 15px;
148 |     padding: 12px 16px;
149 |     text-decoration: none;
150 |     display: block;
151 | }
152 | 
153 | .dropdown-list a:hover{background-color: #000000;color: #fff;}
154 | .dropdown:hover .dropdown-list {display: block;}
155 | 
156 | 
157 | .fimg {
158 |     width: 3%;
159 | }
160 | .fname {
161 |     width: 30%;
162 | }
163 | .fsize {
164 |     width: 10%;
165 | }
166 | .fdate {
167 |     width: 35%;
168 | }
169 | .fdel {
170 |     width: 10%;
171 | }
172 | .fcpy {
173 |     width: 10%;
174 | }
175 | .fren {
176 |     width: 10%;
177 | }
178 | .fdel a {
179 |     color: #c01919;
180 | }
181 | .fcpy a , .fren a {
182 |     color: #1938c0;
183 |     margin-right: 10px;
184 | }
185 | 
186 | openfile-dialog-iv {display: none;}
187 | 
188 | 
189 | .fdet {display: none;}
190 | 
191 | @media screen and (max-width:580px) {
192 |     .fsize , .fdate {display: none;}
193 |     .fdet {display: block;}
194 | }
195 | 
196 | 
197 | #src-copy , #src-rename { display: none; }
198 | 
199 | #showen-img {
200 |     max-width: 80%;
201 |     object-fit: contain;
202 | }
203 | 
204 | #page-empty {
205 |     width:30%;
206 | }
207 | 
208 | textarea {
209 |     background: #222222;
210 | 	color:#fff;
211 | }
212 | 
213 | 


--------------------------------------------------------------------------------
/src/file_editor.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <?php
  3 |     session_start();
  4 | 
  5 |     if (!isset($_SESSION['login'])) {$_SESSION['login']='no';}
  6 |     if ($_SESSION['login'] == 'no') {
  7 |         exit('<script>window.location="index.php"</script>');
  8 |     }
  9 | 
 10 |     $usr = $_SESSION['usr'];
 11 |     $psw = $_SESSION['psw'];
 12 | 
 13 |     $path = '';
 14 |     $dir = false;
 15 |     if (isset($_GET['p'])) {
 16 |         $path = $_GET['p'];
 17 |     }else if (isset($_GET['d'])) {
 18 |         $path = $_GET['d'];
 19 |         $dir = true;
 20 |     }
 21 | ?>
 22 | <html lang="en">
 23 | <head>
 24 |     <meta charset="UTF-8">
 25 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 26 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 27 |     <title>WebwareOS - File Editor</title>
 28 |     <link rel="stylesheet" href="css/file_manager.css">
 29 |     <!--
 30 |     <style>
 31 |         @font-face {
 32 |         font-family: 'Terminal Medium';
 33 |         font-style: normal;
 34 |         font-weight: normal;
 35 |         src: local('Terminal Medium'), url('Terminal.woff') format('woff');
 36 |         }
 37 |         .ico {
 38 |             width: 25px;
 39 |             display: inline;
 40 |             margin-left: 10px;
 41 |         }
 42 |         .folder {
 43 |             color: rgb(99, 69, 124);
 44 |             display: inline;
 45 |         }
 46 |         .file {
 47 |             color: rgb(71, 98, 121);
 48 |             display: inline;
 49 |         }
 50 |         .method {
 51 |             color : rgb(111, 81, 192);
 52 |         }
 53 |         a {
 54 |             text-decoration: none;
 55 |         }
 56 |         dialog {
 57 |             background-image: linear-gradient(to left, rgb(15, 15, 15) ,  #000 );
 58 |             color: whitesmoke;
 59 |             border: 2px #fff solid;
 60 |             border-radius: 15px;
 61 |         }
 62 |         input {
 63 |             font-family:'Terminal Medium';
 64 |             border-radius: 6px;
 65 |             border: 2px #ffffff solid;
 66 |             background-color: rgb(41, 41, 41);
 67 |             color: whitesmoke;
 68 |         }
 69 |         button {
 70 |             border-radius: 6px;
 71 |             border: 2px #ffffff solid;
 72 |             font-family:'Terminal Medium';
 73 |             background-color: rgb(20, 20, 20);
 74 |             color: whitesmoke;
 75 |         }
 76 |         textarea {
 77 |             background-color: rgb(10,10,10);
 78 |             color: white;
 79 |             font-size: 16px;
 80 |         }
 81 |     </style>-->
 82 |     <script>
 83 |         function feditor_save() {
 84 |             fp = document.getElementById('filepath').value
 85 |             text =  document.getElementById('filetext').value
 86 |             console.log(text)
 87 |             var xhttp = new XMLHttpRequest();
 88 |             xhttp.onreadystatechange = function() {
 89 |                 if (this.readyState == 4 && this.status == 200) {
 90 |                 // Typical action to be performed when the document is ready:
 91 |                 document.getElementById("out").innerHTML = xhttp.responseText;
 92 |                 }
 93 |             };
 94 |             xhttp.open("GET", 'api/file_editor.php?a=save&fp=' + encodeURI(fp) + '&text=' + encodeURI(text), true);
 95 |             xhttp.send(); 
 96 |         }
 97 |         function feditor_open() {
 98 |             fp = document.getElementById('filepath').value
 99 |             var xhttp = new XMLHttpRequest();
100 |             xhttp.onreadystatechange = function() {
101 |                 if (this.readyState == 4 && this.status == 200) {
102 |                 // Typical action to be performed when the document is ready:
103 |                 document.getElementById("filetext").innerHTML = xhttp.responseText;
104 |                 document.getElementById("filetext").value = xhttp.responseText;
105 |                 }
106 |             };
107 |             xhttp.open("GET", "api/file_editor.php?a=open&fp=" + encodeURI(fp), true);
108 |             xhttp.send(); 
109 |         }
110 |     </script>
111 |     <dialog id="saved-dialog">
112 |         <h3>File Saved !!</h3>
113 |         <input type="button" class="button" value="CLOSE" onclick="document.getElementById('saved-dialog').close()">
114 |     </dialog>
115 | </head>
116 | <body style="font-family:'Terminal Medium'; background-color: rgb(15, 15, 15);color: whitesmoke;">
117 |     <h1>File Editor</h1>
118 |     <a href="file_manager.php"><button style="width:30px; height:30px; font-size: 20px; position: absolute; top: 23px; right: 10px;">x</button></a>
119 |     <hr>
120 |     <h3 style='display:inline;'>Path :</h3><input type="text" id="filepath" value="<?php echo 'home/'.$path ?>" style='width:200px;'>
121 |     <span style='position: absolute; right: 10px;'>
122 |         <button style='width: 100px;' onclick="feditor_open()" >Open</button>
123 |         <button style='width: 100px;' onclick="feditor_save(); document.getElementById('saved-dialog').showModal()" >Save</button>
124 |     </span>
125 |     <br><br>
126 |     <script><?php if (!$dir) {echo 'feditor_open()';} ?></script>
127 |     <textarea style='width:100%;' id="filetext" rows='25'></textarea>
128 | </body>
129 | </html>


--------------------------------------------------------------------------------
/src/file_manager.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <?php
  3 |     session_start();
  4 | 
  5 |     if (!isset($_SESSION['login'])) {$_SESSION['login']='no';}
  6 |     if ($_SESSION['login'] == 'no') {
  7 |         exit('<script>window.location="index.php"</script>');
  8 |     }
  9 |     
 10 |     $usr = $_SESSION['usr'];
 11 |     $psw = $_SESSION['psw'];
 12 | 
 13 |     $path = '';
 14 |     if (isset($_GET['p'])) {
 15 |         $path = $_GET['p'];
 16 |     }
 17 | ?>
 18 | <html lang="en">
 19 | <head>
 20 |     <meta charset="UTF-8">
 21 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 22 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 23 |     <title>WebwareOS - File Manager</title>
 24 |     <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
 25 |     <link rel="stylesheet" href="css/file_manager.css">
 26 |     <script src="js/main.js"></script>
 27 | </head>
 28 | <body>
 29 |     <!-- COPY DIALOG -->
 30 |     <dialog id="details-dialog">
 31 |         <h3 style="">Item Details</h3><a class="xbtn" href="#" onclick="document.getElementById('details-dialog').close()"><b>⛌</b></a>     
 32 |         <hr>
 33 |         <p id="file-details"></p>
 34 |     </dialog>
 35 |     <!-- Image Viewer -->
 36 |     <dialog id="image-viewer">
 37 |         <h3>Image Viewer</h3><a class="xbtn" href="#" onclick="document.getElementById('image-viewer').close()"><b>⛌</b></a>
 38 |         <hr>
 39 |         <center>
 40 |             <img id="showen-img" alt="">
 41 |         </center>
 42 |     </dialog>
 43 |     <!-- FILE DIALOG -->
 44 |     <dialog id="openfile-dialog">
 45 |         <h3 style="">Open With</h3><a class="xbtn" href="#" onclick="document.getElementById('openfile-dialog').close()"><b>⛌</b></a>
 46 |         <hr>
 47 |         <center>
 48 |             <a id="openfile-dialog-dl" ><input type="button" class="button" value="Download"></a>
 49 |             <a id="openfile-dialog-iv" ><input type="button" class="button" value="Image Viewer"></a>
 50 |             <a id="openfile-dialog-fe" ><input type="button" class="button" value="File Editor"></a>
 51 |             <br><br>
 52 |             <input type="button" class="button" value="CLOSE" onclick="document.getElementById('openfile-dialog').close()">
 53 |         </center>
 54 |     </dialog>
 55 |     <!-- COPY DIALOG -->
 56 |     <dialog id="copy-dialog">
 57 |         <form action="api/copy.php">
 58 |             <h3>Copy File</h3><a class="xbtn" href="#" onclick="document.getElementById('copy-dialog').close()"><b>⛌</b></a>
 59 |             <hr>
 60 |             <input name="from" id="src-copy" readonly="readonly" type="text" placeholder="Enter full file path" value="<?php echo "home/".$path ?>">
 61 |             <input name="to" autocomplete="off" type="text" placeholder="Enter the new path">
 62 |             <input type="submit" class="button" value="Copy">
 63 |         </form>
 64 |         
 65 |     </dialog>
 66 |     <!------------------->
 67 |     <!-- RENAME DIALOG -->
 68 |     <dialog id="rename-dialog">
 69 |         <form action="api/rename.php">
 70 |             <h3>Rename</h3><a class="xbtn" href="#" onclick="document.getElementById('rename-dialog').close()"><b>⛌</b></a>
 71 |             <hr>
 72 |             <input name="from" id="src-rename" readonly="readonly" type="text" placeholder="Enter full file name with path" value="<?php echo "home/".$path ?>">
 73 |             <input name="to" autocomplete="off" type="text" placeholder="Enter the new file name with path">
 74 |             <input type="submit" class="button" value="Rename">
 75 |         </form>
 76 |         <p style="font-size: 10px;">eg. home/show.ppt</p>
 77 |         <p style="font-size: 10px;">&ensp;&ensp;home/notshow.ppt</p>
 78 |     </dialog>
 79 |     <!------------------->
 80 |     <!-- New Folder DIALOG -->
 81 |     <dialog id="mkdir-dialog">
 82 |         <form action="api/mkdir.php">
 83 |             <h3>New Folder</h3><a class="xbtn" href="#" onclick="document.getElementById('mkdir-dialog').close()"><b>⛌</b></a>
 84 |             <hr><br>
 85 |             <input autocomplete="off" name="dp" type="text" placeholder="Enter full dir path" value="<?php echo "home/".$path ?>">
 86 |             <p style="font-size: 10px;">eg. home/myshows</p>
 87 |             <input class="button" type="submit" value="Create">
 88 |         </form>
 89 |     </dialog>
 90 |     <!------------------->
 91 |     <!-- New File Dialog -->
 92 |     <dialog id="mkopenfile-dialog">
 93 |         <form action="api/mkfile.php">
 94 |             <h3>New File</h3><a class="xbtn" style="margin-left:60%;" href="#" onclick="document.getElementById('mkopenfile-dialog').close()"><b>⛌</b></a>
 95 |             <hr><br>
 96 |             <input name="fp" autocomplete="off" type="text" placeholder="Enter full file path" value="<?php echo "home/".$path ?>">
 97 |             <p style="font-size: 10px;">eg. home/file.txt</p>
 98 |             <input class="button" type="submit" value="Create">
 99 |         </form>
100 |     </dialog>
101 |     <!------------------->
102 |     <!-- UPLOAD DIALOG -->
103 |     <dialog id="upload-dialog">
104 |         <form action="api/upload_file.php" method="post" enctype="multipart/form-data">
105 |             <h3 style="display:inline;">Upload File</h3><a class="xbtn" href="#" onclick="document.getElementById('upload-dialog').close()"><b>⛌</b></a>
106 |             <hr>
107 |             <input autocomplete="off" name="target" type="text" placeholder="Enter full file path" value="<?php echo "home/".$path ?>">
108 |             <input type="file" name="fileToUpload" id="fileToUpload">
109 |             <input type="submit" class="button" value="Upload">
110 |         </form>
111 |     </dialog>
112 |     <!------------------->
113 |     <h2>Path : <?php echo 'home/'.$path; ?></h2>
114 |     
115 |     <!-- TOP METHODS BUTTON -->
116 |     <div id="topbtndiv">
117 |         <a href="<?php
118 |         echo 'file_manager.php?p=';
119 |         $arr = explode('/',$path);
120 |         $arr = array_slice($arr,0,-1);
121 |         echo join('/',$arr);
122 |         ?>">
123 |             <!--<button class="leftbtn"><img src="img/back.png" class='ico'><p>Back</p></button>-->
124 |             <button class="leftbtn"><p>↶</p> Back</button>
125 |         </a>
126 |         <!-- Dropdown Menu (+) -->
127 |         <div class="dropdown">
128 |             <button class="rightbtn" style="width: 48px;" onclick="plus_onclick()">+</button>
129 |             <div class="dropdown-list">
130 |                 <a href="#" onclick="document.getElementById('mkopenfile-dialog').showModal()">File</a>
131 |                 <a href="#" onclick="document.getElementById('mkdir-dialog').showModal()">Folder</a>
132 |             </div>
133 |         </div>
134 |         <a class='method' href="file_editor.php?d=<?php echo $path; ?>">
135 |             <button class="rightbtn">FileEditor</button>
136 |         </a>
137 |         <button class="rightbtn" onclick="document.getElementById('upload-dialog').showModal()">Upload</button>
138 |     </div>
139 |     <br><br>
140 |     <!------------------------>
141 | 
142 |     <!--- FILE AND FOLDER BOX --->
143 |     <div id="files-box">
144 |         <br>
145 |         <table id="files-table">
146 |             <tr>
147 |                 <td class="fimg"></td>
148 |                 <td class="fname">Name</td>
149 |                 <td class="fsize">Size</td>
150 |                 <td class="fdate">Last Modified</td>
151 |                 <td class="fdel"></td>
152 |                 <td class="fcpy"></td>
153 |                 <td class="fren"></td>
154 |             </tr>
155 |             <?php
156 |                 $where_iam = $usr.'/'.$psw.'/'.$path;
157 |                 $files = array_diff(scandir($where_iam), array('.', '..'));
158 |                 foreach ($files as $value) {
159 |                     if (is_dir($where_iam.'/'.$value)){
160 |                         echo '<tr>';
161 |                         echo '<td class="fimg"><a href="file_manager.php?p='.$path.'/'.$value.'" ><img src="img/folder.png" class="ico"></a></td>';
162 |                         echo '<td class="fname"><a href="file_manager.php?p='.$path.'/'.$value.'" ><p class="folder">'.$value.'</p></a></td>';
163 |                         echo '<td class="fsize">'.filesize($where_iam.'/'.$value).'</td>';
164 |                         echo '<td class="fdate">'.date("F d Y H:i:s.", filemtime($where_iam.'/'.$value)).'</td>';
165 |                         echo '<td class="fdel"><center><a href="api/delete.php?fp='.urlencode($path.'/'.$value).'&type=dir">Delete</a></center></td>';
166 |                         echo '<td class="fren"><center><a href="#" onclick="document.getElementById(\'rename-dialog\').querySelector(\'#src-rename\').value=\''.$path.'/'.$value.'\';document.getElementById(\'rename-dialog\').showModal();">Rename</a></center></td>';
167 |                         echo '<td class="fcpy"></td>';
168 |                         echo '<td class="fdet"><center><a onclick="show_details(this)" >:</a></center></td>';
169 |                         echo '</tr>';
170 |                     }
171 |                 }
172 | 
173 |                 foreach ($files as $value) {
174 |                     if (!is_dir($where_iam.'/'.$value)){
175 |                         //echo '<a onclick="openfile_dialog()" href="api/download.php?p='.$path.'/'.$value.'" ><img src="img/file.png" class="ico">&ensp;<p class="file">'.$value.'</p></a><br>';
176 |                         echo '<tr>';
177 |                         echo '<td class="fimg"><a onclick="openfile_dialog(\''.$path.'/'.$value.'\')" href="#" ><img src="img/file.png" class="ico"></a></td>';
178 |                         echo '<td class="fname"><a onclick="openfile_dialog(\''.$path.'/'.$value.'\')" href="#" ><p class="file">'.$value.'</p></a></td>';
179 |                         echo '<td class="fsize">'.filesize($where_iam.'/'.$value).'</td>';
180 |                         echo '<td class="fdate">'.date("F d Y H:i:s.", filemtime($where_iam.'/'.$value)).'</td>';
181 |                         echo '<td class="fdel"><center><a href="api/delete.php?fp='.urlencode($path.'/'.$value).'&type=file">Delete</a></center></td>';
182 |                         echo '<td class="fren"><center><a href="#" onclick="document.getElementById(\'rename-dialog\').querySelector(\'#src-rename\').value=\''.$path.'/'.$value.'\';document.getElementById(\'rename-dialog\').showModal();">Rename</a></center></td>';
183 |                         echo '<td class="fcpy"><center><a href="#" onclick="document.getElementById(\'copy-dialog\').querySelector(\'#src-copy\').value=\''.$path.'/'.$value.'\';document.getElementById(\'copy-dialog\').showModal();">Copy</a></center></td>';
184 |                         echo '<td class="fdet"><center><a onclick="show_details(this)" >:</a></center></td>';
185 |                         echo '</tr>';
186 |                     }
187 |                 }
188 | 
189 |             ?>
190 |         </table>
191 |         <?php
192 |         // is page is empty show this img
193 |         if (!$files) {
194 |             echo '<center><img id="page-empty" src="img/empty.png"></center>';
195 |             echo '<style>.fname , .fsize , .fdate { display:none; }</style>';
196 |         }
197 |         ?>
198 |         <br>
199 |     </div>
200 |     <!----------------------------->
201 |     <p><a href="api/logout.php" class='method'>Logout</a></p>
202 | </body>
203 | </html>


--------------------------------------------------------------------------------