diff options
author | cbdev <cb@cbcdn.com> | 2021-07-15 23:41:52 +0200 |
---|---|---|
committer | cbdev <cb@cbcdn.com> | 2021-07-15 23:41:52 +0200 |
commit | e340b9fb90c361cd59997500323a3801030b0638 (patch) | |
tree | 8765501766c9caa4847b9a07e1dd556170f2536b /interface | |
parent | 590870b9ec56f22cd7d7b785b6464ff1b6c46b9d (diff) | |
download | cargohold-e340b9fb90c361cd59997500323a3801030b0638.tar.gz cargohold-e340b9fb90c361cd59997500323a3801030b0638.tar.bz2 cargohold-e340b9fb90c361cd59997500323a3801030b0638.zip |
Basic scripting
Diffstat (limited to 'interface')
-rw-r--r-- | interface/listing.htm | 57 |
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> |