v 0.2 #bug fixed

FaiezWaseem · Feb 20, 2023 · 37c8092 · 37c8092
1 parent 80cdab8
commit 37c8092
Show file tree

Hide file tree

Showing 6 changed files with 208 additions and 132 deletions.
diff --git a/index.html b/index.html
@@ -5,7 +5,28 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Code Editor</title>
+    <!-- Primary Meta Tags -->
+    <title>Code Editor — Preview, Edit , Upload and Download</title>
+    <meta name="title" content="Code Editor — Preview, Edit , Upload and Download">
+    <meta name="description"
+        content="Code Editor — Preview, Edit , Upload and Download - Hey Folks this is Simple Web Based Code Editor , No Need To use Nano or vim for your server now. Simply put it in the public Directory and enjoy.">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="#">
+    <meta property="og:title" content="Code Editor — Preview, Edit , Upload and Download">
+    <meta property="og:description"
+        content="Code Editor — Preview, Edit , Upload and Download - Hey Folks this is Simple Web Based Code Editor , No Need To use Nano or vim for your server now. Simply put it in the public Directory and enjoy.">
+    <meta property="og:image" content="./src/images/CodeEditor.PNG">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="#">
+    <meta property="twitter:title" content="Code Editor — Preview, Edit , Upload and Download">
+    <meta property="twitter:description"
+        content="Code Editor — Preview, Edit , Upload and Download - Hey Folks this is Simple Web Based Code Editor , No Need To use Nano or vim for your server now. Simply put it in the public Directory and enjoy.">
+    <meta property="twitter:image" content="./src/images/CodeEditor.PNG">
+
     <script src="https://code.jquery.com/jquery-3.6.3.min.js"
         integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="./src/css/style.css">
@@ -14,12 +35,12 @@
 
 <body oncontextmenu="return false;">
     <div class="container">
-        
+
         <div class="iframe">
-        <div>
-            <span>Terminal<span>
-            <button class="btn close-modal" id="close-shell">&times;</button>
-        </div>
+            <div>
+                <span>Terminal<span>
+                        <button class="btn close-modal" id="close-shell">&times;</button>
+            </div>
             <iframe src="./src/php/shell.php" frameborder="0" id='terminal'></iframe>
         </div>
         <div class="save"><img src="./src/images/Actions-document-save-as-icon.png" alt=""></div>

diff --git a/readme.md b/readme.md
@@ -31,4 +31,6 @@ Simply put it in the public Directory and enjoy.
 ## logs
 
 -- added Terminal (Feb 15 2023)
+-- Added Reload Button - Fixed Bugs (Feb 20 2023)
+
 
diff --git a/src/css/style.css b/src/css/style.css
@@ -10,7 +10,7 @@
 }
 .container .sidebar{
     width: 20%;
-    background-color: black;
+    background-color: #1D1F21;
     height: 100vh;
     overflow: scroll;
     transition: all 1s ease 0s;
@@ -83,8 +83,10 @@
   display: flex;
   justify-content: space-between;
 }
+
 .container .sidebar ul li{
  margin: 4px 0px;
+ list-style: none;
 }
 .container .sidebar ul li a , .container .sidebar a{
     text-decoration: none;
@@ -93,7 +95,7 @@
     justify-content: flex-start;
     align-items: center;
 }
-.container .sidebar ul li a img{
+.container .sidebar ul li a img , .container .file-options div img{
   width: 20px;
   margin-right: 4px;
 }

diff --git a/src/images/Button-Refresh-icon.png b/src/images/Button-Refresh-icon.png
diff --git a/src/js/index.js b/src/js/index.js
@@ -17,6 +17,7 @@
     <div>
     <img src="./src/images/file.png" alt="icon" data-target="#modal2" />
     <img src="./src/images/open-folder.png" alt="icon" data-target="#modal1" />
+    <img src="./src/images/Button-Refresh-icon.png" alt="icon" onclick='codeEditor.reload()'  />
     <div>
     <div>`)
     document.getElementById("sidebar").innerHTML += (`<ul id="files"></ul>`)
@@ -26,7 +27,10 @@
     ace.config.set('basePath', 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.14/')
     editor.setOptions({
         theme: 'ace/theme/tomorrow_night',
-        mode: 'ace/mode/javascript'
+        mode: 'ace/mode/javascript',
+        enableBasicAutocompletion: true,
+        enableSnippets: true,
+        enableLiveAutocompletion: false
     })
     themes.addEventListener('change', function(e){
       editor.setOptions({
Original file line number	Diff line number	Diff line change
Expand Up		@@ -31,4 +31,6 @@ Simply put it in the public Directory and enjoy.
		## logs

		-- added Terminal (Feb 15 2023)
		-- Added Reload Button - Fixed Bugs (Feb 20 2023)