65 lines
1.8 KiB
HTML
65 lines
1.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<link rel="stylesheet" href="/assets/global.css" />
|
||
|
|
<title>S3-Client Web Wrapper</title>
|
||
|
|
<style>
|
||
|
|
#uploadStatus,
|
||
|
|
#commandOutput {
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body style="max-width: 50%; margin: auto; margin-top: 10vh">
|
||
|
|
<div class="header">S3-Client WebGUI</div>
|
||
|
|
|
||
|
|
<fieldset>
|
||
|
|
<legend>File Selection</legend>
|
||
|
|
<form id="uploadForm">
|
||
|
|
<input type="file" name="file" required />
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
name="directory"
|
||
|
|
placeholder="Directory to upload to [Optional]"
|
||
|
|
style="width: 210px;"
|
||
|
|
/>
|
||
|
|
<br />
|
||
|
|
<button type="submit" class="button">Upload</button>
|
||
|
|
</form>
|
||
|
|
</fieldset>
|
||
|
|
|
||
|
|
<fieldset style="margin-top: 10px">
|
||
|
|
<legend>Delete</legend>
|
||
|
|
<form style="display: flex;" id="deleteForm">
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
name="filename"
|
||
|
|
placeholder="Filename to delete"
|
||
|
|
required
|
||
|
|
style="width: 100%;"
|
||
|
|
/>
|
||
|
|
<button style="margin-left: 10px;" type="submit">Delete</button>
|
||
|
|
</form>
|
||
|
|
</fieldset>
|
||
|
|
|
||
|
|
<fieldset style="margin-top: 10px">
|
||
|
|
<legend>Terminal</legend>
|
||
|
|
<div id="uploadStatus"></div>
|
||
|
|
<pre id="commandOutput"></pre>
|
||
|
|
<div>
|
||
|
|
<div id="deleteStatus"></div>
|
||
|
|
<pre id="deleteOutput"></pre>
|
||
|
|
</div>
|
||
|
|
</fieldset>
|
||
|
|
|
||
|
|
<div style="margin-top: 10px;">
|
||
|
|
<a href="https://git.fluffy.pw/leafus/s3-client">[ s3-client ]</a> -
|
||
|
|
<a href="https://git.fluffy.pw/leafus/s3-client-web">[ s3-client-web ]</a> - Licensed under MIT
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/assets/index.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|