updates; new file/folder working

assets/public/js/application.js

@@ -261,7 +261,7 @@ var handleFiles = function(files) {
     request.onreadystatechange = function() {
         if (request.readyState == 4) {
             if (request.status == 200) {
-                location.reload();
+                history.go(0);
             }
 
             button.changeToDone((request.status != 200), html);
@@ -406,6 +406,39 @@ document.addEventListener('listing', event => {
     // Enables rename button
     document.getElementById("rename").addEventListener("click", renameEvent);
 
+    document.getElementById('new').addEventListener('click', event => {
+        let newdir = document.getElementById('newdir');
+        newdir.classList.toggle('enabled');
+        newdir.focus();
+    });
+
+    document.getElementById('newdir').addEventListener('keydown', event => {
+        if (event.keyCode == 27) {
+            document.getElementById('newdir').classList.toggle('enabled');
+            setTimeout(() => {
+                document.getElementById('newdir').value = '';
+            }, 200);
+        }
+
+        if (event.keyCode == 13) {
+            event.preventDefault();
+
+            let button = document.getElementById('new');
+            let html = button.changeToLoading();
+            let request = new XMLHttpRequest();
+            request.open("POST", window.location);
+            request.setRequestHeader('Filename', document.getElementById('newdir').value);
+            request.send();
+            request.onreadystatechange = function() {
+                if (request.readyState == 4) {
+                    button.changeToDone((request.status != 200), html);
+                    history.go(0);
+                }
+            }
+
+        }
+    });
+
     // Drag and Drop
     document.addEventListener("dragover", function(event) {
         event.preventDefault();

assets/templates/base.tmpl

@@ -54,7 +54,7 @@
      {{ else }}
      {{ template "actions" . }}
     {{ end }}
-    
+
     <div class="action" id="logout">
      <i class="material-icons">exit_to_app</i>
     </div>
@@ -81,14 +81,6 @@
    {{ template "content" .Data }}
   </main>
 
-  {{ if .IsDir }}
-   <div class="floating">
-    <div class="action" id="newfolder">
-     <i class="material-icons">add</i>
-    </div>
-   </div>
-  {{ end }}
-
   <footer>
    Served with
    <a rel="noopener noreferrer" href="https://caddyserver.com">Caddy</a>

assets/templates/listing.tmpl

@@ -31,4 +31,12 @@
   </div>
 
   <input style="display:none" type="file" id="upload-input" onchange="handleFiles(this.files)" value="Upload" multiple>
+
+<input id="newdir" type="text" placeholder="Name...">
+
+  <div class="floating">
+   <div class="action" id="new">
+    <i class="material-icons">add</i>
+   </div>
+  </div>
  {{ end }}