more admin stuff

templates/terminal.html

@@ -11,14 +11,41 @@
   <div class="session-shell" id="session-shell" data-host-id="{{ host_id }}">
     <div class="session-toolbar">
       <button id="fullscreen-btn">Vollbild</button>
-      <button id="upload-btn">Datei hochladen</button>
-      <input type="file" id="file-input" class="hidden">
+      <button id="filetransfer-btn">Dateitransfer</button>
       <span class="spacer"></span>
       <span class="status" id="status">Verbinde ...</span>
     </div>
     <div id="terminal"></div>
   </div>
 
+  <div class="ft-overlay hidden" id="ft-overlay">
+    <div class="ft-panel">
+      <h2>Dateitransfer
+        <button type="button" class="btn-secondary btn-small" id="ft-close-btn">Schliessen</button>
+      </h2>
+
+      <h3>Hochladen</h3>
+      <label for="ft-upload-remote-path">Zielpfad auf dem Server</label>
+      <input type="text" id="ft-upload-remote-path" placeholder="/tmp/datei.txt">
+      <input type="file" id="ft-upload-file-input" class="hidden">
+      <div class="ft-btn-row">
+        <button type="button" class="btn-secondary btn-small" id="ft-upload-pick-btn">Datei auswaehlen</button>
+        <span class="hint" id="ft-upload-filename">Keine Datei ausgewaehlt</span>
+      </div>
+      <button type="button" class="btn-small" id="ft-upload-submit-btn">Hochladen</button>
+
+      <h3>Herunterladen</h3>
+      <label for="ft-download-remote-path">Pfad auf dem Server</label>
+      <input type="text" id="ft-download-remote-path" placeholder="/etc/hosts">
+      <button type="button" class="btn-small" id="ft-download-submit-btn">Herunterladen</button>
+
+      <div class="error" id="ft-status"></div>
+
+      <h3>Letzte Transfers</h3>
+      <div class="ft-list" id="ft-list"></div>
+    </div>
+  </div>
+
   <script src="/static/js/vendor/xterm.js"></script>
   <script src="/static/js/vendor/xterm-addon-fit.js"></script>
   <script src="/static/js/terminal.js"></script>