-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·121 lines (103 loc) · 4.87 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>aria2js</title>
<link rel="stylesheet" type="text/css" href="css/dot-luv/jquery-ui-1.8.20.custom.css" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.base64.min.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/rpc.js"></script>
<script type="text/javascript" src="js/aria2.js"></script>
<script type="text/javascript" src="js/plumbing.js"></script>
</head>
<body>
<div id="global-controls">
<a href="#" id="resume-all-button" class="ui-icon ui-icon-play" title="Resume all downloads"></a>
<a href="#" id="pause-all-button" class="ui-icon ui-icon-pause" title="Pause all downloads"></a>
<p class="ui-icon ui-icon-grip-dotted-vertical"> </p>
<p class="transfer-rate" style="color: #ffffff">
<span class="ui-icon ui-icon-arrowthick-1-s" title="Download Rate"></span>
<span id="download-rate" class="transfer-rate-value">n/a</span>
</p>
<p class="transfer-rate" style="color: #ffffff">
<span class="ui-icon ui-icon-arrowthick-1-n" title="Upload Rate"></span>
<span id="upload-rate" class="transfer-rate-value">n/a</span>
</p>
<p class="ui-icon ui-icon-grip-dotted-vertical"> </p>
<a href="#" id="open-button" class="ui-icon ui-icon-folder-open" title="Start new download"></a>
<a href="#" id="refresh-button" class="ui-icon ui-icon-refresh" title="Update download information"></a>
<a href="#" id="settings-button" class="ui-icon ui-icon-gear" title="Change the settings of Aria2 and Aria2JS"></a>
<a href="#" id="info-button" class="ui-icon ui-icon-lightbulb" title="Show aria2 information"></a>
<a href="#" id="shutdown-button" class="ui-icon ui-icon-power" title="Shut down Aria2"></a>
</div>
<h1>aria2js</h1>
<div id="downloads">
</div>
<!-- =======================================================================
Templates
-->
<div id="new-download-dialog" class="template">
<input type="text" id="file-url" name="file-url"/>
<div id="drop-zone">Drag and drop files here!</div>
<input type="file" id="files" name="files[]"/>
</div>
<div id="settings-dialog" class="template"></div>
<div id="info-dialog" class="template" title="aria2 Information">
<table>
<tr>
<td>aria2js Version</td>
<td>0.1</td>
</tr>
<tr>
<td>aria2 Version</td>
<td id="info-aria2-version"></td>
</tr>
<tr>
<td>URL</td>
<td id="info-url"></td>
</tr>
<tr>
<td>Enabled Features</td>
<td><ul id="info-features"></ul></td>
</tr>
<tr>
<td>Session ID</td>
<td id="info-session-id"></td>
</tr>
</table>
<p>This web frontend for aria2 was made by Chris Ortner. If you like it and happen to meet him one day, consider buying him a beer.</p>
</div>
<div id="download-item" class="template">
<div class="accordion-header">
<div class="progress-bar">
<p class="download-name">Title</p>
<!--<p class="download-controls">
<a href="#" class="resume-button">Resume</a>
<a href="#" class="pause-button">Pause</a>
<a href="#" class="remove-button">Remove</a>
</p>-->
<p class="transfer-rate" style="color: #ffffff">
<span class="ui-icon ui-icon-arrowthick-1-n" title="Upload Rate"></span>
<span class="upload-rate transfer-rate-value">n/a</span>
</p>
<p class="transfer-rate" style="color: #ffffff">
<span class="ui-icon ui-icon-arrowthick-1-s" title="Download Rate"></span>
<span class="download-rate transfer-rate-value">n/a</span>
</p>
<p class="download-progress"><span class="download-progress-value">n/a</span> %</p>
</div>
<!--<div class="download-controls">
<a href="#" class="ui-icon ui-icon-play resume-button" title="Resume download"></a>
<a href="#" class="ui-icon ui-icon-pause pause-button" title="Pause download"></a>
<a href="#" class="ui-icon ui-icon-trash remove-button" title="Remove download from queue"></a>
<!--<a href="#" class="purge-button" class="ui-icon ui-icon-trash" title="Remove download from queue and delete all data"></a>-->
<!--</div>-->
</div>
<div class="accordion-expansion">
</div>
</div>
</body>
</html>