forked from frc/Frantic-S3-Browser
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
55 lines (52 loc) · 2.43 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html>
<head>
<title>Object Storage Browser</title>
<script type="text/javascript" src="assets/js/libs/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/libs/jquery.ui.widget.js"></script>
<script type="text/javascript" src="assets/js/libs/jquery.fileupload.js"></script>
<script type="text/javascript" src="assets/js/libs/jquery.form.js"></script>
<script type="text/javascript" src="assets/js/libs/sha1.js"></script>
<script type="text/javascript" src="assets/js/osb.js"></script>
<link rel="stylesheet" href="assets/css/osb.css" type="text/css" />
<link rel="stylesheet" href="assets/css/branding.css" type="text/css" />
</head>
<body>
<div id="div_login_form">
<div id="login_error">Login failed. Please check the information and try again.</div>
<div class="theming">
<h1>OSB</h1>
<h2>Files</h2>
<a id="logout" href="/">Logout</a>
</div>
<form id="login_form" action="" method="GET">
<div class="input_group"><label for="bucket">Bucket</label><input type="text" name="bucket" id="bucket" value="" /></div>
<div class="input_group"><label for="aws_access_key_id">Access ID</span><input type="text" name="aws_access_key_id" id="aws_access_key_id" value="" /></div>
<div class="input_group"><label for="aws_secret_access_key">Password</label><input type="text" name="aws_secret_access_key" id="aws_secret_access_key" value="" /></div>
<input type="submit" value="Login" />
</form>
</div>
<div id="bucketlist"></div>
<div id="upload">
<form id="upload_form" action="/" method="post" enctype="multipart/form-data">
<label for="fileupload">Select file to upload: </label><div id="fake_upload">Choose file<input type="file" id="fileupload" name="file" /></div>
<!-- <input type="submit" value="Save"> -->
</form>
or just drop the files here to upload them immediately.
<div id="div_upload_form" class="fade well">
Drop files here:
</div>
</div>
<script>
var configvars = {
'aws_access_key_id': 'YOUR ACCESS KEY HERE',
'aws_secret_access_key': 'YOUR SECRET KEY HERE',
'bucket': 'YOUR BUCKET ID HERE',
's3endpoint': 'YOUR S3 ENDPOINT HERE'
};
var osb = new OSB;
jQuery(document).ready(function(){
osb.init({'hash': location.hash, 'login_form': '#login_form', 'div_logout_form': '#div_logout_form', 'div_upload_form': '#upload', 'fileupload_field': '#fileupload', 'bucketlist': '#bucketlist', 'login_error': '#login_error', 's3_endpoint': window.configvars.s3endpoint});
});
</script>
</body>
</html>