aboutsummaryrefslogtreecommitdiff
path: root/interface/listing.htm
diff options
context:
space:
mode:
Diffstat (limited to 'interface/listing.htm')
-rw-r--r--interface/listing.htm57
1 files changed, 57 insertions, 0 deletions
diff --git a/interface/listing.htm b/interface/listing.htm
new file mode 100644
index 0000000..27b622a
--- /dev/null
+++ b/interface/listing.htm
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <title>cargohold</title>
+ <link rel="stylesheet" href="assets/cargohold.css" />
+ <link rel="icon" href="assets/cargohold.ico" />
+ <script src="assets/cargohold.js"></script>
+ </head>
+ <body>
+ <div id="header">
+ cargohold
+ </div>
+ <div id="container">
+ <div class="tab-wrap">
+ <input type="radio" id="tab-view" name="tabs" class="tab" checked>
+ <label for="tab-view">View</label>
+
+ <input type="radio" id="tab-upload" name="tabs" class="tab">
+ <label for="tab-upload">Upload</label>
+
+ <div class="tab-content">
+ <div id="dirlisting">
+ <div>
+ <span class="name">File Name</span>
+ <span class="name">File Size</span>
+ </div>
+ <div>
+ <span class="name">File Name</span>
+ <span class="name">File Size</span>
+ </div>
+ </div>
+ </div>
+ <div class="tab-content">
+ <div id="upload">
+ <form action="upload" method="post" enctype="multipart/form-data">
+ <label for="files" id="selector-label">
+ △ Select files to upload
+ <input type="file" id="files" name="files" multiple>
+ </label>
+ <input type="submit" value="Start upload" name="submit" id="file-submit">
+
+ </form>
+ </div>
+ <div id="queue">
+ </div>
+ <div id="storage">
+ Storage space left: 2GB / 2GB <br/>
+ <progress value="70" max="100">70 %</progress>
+ </div>
+ </div>
+ </div>
+ </div>
+ <script src="assets/cargohold.js"></script>
+ </body>
+</html>