aboutsummaryrefslogtreecommitdiff
path: root/interface
diff options
context:
space:
mode:
authorcbdev <cb@cbcdn.com>2021-07-15 23:41:52 +0200
committercbdev <cb@cbcdn.com>2021-07-15 23:41:52 +0200
commite340b9fb90c361cd59997500323a3801030b0638 (patch)
tree8765501766c9caa4847b9a07e1dd556170f2536b /interface
parent590870b9ec56f22cd7d7b785b6464ff1b6c46b9d (diff)
downloadcargohold-e340b9fb90c361cd59997500323a3801030b0638.tar.gz
cargohold-e340b9fb90c361cd59997500323a3801030b0638.tar.bz2
cargohold-e340b9fb90c361cd59997500323a3801030b0638.zip
Basic scripting
Diffstat (limited to 'interface')
-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>