-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (75 loc) · 2.82 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="js/PlexUpload.js"></script>
<style>
body { padding: 30px }
form { display: block; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px }
.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }
</style>
</head>
<body>
<div class="container theme-showcase">
<div class="jumbotron">
<h1>Plex Uploader</h1>
<p>Upload movies</p>
</div>
<div class="folderUpload">
<span>Upload</span>
<input type="file" class="file" id="dir_input" webkitdirectory="" directory="">
</div>
<br/><br/>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Files in progress...</h3>
</div>
<div class="panel-body" id="dragandrophandler">
</div>
</div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#pendingFiles" role="tab">Pending Files</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#existFiles" role="tab">Exist</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#uploadFiles" role="tab">Upload</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#abortedFiles" role="tab">Aborted</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#unmatchedFiles" role="tab">Unmatched</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="pendingFiles" role="tabpanel">
<ul id="pendingFilesList" class="list-group">
</ul>
</div>
<div class="tab-pane" id="existFiles" role="tabpanel">
<div class="panel panel-default">
<div class="panel-body" id="existFilesPanel">
</div>
</div>
</div>
<div class="tab-pane" id="uploadFiles" role="tabpanel">
<div class="panel panel-default">
<div class="panel-body" id="uploadFilesPanel">
</div>
</div>
</div>
<div class="tab-pane" id="abortedFiles" role="tabpanel">...</div>
<div class="tab-pane" id="unmatchedFiles" role="tabpanel">...</div>
</div>
</div>
</body>
</html>