Merge branch 'nmaier' of git://github.com/nmaier/webui-aria2 into nmaier

This commit is contained in:
hamza zia 2014-05-31 17:36:22 +08:00
commit 9ceaec40ae
13 changed files with 172 additions and 2804 deletions

View File

@ -11,12 +11,7 @@ aria2c --enable-rpc --rpc-listen-all
```` ````
If aria2 is not installed in your local machine then head on to http://aria2.sourceforge.net/ and follow the instructions there. If aria2 is not installed in your local machine then head on to http://aria2.sourceforge.net/ and follow the instructions there.
Then download the webui, you can either do that by downloading this repository and running index.html in the browser. Or you could just head on to http://ziahamza.github.com/webui-aria2/ and just start downloading files!! After that you can also save it for offline use by saving from the browser save page as option. Then download the webui, you can either do that by downloading this repository and running index.html in the browser. Or you could just head on to http://ziahamza.github.io/webui-aria2/ and just start downloading files! After that you can also save it for offline use by saving from the browser save page as option.
Status
===========
A completely overhauled version is enabled by default. There are slight changes so if you still want to use the previous version then use the old.html instead of index.html.
Dependencies Dependencies
============ ============

View File

@ -31,7 +31,7 @@
} }
.download-graph { .download-graph {
width: 35%; width: 40%;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
margin-right: 30px; margin-right: 30px;

View File

@ -1,3 +1,8 @@
input[type=checkbox], input[type=radio] {
vertical-align: middle;
position: relative;
}
.pagination ul > li:not(.disabled) { .pagination ul > li:not(.disabled) {
cursor: pointer; cursor: pointer;
} }

BIN
favicon.ico Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -9,7 +9,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>aria2 web client</title> <title ng-controller="NavCtrl">{{ name }}</title>
<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css">
@ -95,7 +95,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
</span> </span>
<a class="brand">{{ name }}</a> <a class="brand"><span class="icon-circle-arrow-down"></span> {{ name }}</a>
<div class="nav-collapse" collapse="collapsed"> <div class="nav-collapse" collapse="collapsed">
<ul class="nav"> <ul class="nav">
@ -237,46 +237,51 @@
<!-- }}} --> <!-- }}} -->
<!-- {{{ download template --> <!-- {{{ download template -->
<h3 ng-show="totalAria2Downloads()">Download List</h3> <form id="filters" class="clearfix">
<form ng-show="(totalAria2Downloads() > pageSize) || downloadFilter.length" id="filters" class="clearfix">
<fieldset> <fieldset>
<label for="download-filter" id="download-filter-label">Search</label> <p>
<input id="download-filter" type="text" ng-model="downloadFilter" autocomplete="off" ng-change="onDownloadFilter()" class="input-large"/> <label for="download-filter" id="download-filter-label">Search
<input id="download-filter" type="text" ng-model="downloadFilter" autocomplete="off" ng-change="onDownloadFilter()" class="input-large"/></label>
<button ng-click="clearFilter()" class="btn btn-default btn-mini">Clear</button> <button ng-click="clearFilter()" class="btn btn-default btn-mini">Clear</button>
<br> </p>
<p>
<label for="filter-speed"> <label for="filter-speed">
<input type="checkbox" ng-model="filterSpeed" id="filter-speed"> <input type="checkbox" ng-model="filterSpeed" ng-change="persistFilters()" id="filter-speed">
running Running
</label> </label>
<label for="filter-active"> <label for="filter-active">
<input type="checkbox" ng-model="filterActive" id="filter-active"> <input type="checkbox" ng-model="filterActive" ng-change="persistFilters()" id="filter-active">
active Active
</label> </label>
<label for="filter-waiting"> <label for="filter-waiting">
<input type="checkbox" ng-model="filterWaiting" id="filter-waiting"> <input type="checkbox" ng-model="filterWaiting" ng-change="persistFilters()" id="filter-waiting">
waiting Waiting
</label> </label>
<label for="filter-complete"> <label for="filter-complete">
<input type="checkbox" ng-model="filterComplete" id="filter-complete"> <input type="checkbox" ng-model="filterComplete" ng-change="persistFilters()" id="filter-complete">
complete Complete
</label> </label>
<label for="filter-error"> <label for="filter-error">
<input type="checkbox" ng-model="filterError" id="filter-error"> <input type="checkbox" ng-model="filterError" ng-change="persistFilters()" id="filter-error">
error Error
</label> </label>
<label for="filter-paused"> <label for="filter-paused">
<input type="checkbox" ng-model="filterPaused" id="filter-paused"> <input type="checkbox" ng-model="filterPaused" ng-change="persistFilters()" id="filter-paused">
paused Paused
</label> </label>
<label for="filter-removed"> <label for="filter-removed">
<input type="checkbox" ng-model="filterRemoved" id="filter-removed"> <input type="checkbox" ng-model="filterRemoved" ng-change="persistFilters()" id="filter-removed">
removed Removed
</label> </label>
<button ng-click="toggleStateFilters()" class="btn btn-default btn-mini">Toggle</button> <button ng-click="toggleStateFilters()" class="btn btn-default btn-mini">Toggle</button>
<br> </p>
<b>Found: {{totalDownloads}} / {{totalAria2Downloads()}} </b> <p>
<button ng-click="resetFilters()" class="btn btn-mini">Reset</button> <label><input type="checkbox" ng-model="hideLinkedMetadata" id="hide-linked-metadata"> Hide linked meta-data</label>
</p>
<p>
Displaying <strong>{{totalDownloads}}</strong> of <em>{{totalAria2Downloads()}}</em> downloads
&nbsp;<button ng-click="resetFilters()" class="btn btn-default btn-mini">Reset filters</button>
</p>
</fieldset> </fieldset>
</form> </form>
@ -307,14 +312,14 @@
<!-- {{{ download control buttons --> <!-- {{{ download control buttons -->
<div class="btn-group"> <div class="btn-group">
<button <button
ng-show="hasStatus(download, 'active')" ng-show="hasStatus(download, ['active', 'waiting'])"
class="btn" class="btn"
ng-click="pause(download)"> ng-click="pause(download)">
<i class="icon-pause"></i> <i class="icon-pause"></i>
</button> </button>
<button <button
ng-show="hasStatus(download, ['paused', 'waiting'])" ng-show="hasStatus(download, 'paused')"
class="btn" class="btn"
ng-click="resume(download)"> ng-click="resume(download)">
<i class="icon-play"></i> <i class="icon-play"></i>
@ -371,9 +376,9 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="download-overview download-item" ng-click="download.collapsed = !download.collapsed"> <td class="download-overview download-item" ng-click="download.collapsed = !download.collapsed" ng-switch="download.status">
<!-- {{{ statistics --> <!-- {{{ statistics -->
<ul class="stats pull-left" ng-show="hasStatus(download, 'active')"> <ul class="stats pull-left" ng-switch-when="active">
<!-- {{{ active download statistics --> <!-- {{{ active download statistics -->
<li class="label label-active hidden-phone hidden-tablet"> <li class="label label-active hidden-phone hidden-tablet">
<span title="Download status"><i class="icon-play">&nbsp;</i> {{download.status}}</span> <span title="Download status"><i class="icon-play">&nbsp;</i> {{download.status}}</span>
@ -383,7 +388,7 @@
<span title="Download Speed"><i class="icon-download">&nbsp;</i> {{download.downloadSpeed | bspeed}}</span> <span title="Download Speed"><i class="icon-download">&nbsp;</i> {{download.downloadSpeed | bspeed}}</span>
</li> </li>
<li ng-show="download.bittorrent" class="label hidden-phone" ng-class="{'label-active': download.uploadSpeed > 2048}"> <li ng-show="download.bittorrent" class="label hidden-phone" ng-class="{'label-info': download.uploadSpeed > 2048}">
<span title="Upload Speed"><i class="icon-upload">&nbsp;</i> {{download.uploadSpeed | bspeed}}</span> <span title="Upload Speed"><i class="icon-upload">&nbsp;</i> {{download.uploadSpeed | bspeed}}</span>
</li> </li>
@ -406,7 +411,7 @@
<!-- }}} --> <!-- }}} -->
</ul> </ul>
<ul class="stats pull-left" ng-show="hasStatus(download, 'paused')"> <ul class="stats pull-left" ng-switch-when="paused">
<!-- {{{ paused download statistics --> <!-- {{{ paused download statistics -->
<li class="label label-info"> <li class="label label-info">
<span title="Download Status"><i class="icon-pause">&nbsp;</i> {{download.status}}</span> <span title="Download Status"><i class="icon-pause">&nbsp;</i> {{download.status}}</span>
@ -427,7 +432,7 @@
<!-- }}} --> <!-- }}} -->
</ul> </ul>
<ul class="stats pull-left" ng-show="hasStatus(download, 'waiting')"> <ul class="stats pull-left" ng-switch-when="waiting">
<!-- {{{ paused download statistics --> <!-- {{{ paused download statistics -->
<li class="label"> <li class="label">
<span title="Download Status"><i class="icon-caret-right">&nbsp;</i> {{download.status}}</span> <span title="Download Status"><i class="icon-caret-right">&nbsp;</i> {{download.status}}</span>
@ -448,7 +453,7 @@
<!-- }}} --> <!-- }}} -->
</ul> </ul>
<ul class="stats pull-left" ng-show="hasStatus(download, 'complete')"> <ul class="stats pull-left" ng-switch-when="complete">
<!-- {{{ complete download statistics --> <!-- {{{ complete download statistics -->
<li class="label label-success"> <li class="label label-success">
@ -466,26 +471,24 @@
<!-- }}} --> <!-- }}} -->
</ul> </ul>
<ul class="stats pull-left" ng-show="hasStatus(download, 'removed')"> <ul class="stats pull-left" ng-switch-when="removed">
<!-- {{{ removed download statistics --> <!-- {{{ removed download statistics -->
<li class="label label-warning"> <li class="label label-warning">
<span title="Download Status"><i class="icon-remove">&nbsp;</i> {{download.status}}</span> <span title="Download Status"><i class="icon-remove">&nbsp;</i> {{download.status}}</span>
</li> </li>
<li ng-show="hasStatus(download, 'removed')" <li class="label label-warning">
class="label label-warning">
<span title="Download Size"><i class="icon-cloud-download">&nbsp;</i> {{download.fmtTotalLength}}</span> <span title="Download Size"><i class="icon-cloud-download">&nbsp;</i> {{download.fmtTotalLength}}</span>
</li> </li>
<li ng-show="hasStatus(download, 'removed')" <li class="label label-warning hidden-phone">
class="label label-warning hidden-phone">
<span title="Download Path"><i class="icon-folder-open">&nbsp;</i> {{download.dir}}</span> <span title="Download Path"><i class="icon-folder-open">&nbsp;</i> {{download.dir}}</span>
</li> </li>
<!-- }}} --> <!-- }}} -->
</ul> </ul>
<ul class="stats pull-left" ng-show="hasStatus(download, 'error')"> <ul class="stats pull-left" ng-switch-when="error">
<!-- {{{ error download statistics --> <!-- {{{ error download statistics -->
<li class="label label-important"> <li class="label label-important">
<span title="Download Status"><i class="icon-remove-sign">&nbsp;</i> {{download.status}}</span> <span title="Download Status"><i class="icon-remove-sign">&nbsp;</i> {{download.status}}</span>
@ -513,8 +516,8 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2" ng-click="download.collapsed = !download.collapsed"> <td colspan="2" ng-click="download.collapsed = !download.collapsed" ng-switch="download.collapsed">
<div collapse="download.collapsed"> <div ng-switch-when="false">
<div class="download-item" ng-show="download.numPieces > 1"> <div class="download-item" ng-show="download.numPieces > 1">
<canvas bitfield="download.bitfield" draw="!download.collapsed" pieces="download.numPieces" class="progress chunk-canvas" width="1400" chunkbar></canvas> <canvas bitfield="download.bitfield" draw="!download.collapsed" pieces="download.numPieces" class="progress chunk-canvas" width="1400" chunkbar></canvas>
</div> </div>
@ -572,21 +575,20 @@
<form class="row"> <form class="row">
<fieldset> <fieldset>
<div class="span4" ng-repeat="prop in properties"> <div class="span4" ng-repeat="prop in properties">
<label>{{prop.name}}</label> <label title="{{prop.desc}}">
<select ng-show="prop.options.length" ng-options="opt for opt in prop.options" ng-model="prop.val"> <div>{{prop.name}}</div>
</select> <div>
<select ng-show="prop.options.length" ng-options="opt for opt in prop.options" ng-model="prop.val"></select>
<input ng-show="!prop.options.length" typ="text" class="input-large" ng-model="prop.val"/> <input ng-show="!prop.options.length" typ="text" class="input-large" ng-model="prop.val"/>
</div> </div>
</label>
<div class="span12" style="margin-top: 1ex"><button ng-disabled="!enabled()" ng-click="save()" class="btn btn-small">Save</button></div> </div>
<div class="span12" style="margin-top: 1ex"><button ng-disabled="!enabled()" ng-click="save()" class="btn btn-small">Save settings</button></div>
</fieldset> </fieldset>
</form> </form>
</div> </div>
<!--}}} --> <!--}}} -->
</div> </div>
<!-- }}} --> <!-- }}} -->

View File

@ -16,9 +16,11 @@ function(
var re_slashes = /\\/g; var re_slashes = /\\/g;
var slash = "/"; var slash = "/";
var allStopped = [];
scope.active = [], scope.waiting = [], scope.stopped = []; scope.active = [], scope.waiting = [], scope.stopped = [];
scope.gstats = {}; scope.gstats = {};
scope.hideLinkedMetadata = true;
// pause the download // pause the download
// d: the download ctx // d: the download ctx
@ -36,30 +38,28 @@ function(
// put it in stopped list if active, // put it in stopped list if active,
// otherwise permanantly remove it // otherwise permanantly remove it
// d: the download ctx // d: the download ctx
scope.remove = function(d, cb) { scope.remove = function(d, cb, noConfirm) {
if (!noConfirm && !confirm("Remove %s and associated meta-data?".replace("%s", d.name))) {
return;
}
var method = 'remove'; var method = 'remove';
if (scope.getType(d) == 'stopped') if (scope.getType(d) == 'stopped')
method = 'removeDownloadResult'; method = 'removeDownloadResult';
if (d.followedFrom) {
scope.remove(d.followedFrom, function() {}, true);
d.followedFrom = null;
}
rpc.once(method, [d.gid], cb); rpc.once(method, [d.gid], cb);
// also remove it from client cache assuming that it will be deleted in the aria2 list,
// but we could be wrong but the cache will update in next global update
var downloads = [scope.active, scope.waiting, scope.stopped], ind = -1, i;
for (i = 0; i < downloads.length; i++) {
ind = downloads[i].indexOf(d);
if (ind != -1) break;
}
if (ind == -1) {
return;
}
downloads[i].splice(ind, 1);
} }
scope.restart = function(d) { scope.restart = function(d) {
// XXX broken in general: does not work with torrents
// XXX broken in general: does not carry over prefs
// XXX broken in particular: uris no longer stored in context object
throw new Error("broken");
var uris = var uris =
_.chain(d.files).map(function(f) { return f.uris }) _.chain(d.files).map(function(f) { return f.uris })
.filter(function(uris) { return uris.length }) .filter(function(uris) { return uris.length })
@ -79,27 +79,58 @@ function(
// start filling in the model of active, // start filling in the model of active,
// waiting and stopped download // waiting and stopped download
rpc.subscribe('tellActive', [], function(data) { rpc.subscribe('tellActive', [], function(data) {
scope.$apply(function() {
utils.mergeMap(data[0], scope.active, scope.getCtx); utils.mergeMap(data[0], scope.active, scope.getCtx);
}); });
});
rpc.subscribe('tellWaiting', [0, 1000], function(data) { rpc.subscribe('tellWaiting', [0, 1000], function(data) {
scope.$apply(function() {
utils.mergeMap(data[0], scope.waiting, scope.getCtx); utils.mergeMap(data[0], scope.waiting, scope.getCtx);
}); });
});
rpc.subscribe('tellStopped', [0, 1000], function(data) { rpc.subscribe('tellStopped', [0, 1000], function(data) {
scope.$apply(function() {
if (!scope.hideLinkedMetadata) {
utils.mergeMap(data[0], scope.stopped, scope.getCtx); utils.mergeMap(data[0], scope.stopped, scope.getCtx);
return;
}
utils.mergeMap(data[0], allStopped, scope.getCtx);
var gids = {};
_.forEach(allStopped, function(e) {
gids[e.gid] = e;
});
_.forEach(scope.active, function(e) {
gids[e.gid] = e;
});
_.forEach(scope.waiting, function(e) {
gids[e.gid] = e;
});
scope.stopped = _.filter(allStopped, function(e) {
if (!e.metadata || !e.followedBy || !(e.followedBy in gids)) {
return true;
}
var linked = gids[e.followedBy];
linked.followedFrom = e;
return false;
});
});
}); });
rpc.subscribe('getGlobalStat', [], function(data) { rpc.subscribe('getGlobalStat', [], function(data) {
scope.$apply(function() {
scope.gstats = data[0]; scope.gstats = data[0];
window.document.title = utils.getTitle(scope.gstats); window.document.title = utils.getTitle(scope.gstats);
});
}); });
rpc.once('getVersion', [], function(data) { rpc.once('getVersion', [], function(data) {
scope.$apply(function() {
scope.miscellaneous = data[0]; scope.miscellaneous = data[0];
}); });
});
// total number of downloads, updates dynamically as downloads are // total number of downloads, updates dynamically as downloads are
// stored in scope // stored in scope
@ -151,6 +182,7 @@ function(
scope.filterError = !scope.filterError; scope.filterError = !scope.filterError;
scope.filterPaused = !scope.filterPaused; scope.filterPaused = !scope.filterPaused;
scope.filterRemoved = !scope.filterRemoved; scope.filterRemoved = !scope.filterRemoved;
scope.persistFilters();
}; };
scope.resetFilters = function() { scope.resetFilters = function() {
@ -163,9 +195,38 @@ function(
scope.filterRemoved = scope.filterRemoved =
true; true;
scope.clearFilter(); scope.clearFilter();
scope.persistFilters();
}; };
scope.persistFilters = function() {
var o = JSON.stringify({
s: scope.filterSpeed,
a: scope.filterActive,
w: scope.filterWaiting,
c: scope.filterComplete,
e: scope.filterError,
p: scope.filterPaused,
r: scope.filterRemoved
});
utils.setCookie("aria2filters", o);
};
scope.loadFilters = function() {
var o = JSON.parse(utils.getCookie("aria2filters"));
if (!o) {
scope.resetFilters(); scope.resetFilters();
return;
}
scope.filterSpeed = !!o.s;
scope.filterActive = !!o.a;
scope.filterWaiting = !!o.w;
scope.filterComplete = !!o.c;
scope.filterError = !!o.e;
scope.filterPaused = !!o.p;
scope.filterRemoved = !!o.r;
};
scope.loadFilters();
// max downloads shown in one page // max downloads shown in one page
@ -243,6 +304,9 @@ function(
dir: d.dir, dir: d.dir,
status: d.status, status: d.status,
gid: d.gid, gid: d.gid,
followedBy: (d.followedBy && d.followedBy.length == 1
? d.followedBy[0] : null),
followedFrom: null,
numPieces: d.numPieces, numPieces: d.numPieces,
connections: d.connections, connections: d.connections,
bitfield: d.bitfield, bitfield: d.bitfield,
@ -266,6 +330,9 @@ function(
ctx.dir = d.dir; ctx.dir = d.dir;
ctx.status = d.status; ctx.status = d.status;
ctx.gid = d.gid; ctx.gid = d.gid;
ctx.followedBy = (d.followedBy && d.followedBy.length == 1
? d.followedBy[0] : null);
ctx.followedFrom = null;
ctx.numPieces = d.numPieces; ctx.numPieces = d.numPieces;
ctx.connections = d.connections; ctx.connections = d.connections;
ctx.bitfield = d.bitfield; ctx.bitfield = d.bitfield;

View File

@ -1,551 +0,0 @@
/* {{{ input_file_settings */
var input_file_settings = [
{
name: "all-proxy",
desc: 'Use this proxy server for all protocols. To erase previously defined proxy, use "". You can override this setting and specify a proxy server for a particular protocol using http-proxy, https-proxy and ftp-proxy options. This affects all URIs. The format of PROXY is [http://][USER:PASSWORD@]HOST[:PORT].'
},
{
name: "all-proxy-passwd",
desc: "Set password for all-proxy option."
},
{
name: "all-proxy-user",
desc: "Set user for all-proxy option."
},
{
name: "allow-overwrite",
desc: "Restart download from scratch if the corresponding control file doesn't exist. See also auto-file-renaming option. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "allow-piece-length-change",
desc: "If false is given, aria2 aborts download when a piece length is different from one in a control file. If true is given, you can proceed but some download progress will be lost. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "always-resume",
desc: "Always resume download. If true is given, aria2 always tries to resume download and if resume is not possible, aborts download. If false is given, when all given URIs do not support resume or aria2 encounters N URIs which does not support resume (N is the value specified using --max-resume-failure-tries option), aria2 downloads file from scratch. See --max-resume-failure-tries option. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "async-dns",
desc: "Enable asynchronous DNS. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "auto-file-renaming",
desc: "Rename file name if the same file already exists. This option works only in HTTP(S)/FTP download. The new file name has a dot and a number(1..9999) appended. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "bt-enable-lpd",
desc: "Enable Local Peer Discovery. If a private flag is set in a torrent, aria2 doesn't use this feature for that download even if true is given. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "bt-exclude-tracker",
desc: "Comma separated list of BitTorrent tracker's announce URI to remove. You can use special value * which matches all URIs, thus removes all announce URIs. When specifying * in shell command-line, don't forget to escape or quote it. See also --bt-tracker option."
},
{
name: "bt-external-ip",
desc: "Specify the external IP address to report to a BitTorrent tracker. Although this function is named external, it can accept any kind of IP addresses. IPADDRESS must be a numeric IP address."
},
{
name: "bt-hash-check-seed",
desc: "If true is given, after hash check using --check-integrity option and file is complete, continue to seed file. If you want to check file and download it only when it is damaged or incomplete, set this option to false. This option has effect only on BitTorrent download. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "bt-max-open-files",
desc: "Specify maximum number of files to open in each BitTorrent download. Default: 100"
},
{
name: "bt-max-peers",
desc: "Specify the maximum number of peers per torrent. 0 means unlimited. See also bt-request-peer-speed-limit option. Default: 55"
},
{
name: "bt-metadata-only",
desc: "Download metadata only. The file(s) described in metadata will not be downloaded. This option has effect only when BitTorrent Magnet URI is used. See also --bt-save-metadata option. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "bt-min-crypto-level",
desc: "Set minimum level of encryption method. If several encryption methods are provided by a peer, aria2 chooses the lowest one which satisfies the given level. Default: plain",
option:true,
options: ["plain", "arc4"]
},
{
name: "bt-prioritize-piece",
desc: "Try to download first and last pieces of each file first. This is useful for previewing files. The argument can contain 2 keywords: head and tail. To include both keywords, they must be separated by comma. These keywords can take one parameter, SIZE. For example, if head=<SIZE> is specified, pieces in the range of first SIZE bytes of each file get higher priority. tail=<SIZE> means the range of last SIZE bytes of each file. SIZE can include K or M (1K = 1024, 1M = 1024K). If SIZE is omitted, SIZE=1M is used."
},
{
name: "bt-request-peer-speed-limi",
desc: "If the whole download speed of every torrent is lower than SPEED, aria2 temporarily increases the number of peers to try for more download speed. Configuring this option with your preferred download speed can increase your download speed in some cases. You can append K or M (1K = 1024, 1M = 1024K). Default: 50K"
},
{
name: "bt-require-crypto",
desc: "If true is given, aria2 doesn't accept and establish connection with legacy BitTorrent handshake(19BitTorrent protocol). Thus aria2 always uses Obfuscation handshake. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "bt-save-metadata",
desc: "Save metadata as .torrent file. This option has effect only when BitTorrent Magnet URI is used. The filename is hex encoded info hash with suffix .torrent. The directory to be saved is the same directory where download file is saved. If the same file already exists, metadata is not saved. See also --bt-metadata-only option. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "bt-seed-unverified",
desc: "Seed previously downloaded files without verifying piece hashes. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "bt-stop-timeout",
desc: "Stop BitTorrent download if download speed is 0 in consecutive SEC seconds. If 0 is given, this feature is disabled. Default: 0"
},
{
name: "bt-tracker",
desc: "Comma separated list of additional BitTorrent tracker's announce URI. These URIs are not affected by --bt-exclude-tracker option because they are added after URIs in --bt-exclude-tracker option are removed."
},
{
name: "bt-tracker-connect-timeout",
desc: "Set the connect timeout in seconds to establish connection to tracker. After the connection is established, this option makes no effect and --bt-tracker-timeout option is used instead. Default: 60"
},
{
name: "bt-tracker-interval",
desc: "Set the interval in seconds between tracker requests. This completely overrides interval value and aria2 just uses this value and ignores the min interval and interval value in the response of tracker. If 0 is set, aria2 determines interval based on the response of tracker and the download progress. Default: 0"
},
{
name: "bt-tracker-timeout",
desc: "Set timeout in seconds. Default: 60"
},
{
name: "bt-remove-unselected-file",
desc: "Removes the unselected files when download is completed in BitTorrent. To select files, use --select-file option. If it is not used, all files are assumed to be selected. Please use this option with care because it will actually remove files from your disk. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "check-integrity",
desc: "Check file integrity by validating piece hashes or a hash of entire file. This option has effect only in BitTorrent, Metalink downloads with checksums or HTTP(S)/FTP downloads with --checksum option. If piece hashes are provided, this option can detect damaged portions of a file and re-download them. If a hash of entire file is provided, hash check is only done when file has been already download. This is determined by file length. If hash check fails, file is re-downloaded from scratch. If both piece hashes and a hash of entire file are provided, only piece hashes are used. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "conditional-get",
desc: "Download file only when the local file is older than remote file. This function only works with HTTP(S) downloads only. It does not work if file size is specified in Metalink. It also ignores Content-Disposition header. If a control file exists, this option will be ignored. This function uses If-Modified-Since header to get only newer file conditionally. When getting modification time of local file, it uses user supplied filename(see --out option) or filename part in URI if --out is not specified. To overwrite existing file, --allow-overwrite is required. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "connect-timeout",
desc: "Set the connect timeout in seconds to establish connection to HTTP/FTP/proxy server. After the connection is established, this option makes no effect and --timeout option is used instead. Default: 60"
},
{
name: "continue",
desc: "Continue downloading a partially downloaded file. Use this option to resume a download started by a web browser or another program which downloads files sequentially from the beginning. Currently this option is only applicable to HTTP(S)/FTP downloads.",
option:true,
options: ["true", "false"]
},
{
name: "dir",
desc: "The directory to store the downloaded file."
},
{
name: "dry-run",
desc: "If true is given, aria2 just checks whether the remote file is available and doesn't download data. This option has effect on HTTP/FTP download. BitTorrent downloads are canceled if true is specified. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "enable-async-dns6",
desc: "Enable IPv6 name resolution in asynchronous DNS resolver. This option will be ignored when --async-dns=false. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "enable-http-keep-alive",
desc: "Enable HTTP/1.1 persistent connection. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "enable-http-pipelining",
desc: "Enable HTTP/1.1 pipelining. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "enable-peer-exchange",
desc: "Enable Peer Exchange extension. If a private flag is set in a torrent, this feature is disabled for that download even if true is given. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "file-allocation",
desc: "Specify file allocation method. none doesn't pre-allocate file space. prealloc pre-allocates file space before download begins. This may take some time depending on the size of the file. If you are using newer file systems such as ext4 (with extents support), btrfs, xfs or NTFS(MinGW build only), falloc is your best choice. It allocates large(few GiB) files almost instantly. Don't use falloc with legacy file systems such as ext3 and FAT32 because it takes almost same time as prealloc and it blocks aria2 entirely until allocation finishes. falloc may not be available if your system doesn't have posix_fallocate(3) function. Possible Values: none, prealloc, falloc Default: prealloc",
option: true,
options: ["none", "prealloc", "falloc"]
},
{
name: "follow-metalink",
desc: "If true or mem is specified, when a file whose suffix is .meta4 or .metalink or content type of application/metalink4+xml or application/metalink+xml is downloaded, aria2 parses it as a metalink file and downloads files mentioned in it. If mem is specified, a metalink file is not written to the disk, but is just kept in memory. If false is specified, the action mentioned above is not taken. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "follow-torrent",
desc: "If true or mem is specified, when a file whose suffix is .torrent or content type is application/x-bittorrent is downloaded, aria2 parses it as a torrent file and downloads files mentioned in it. If mem is specified, a torrent file is not written to the disk, but is just kept in memory. If false is specified, the action mentioned above is not taken. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "ftp-passwd",
desc: "Set FTP password. This affects all URIs. If user name is embedded but password is missing in URI, aria2 tries to resolve password using .netrc. If password is found in .netrc, then use it as password. If not, use the password specified in this option. Default: ARIA2USER@"
},
{
name: "ftp-pasv",
desc: "Use the passive mode in FTP. If false is given, the active mode will be used. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "ftp-proxy",
desc: 'Use this proxy server for FTP. To erase previously defined proxy, use "". See also --all-proxy option. This affects all URIs. The format of PROXY is [http://][USER:PASSWORD@]HOST[:PORT].'
},
{
name: "ftp-proxy-passwd",
desc: "Set password for --ftp-proxy option."
},
{
name: "ftp-proxy-user",
desc: "Set user for --ftp-proxy option."
},
{
name: "ftp-reuse-connection",
desc: "Reuse connection in FTP. Default: true.",
option:true,
options: ["true", "false"]
},
{
name: "ftp-type",
desc: "Set FTP transfer type. TYPE is either binary or ascii. Default: binary",
option:true,
options: ["binary", "ascii"]
},
{
name: "ftp-user",
desc: "Set FTP user. This affects all URIs. Default: anonymous"
},
{
name: "header",
desc: "Append HEADER to HTTP request header."
},
{
name: "http-accept-gzip",
desc: "Send Accept: deflate, gzip request header and inflate response if remote server responds with Content-Encoding: gzip or Content-Encoding: deflate. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "http-auth-challenge",
desc: "Send HTTP authorization header only when it is requested by the server. If false is set, then authorization header is always sent to the server. There is an exception: if username and password are embedded in URI, authorization header is always sent to the server regardless of this option. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "http-no-cache",
desc: "Send Cache-Control: no-cache and Pragma: no-cache header to avoid cached content. If false is given, these headers are not sent and you can add Cache-Control header with a directive you like using --header option. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "http-proxy",
desc: 'Use this proxy server for HTTP. To erase previously defined proxy, use "". See also --all-proxy option. This affects all URIs. The format of PROXY is [http://][USER:PASSWORD@]HOST[:PORT].'
},
{
name: "http-proxy-passwd",
desc: "Set password for --http-proxy option."
},
{
name: "http-proxy-user",
desc: "Set user for --http-proxy option."
},
{
name: "index-out",
desc: "Set file path for file with index=INDEX. You can find the file index using the --show-files option. PATH is a relative path to the path specified in --dir option. You can use this option multiple times. Using this option, you can specify the output filenames of BitTorrent downloads."
},
{
name: "lowest-speed-limit",
desc: "Close connection if download speed is lower than or equal to this value(bytes per sec). 0 means aria2 does not have a lowest speed limit. You can append K or M (1K = 1024, 1M = 1024K). This option does not affect BitTorrent downloads. Default: 0"
},
{
name: "max-connection-per-server",
desc: "The maximum number of connections to one server for each download. Default: 1"
},
{
name: "max-download-limit",
desc: "Set max download speed per each download in bytes/sec. 0 means unrestricted. You can append K or M (1K = 1024, 1M = 1024K). To limit the overall download speed, use --max-overall-download-limit option. Default: 0"
},
{
name: "max-file-not-found",
desc: 'If aria2 receives "file not found" status from the remote HTTP/FTP servers NUM times without getting a single byte, then force the download to fail. Specify 0 to disable this option. This options is effective only when using HTTP/FTP servers. Default: 0'
},
{
name: "max-resume-failure-tries",
desc: "When used with --always-resume=false, aria2 downloads file from scratch when aria2 detects N number of URIs that does not support resume. If N is 0, aria2 downloads file from scratch when all given URIs do not support resume. See --always-resume option. Default: 0"
},
{
name: "max-tries",
desc: "Set number of tries. 0 means unlimited. See also --retry-wait. Default: 5"
},
{
name: "max-upload-limit",
desc: "Set max upload speed per each torrent in bytes/sec. 0 means unrestricted. You can append K or M (1K = 1024, 1M = 1024K). To limit the overall upload speed, use --max-overall-upload-limit option. Default: 0"
},
{
name: "metalink-enable-unique-protocol",
desc: "If true is given and several protocols are available for a mirror in a metalink file, aria2 uses one of them. Use --metalink-preferred-protocol option to specify the preference of protocol. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "metalink-language",
desc: "The language of the file to download."
},
{
name: "metalink-location",
desc: "The location of the preferred server. A comma-delimited list of locations is acceptable, for example, jp,us."
},
{
name: "metalink-os",
desc: "The operating system of the file to download."
},
{
name: "metalink-version",
desc: "The version of the file to download."
},
{
name: "min-split-size",
desc: "aria2 does not split less than 2*SIZE byte range. For example, let's consider downloading 20MiB file. If SIZE is 10M, aria2 can split file into 2 range [0-10MiB) and [10MiB-20MiB) and download it using 2 sources(if --split >= 2, of course). If SIZE is 15M, since 2*15M > 20MiB, aria2 does not split file and download it using 1 source. You can append K or M (1K = 1024, 1M = 1024K). Possible Values: 1M -1024M Default: 20M"
},
{
name: "no-file-allocation-limit",
desc: "No file allocation is made for files whose size is smaller than SIZE. You can append K or M (1K = 1024, 1M = 1024K). Default: 5M"
},
{
name: "no-netrc",
desc: "Disables netrc support. netrc support is enabled by default.Note netrc file is only read at the startup if --no-netrc is false. So if --no-netrc is true at the startup, no netrc is available throughout the session. You cannot get netrc enabled even if you change this setting.",
option:true,
options: ["true", "false"]
},
{
name: "no-proxy",
desc: "Specify comma separated hostnames, domains and network address with or without CIDR block where proxy should not be used."
},
{
name: "out",
desc: "The file name of the downloaded file. When --force-sequential option is used, this option is ignored."
},
{
name: "parameterized-uri",
desc: "Enable parameterized URI support. You can specify set of parts: http://{sv1,sv2,sv3}/foo.iso. Also you can specify numeric sequences with step counter: http://host/image[000-100:2].img. A step counter can be omitted. If all URIs do not point to the same file, such as the second example above, -Z option is required. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "proxy-method",
desc: "Set the method to use in proxy request. METHOD is either get or tunnel. HTTPS downloads always use tunnel regardless of this option. Default: get",
option:true,
options: ["get", "tunnel"]
},
{
name: "realtime-chunk-checksum",
desc: "Validate chunk of data by calculating checksum while downloading a file if chunk checksums are provided. Default: true",
option:true,
options: ["true", "false"]
},
{
name: "referer",
desc: "Set Referer. This affects all URIs."
},
{
name: "remote-time",
desc: "Retrieve timestamp of the remote file from the remote HTTP/FTP server and if it is available, apply it to the local file. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "remove-control-file",
desc: "Remove control file before download. Using with --allow-overwrite=true, download always starts from scratch. This will be useful for users behind proxy server which disables resume.",
option:true,
options: ["true", "false"]
},
{
name: "seed-ratio",
desc: "Specify share ratio. Seed completed torrents until share ratio reaches RATIO. You are strongly encouraged to specify equals or more than 1.0 here. Specify 0.0 if you intend to do seeding regardless of share ratio. If --seed-time option is specified along with this option, seeding ends when at least one of the conditions is satisfied. Default: 1.0"
},
{
name: "seed-time",
desc: "Specify seeding time in minutes. Also see the --seed-ratio option. Note Specifying --seed-time=0 disables seeding after download completed."
},
{
name: "select-file",
desc: "Set file to download by specifying its index. You can find the file index using the --show-files option. Multiple indexes can be specified by using ,, for example: 3,6. You can also use - to specify a range: 1-5. , and - can be used together: 1-5,8,9. When used with the -M option, index may vary depending on the query ."
},
{
name: "split",
desc: "Download a file using N connections. If more than N URIs are given, first N URIs are used and remaining URIs are used for backup. If less than N URIs are given, those URIs are used more than once so that N connections total are made simultaneously. The number of connections to the same host is restricted by --max-connection-per-server option. See also --min-split-size option. Default: 5"
},
{
name: "timeout",
desc: "Set timeout in seconds. Default: 60"
},
{
name: "use-head",
desc: "Use HEAD method for the first request to the HTTP server. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "user-agent",
desc: "Set user agent for HTTP(S) downloads. Default: aria2/$VERSION, $VERSION is replaced by package version."
},
{
name: "retry-wait",
desc: "Set the seconds to wait between retries. With SEC > 0, aria2 will retry download when the HTTP server returns 503 response. Default: 0."
},
{
name: "metalink-base-uri",
desc: "Specify base URI to resolve relative URI in metalink:url and metalink:metaurl element in a metalink file stored in local disk. If URI points to a directory, URI must end with /."
},
{
name: "pause",
desc: "Pause download after added. This option is effective only when --enable-rpc=true is given. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "stream-piece-selector",
desc: "Specify piece selection algorithm used in HTTP/FTP download. Piece means fixed length segment which is downloaded in parallel in segmented download. If default is given, aria2 selects piece so that it reduces the number of establishing connection. This is reasonable default behaviour because establishing connection is an expensive operation. If inorder is given, aria2 selects piece which has minimum index. Index=0 means first of the file. This will be useful to view movie while downloading it. --enable-http-pipelining option may be useful to reduce reconnection overhead. Please note that aria2 honors --min-split-size option, so it will be necessary to specify a reasonable value to --min-split-size option. If geom is given, at the beginning aria2 selects piece which has minimum index like inorder, but it exponentially increasingly keeps space from previously selected piece. This will reduce the number of establishing connection and at the same time it will download the beginning part of the file first. This will be useful to view movie while downloading it. Default: default",
option:true,
options: ["default", "inorder", "geom"]
},
{
name: "hash-check-only",
desc: "If true is given, after hash check using --check-integrity option, abort download whether or not download is complete. Default: false",
option:true,
options: ["true", "false"]
},
{
name: "checksum",
desc: "Set checksum. TYPE is hash type. The supported hash type is listed in Hash Algorithms in aria2c -v. DIGEST is hex digest. For example, setting sha-1 digest looks like this: sha-1=0192ba11326fe2298c8cb4de616f4d4140213838 This option applies only to HTTP(S)/FTP downloads."
},
{
name: "piece-length",
desc: "Set a piece length for HTTP/FTP downloads. This is the boundary when aria2 splits a file. All splits occur at multiple of this length. This option will be ignored in BitTorrent downloads. It will be also ignored if Metalink file contains piece hashes. Default: 1M"
},
{
name: "uri-selector",
desc: "Specify URI selection algorithm. The possible values are inorder, feedback and adaptive. If inorder is given, URI is tried in the order appeared in the URI list. If feedback is given, aria2 uses download speed observed in the previous downloads and choose fastest server in the URI list. This also effectively skips dead mirrors. The observed download speed is a part of performance profile of servers mentioned in --server-stat-of and --server-stat-if options. If adaptive is given, selects one of the best mirrors for the first and reserved connections. For supplementary ones, it returns mirrors which has not been tested yet, and if each of them has already been tested, returns mirrors which has to be tested again. Otherwise, it doesn't select anymore mirrors. Like feedback, it uses a performance profile of servers. Default: feedback",
option:true,
options: ["inorder", "feedback", "adaptive"]
}
];
/* input file settings end }}}*/
/*{{{ global_settings */
var global_settings = [
{
name: "download-result",
desc: "This option changes the way Download Results is formatted. If OPT is default, print GID, status, average download speed and path/URI. If multiple files are involved, path/URI of first requested file is printed and remaining ones are omitted. If OPT is full, print GID, status, average download speed, percentage of progress and path/URI. The percentage of progress and path/URI are printed for each requested file in each row. Default: default",
option:true,
options: ["default", "full"]
},
{
name: "log",
desc: 'The file name of the log file. If - is specified, log is written to stdout. If empty string("") is specified, log is not written to file.'
},
{
name: "log-level",
desc: "Set log level to output. LEVEL is either debug, info, notice, warn or error. Default: debug.",
option:true,
options: ["debug", "info", "notice", "warn", "error"]
},
{
name: "max-concurrent-downloads",
desc: "Set maximum number of parallel downloads for every static (HTTP/FTP) URI, torrent and metalink. See also --split option. Default: 5"
},
{
name: "max-download-result",
desc: "Set maximum number of download result kept in memory. The download results are completed/error/removed downloads. The download results are stored in FIFO queue and it can store at most NUM download results. When queue is full and new download result is created, oldest download result is removed from the front of the queue and new one is pushed to the back. Setting big number in this option may result high memory consumption after thousands of downloads. Specifying 0 means no download result is kept. Default: 1000"
},
{
name: "max-overall-download-limit",
desc: "Set max overall download speed in bytes/sec. 0 means unrestricted. You can append K or M (1K = 1024, 1M = 1024K). To limit the download speed per download, use --max-download-limit option. Default: 0."
},
{
name: "max-overall-upload-limit",
desc: "Set max overall upload speed in bytes/sec. 0 means unrestricted. You can append K or M (1K = 1024, 1M = 1024K). To limit the upload speed per torrent, use --max-upload-limit option. Default: 0."
},
{
name: "save-cookies",
desc: "Save Cookies to FILE in Mozilla/Firefox(1.x/2.x)/ Netscape format. If FILE already exists, it is overwritten. Session Cookies are also saved and their expiry values are treated as 0. Possible Values: /path/to/file."
},
{
name: "save-session",
desc: "Save error/unfinished downloads to FILE on exit. You can pass this output file to aria2c with --input-file option on restart."
},
{
name: "server-stat-of",
desc: "Specify the filename to which performance profile of the servers is saved. You can load saved data using --server-stat-if option. See Server Performance Profile subsection below for file format."
}
];
/* global_settings end }}}*/
var global_settings_exclude = [
"checksum",
"index-out",
"out",
"pause",
"select-file"
];
var download_waiting_exclude = [
"dry-run",
"metalink-base-uri",
"parameterized-uri",
"pause",
"piece-length"
];
var download_active_settings = [
{
name: "bt-max-peers",
desc: "Specify the maximum number of peers per torrent. 0 means unlimited. See also bt-request-peer-speed-limit option. Default: 55"
}, {
name: "bt-request-peer-speed-limit",
desc: "If the whole download speed of every torrent is lower than SPEED, aria2 temporarily increases the number of peers to try for more download speed. Configuring this option with your preferred download speed can increase your download speed in some cases. You can append K or M (1K = 1024, 1M = 1024K). Default: 50K"
}, {
name: "bt-remove-unselected-file",
desc: "Removes the unselected files when download is completed in BitTorrent. To select files, use --select-file option. If it is not used, all files are assumed to be selected. Please use this option with care because it will actually remove files from your disk. Default: false",
option: "true",
options: ["true", "false"]
}, {
name: "max-download-limit",
desc: "Set max download speed per each download in bytes/sec. 0 means unrestricted. You can append K or M (1K = 1024, 1M = 1024K). To limit the overall download speed, use --max-overall-download-limit option. Default: 0"
},{
name: "max-upload-limit",
desc: "Set max upload speed per each torrent in bytes/sec. 0 means unrestricted. You can append K or M (1K = 1024, 1M = 1024K). To limit the overall upload speed, use --max-overall-upload-limit option. Default: 0."
}
];

View File

@ -1,163 +0,0 @@
var JsonRPC = function(conf) {
if (!this instanceof JsonRPC)
return new JsonRPC();
this.avgTimeout = 2000;
this.serverConf = conf;
};
JsonRPC.prototype = {
encode: function(obj) {
return base64.btoa(JSON.stringify(obj));
},
ariaRequest: function(url, multicall, funcName, params, success, error) {
var startTime = new Date();
var conn = this;
$.ajax({
url: url,
timeout: this.avgTimeout,
data: {
jsonrpc: 2.0,
id: 'webui',
method: funcName.search(/\./g) == -1 ? 'aria2.' + funcName : funcName,
params: params.length ? this.encode(params) : undefined
},
success: function(data) {
conn.avgTimeout = 3 * (new Date() - startTime);
return success(data)
},
error: error,
dataType: 'jsonp',
jsonp: 'jsoncallback'
});
},
invoke: function(opts) {
var rpc = this;
var scheme = rpc.serverConf.encryption ? 'https' : 'http';
rpc.ariaRequest(
scheme + '://' + rpc.serverConf.host + ':' + rpc.serverConf.port + '/jsonrpc',
opts.multicall,
opts.func,
opts.params,
opts.success,
function() {
// check if authentication details are given, if yes then use a hack to support
// http authentication otherwise emit error
if (!rpc.serverConf.user.length) {
console.log("no user name and still error!!!");
return opts.error();
}
var authUrl = scheme + '://' +
rpc.serverConf.user + ":" +
rpc.serverConf.pass + "@" +
rpc.serverConf.host + ':' +
rpc.serverConf.port + '/jsonrpc';
// hack is to basically inject an image with same uri as the aria2 rpc url,
// most browsers will then cache the authentication details and we dont have
// to give them next time we make a request
var img = $('<img/>').attr("src", authUrl);
$('body').append(img);
img.remove();
// timeout to let the image load and then make a request,
setTimeout(function() {
rpc.ariaRequest(
authUrl,
opts.multicall,
opts.params,
opts.success,
opts.error
);
}, rpc.avgTimeout);
}
);
}
};
var SocketRPC = function(conf) {
if (!this instanceof SocketRPC)
return new SocketRPC();
var rpc = this;
rpc.initialized = false;
rpc.serverConf = conf;
rpc.handles = [];
var scheme = rpc.serverConf.encryption ? 'wss' : 'ws';
if (typeof WebSocket == "undefined")
return;
try {
rpc.sock = new WebSocket(scheme + '://' + conf.host + ':' + conf.port + '/jsonrpc');
rpc.sock.onopen = function() {
rpc.initialized = true;
};
rpc.sock.onclose = rpc.sock.onerror = function() {
_.each(rpc.handles, function(h) { h.error() });
rpc.handles = [];
};
rpc.sock.onmessage = function(message) {
var data = JSON.parse(message.data);
for (var i = rpc.handles.length; i--; ) {
if (rpc.handles[i].id === data.id) {
if (data.error)
rpc.handles[i].error();
else
rpc.handles[i].success(data);
rpc.handles.splice(i, 1);
return;
}
}
};
}
catch(ex) {
rpc.initialized = false;
}
}
SocketRPC.prototype = {
invoke: function(opts) {
var data = {
jsonrpc: 2.0,
id: 'webui_' + utils.randStr(),
method: opts.func.search(/\./g) == -1 ? 'aria2.' + opts.func : opts.func,
params: opts.params.length ? opts.params : undefined
};
this.handles.push({
success: opts.success,
error: opts.error,
id: data.id
});
this.sock.send(JSON.stringify(data));
},
};
var AriaConnection = function(conf) {
var conf = conf || {
host: 'localhost',
port: 6800,
user: '',
pass: ''
};
var jRPC = new JsonRPC(conf);
if (typeof WebSocket != "undefined") {
var sockRPC = new SocketRPC(conf);
}
return {
conf: conf,
invoke: function(opts) {
opts = utils.mixin(opts, {
success: function() {},
error: function() {},
params: [],
func: ''
});
if (!sockRPC || !sockRPC.initialized)
return jRPC.invoke(opts);
else
return sockRPC.invoke(opts);
}
};
}

View File

@ -1,88 +0,0 @@
// usage: log('inside coolFunc', this, arguments);
// paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
window.log = function f(){ log.history = log.history || []; log.history.push(arguments); if(this.console) { var args = arguments, newarr; args.callee = args.callee.caller; newarr = [].slice.call(args); if (typeof console.log === 'object') log.apply.call(console.log, console, newarr); else console.log.apply(console, newarr);}};
// make it safe to use console.log always
(function(a){function b(){}for(var c="assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,markTimeline,profile,profileEnd,time,timeEnd,trace,warn".split(","),d;!!(d=c.pop());){a[d]=a[d]||b;}})
(function(){try{console.log();return window.console;}catch(a){return (window.console={});}}());
var base64 = (function (obj) {
var a64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/',
a256 = {
indexOf: function (c) {
return c.charCodeAt(0);
},
charAt: String.fromCharCode
};
function code(s, discard, alpha, beta, w1, w2) {
s = String(s);
var b = 0, x = '', i, c, bs = 1, sb = 1, length = s.length, tmp;
for (i = 0; i < length || (!discard && sb > 1); i += 1) {
b *= w1;
bs *= w1;
if (i < length) {
c = alpha.indexOf(s.charAt(i));
if (c <= -1 || c >= w1) {
throw new RangeError();
}
sb *= w1;
b += c;
}
while (bs >= w2) {
bs /= w2;
if (sb > 1) {
tmp = b;
b %= bs;
x += beta.charAt((tmp - b) / bs);
sb /= w2;
}
}
}
return x;
}
obj.btoa = function (s) {
s = code(s, false, a256, a64, 256, 64);
return s + '===='.slice((s.length % 4) || 4);
};
obj.atob = function (s) {
var i;
s = String(s).split('=');
for (i = s.length - 1; i >= 0; i -= 1) {
if (s[i].length % 4 === 1) {
throw new RangeError();
}
s[i] = code(s[i], true, a64, a256, 64, 256);
}
return s.join('');
};
return obj;
}({}));
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}

File diff suppressed because it is too large Load Diff

View File

@ -1,18 +0,0 @@
var utils = {
randStr: function() {
var str = [];
var hexDigits = "0123456789abcdef";
for (var i = 0; i < 36; i++) {
str[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
}
return str.join("");
},
mixin: function(fromObj, toObj) {
for (var key in toObj) {
if (toObj.hasOwnProperty(key) && fromObj[key]) {
toObj[key] = fromObj[key];
}
}
return toObj;
}
};

View File

@ -1,5 +1,5 @@
angular.module('webui.services.utils', []) angular.module('webui.services.utils', ['webui.services.constants'])
.factory('$utils', ['$filter', function(filter) { .factory('$utils', ['$filter', "$name", function(filter, $name) {
var rnd16 = (function() { var rnd16 = (function() {
"use strict"; "use strict";
var rndBuffer = new Uint8Array(16); var rndBuffer = new Uint8Array(16);
@ -119,12 +119,11 @@ angular.module('webui.services.utils', [])
// get info title from global statistics // get info title from global statistics
getTitle: function(stats) { getTitle: function(stats) {
var title = var title =
'(' 'active: ' + stats.numActive
+ ' active:' + stats.numActive + ' - waiting: ' + stats.numWaiting
+ ' waiting:' + stats.numWaiting + ' - stopped: ' + stats.numStopped
+ ' stopped:' + stats.numStopped + ' — '
+ ') ' + $name;
+ 'aria2 Web Client';
return title; return title;
}, },

728
old.html
View File

@ -1,728 +0,0 @@
<!-- vim: set tabstop=4 shiftwidth=4 softtabstop=4 noexpandtab: -->
<!doctype html>
<html>
<head>
<link rel="icon" href="favicon.ico" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>aria2 web client</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/download.css">
<!-- external javascript dependencies -->
<script src="js/libs/jquery-1.8.3.js"></script>
<script src="js/libs/jquery.flot.js"></script>
<script src="js/libs/jquery.flot.resize.js"></script>
<script src="js/libs/underscore.js"></script>
<script src="js/libs/bootstrap.js"></script>
<script src="js/libs/mustache.js"></script>
<script src="js/libs/piecon.js"></script>
<!-- webui core -->
<script src="js/old/aria2_settings.js"></script>
<script src="js/old/utils.js"></script>
<script src="js/old/connection.js"></script>
<!-- {{{ css styles -->
<style>
/* hack to fix the 1 px height for collapsed span elements */
.more_info {
min-height: 0px;
}
.button_set {
float: right;
margin-bottom: 5px;
}
.stat_graph {
margin-top: 25px;
height: 220px;
}
.active_settings {
text-align: center;
margin-bottom: 3px;
}
.download_item {
margin-bottom: 10px;
padding-top: 10px;
background-color: rgb(245, 245, 245);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.download_name {
overflow: hidden;
word-wrap: break-word;
}
</style>
<!-- }}} -->
<!-- {{{ download template -->
<script type="text/mustache" id="download_template">
<table class="{{type}}-download" data-gid="{{gid}}" data-settingsName={{sett_name}}>
<tbody>
<tr>
<td data-toggle="collapse" data-target="[data-gid={{gid}}] .download-detail .collapse" class="download-overview">
<b class="download-name">{{name}}</b>
</td>
<td class="download-controls" rowspan="2">
<div class="btn-group">
{{#booleans.can_pause}}
<button class="btn download_pause"><i class="icon-pause"></i></button>
{{/booleans.can_pause}}
{{#booleans.can_play}}
<button class="btn download_play"><i class="icon-play"></i></button>
{{/booleans.can_play}}
{{#booleans.can_restart}}
<button class="btn download_restart"><i class="icon-repeat"></i></button>
{{/booleans.can_restart}}
<button class="btn download_remove hidden-phone"><i class="icon-stop"></i></button>
{{#booleans.has_settings}}
<button class="btn download_settings hidden-phone"><i class="icon-cog"></i></button>
{{/booleans.has_settings}}
<button class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
{{#booleans.has_settings}}
<li><a href="#" class="download_settings visible-phone"><i class="icon-cog"></i> Settings</a></li>
{{#booleans.bittorrent}}
<li><a href="#" class="torrent_info"><i class="icon-list-alt"></i> Peers</a></li>
{{/booleans.bittorrent}}
{{/booleans.has_settings}}
<li><a href="#" data-toggle="collapse" data-target="[data-gid={{gid}}] .download-detail .collapse"><i class="icon-info-sign"></i> More Info</a></li>
<li class="visible-phone"><a href="#" class="download_remove"><i class="icon-remove"></i> Remove</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td data-toggle="collapse" data-target="[data-gid={{gid}}] .download-detail .collapse" class="download-overview">
<ul class="stats pull-left">
{{#booleans.can_pause}}
<li class="label label-success hidden-phone hidden-tablet">Status: <span class="download-status">{{status}}</span></li>
<li class="label label-success">ETA: <span class="download-eta">{{eta}}</span></li>
<li class="label label-success hidden-phone">Size: <span class="download-totalLength">{{totalLength}}</span></li>
<li class="label label-success hidden-phone">Downloaded: <span class="download-completedLength">{{completedLength}}</span></li>
<li class="label label-success hidden-phone hidden-tablet">Progress: <span class="download-percentage">{{percentage}}</span>%</li>
<li class="label label-success">Speed: <span class="download-downloadSpeed">{{downloadSpeed}}</span></li>
{{#booleans.bittorrent}}
<li class="label label-success hidden-phone">Upload Speed: <span class="download-uploadSpeed">{{uploadSpeed}}</span></li>
{{/booleans.bittorrent}}
{{/booleans.can_pause}}
{{#booleans.can_play}}
<li class="label label-info">Status: <span class="download-status">{{status}}</span></li>
<li class="label label-info">Size: <span class="download-totalLength">{{totalLength}}</span></li>
<li class="label label-info hidden-phone">Downloaded: <span class="download-completedLength">{{completedLength}}</span></li>
<li class="label label-info hidden-phone">Path: <span class="download-dir">{{dir}}</span></li>
{{/booleans.can_play}}
{{#booleans.is_complete}}
<li class="label">Status: <span class="download-status">{{status}}</span></li>
<li class="label hidden-phone">Path: <span class="download-dir">{{dir}}</span></li>
<li class="label">Size: <span class="download-totalLength">{{totalLength}}</span></li>
{{/booleans.is_complete}}
{{#booleans.is_removed}}
<li class="label label-warning">Status: <span class="download-status">{{status}}</span></li>
<li class="label label-warning hidden-phone">Path: <span class="download-dir">{{dir}}</span></li>
<li class="label label-warning">Size: <span class="download-totalLength">{{totalLength}}</span></li>
{{/booleans.is_removed}}
{{#booleans.is_error}}
<li class="label label-important">Status: <span class="download-status">{{status}}</span></li>
<li class="label label-important hidden-phone">Path: <span class="download-dir">{{dir}}</span></li>
<li class="label label-important">Size: <span class="download-totalLength">{{totalLength}}</span></li>
{{/booleans.is_error}}
</ul>
</td>
</tr>
<tr>
<td class="download-progress" colspan="2" data-toggle="collapse" data-target="[data-gid={{gid}}] .download-detail .collapse">
{{#booleans.can_pause}}
<div class="progress progress-striped active" style="width: 100%; margin: 0; padding: 0;">
<div class="bar" style="width: {{percentage}}%;"></div>
</div>
{{/booleans.can_pause}}
{{#booleans.can_play}}
<div class="progress progress-info progress-striped" style="width: 100%; margin: 0; padding: 0;">
<div class="bar" style="width: {{percentage}}%;"></div>
</div>
{{/booleans.can_play}}
{{#booleans.is_error}}
<div class="progress progress-danger progress-striped" style="width: 100%; margin: 0; padding: 0;">
<div class="bar" style="width: {{percentage}}%;"></div>
</div>
{{/booleans.is_error}}
{{#booleans.is_removed}}
<div class="progress progress-warning progress-striped" style="width: 100%; margin: 0; padding: 0;">
<div class="bar" style="width: {{percentage}}%;"></div>
</div>
{{/booleans.is_removed}}
{{#booleans.is_complete}}
<div class="progress progress-success progress-striped" style="width: 100%; margin: 0; padding: 0;">
<div class="bar" style="width: {{percentage}}%;"></div>
</div>
{{/booleans.is_complete}}
</td>
</tr>
<tr data-toggle="collapse" data-target="[data-gid={{gid}}] .download-detail .collapse" class="download-detail">
<td colspan="2">
<div class="collapse more_info">
<canvas class="progress chunk-canvas" width="1400" style="width: 100%; margin: 5px;"></canvas>
<ul class="stats">
<li class="label">Status: <span class="download-status">{{status}}</span></li>
<li class="label">GID: <span class="download-gid">{{gid}}</span></li>
<li class="label">Dir: <span class="download-dir">{{dir}}</span></li>
<li class="label">Size: <span class="download-totalLength">{{totalLength}}</span></li>
<li class="label">Downloaded: <span class="download-completedLength">{{completedLength}}</span></li>
<li class="label">Num of Pieces: <span class="download-numPieces">{{numPieces}}</span></li>
<li class="label">Piece Length: <span class="download-pieceLength">{{pieceLength}}</span></li>
<li class="label">ETA: <span class="download-eta">{{eta}}</span></li>
<li class="label">Down Speed: <span class="download-downloadSpeed">{{downloadSpeed}}</span></li>
{{#booleans.bittorrent}}
<li class="label">Upload Speed: <span class="download-uploadSpeed">{{uploadSpeed}}</span></li>
<li class="label">Upload Length: <span class="download-uploadLength">{{uploadLength}}</span></li>
{{/booleans.bittorrent}}
<li class="label">Connections: <span class="download-connections">{{connections}}</span></li>
</ul>
<h4 class="hidden-phone">Download Files</h4>
<ul class="download-files hidden-phone">
{{#files}}
<li class="label">{{path}} ({{length}})</li>
{{/files}}
</ul>
<div>
<div class="download-graph"></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</script>
<!-- }}} -->
<!--{{{ start global settings item template -->
<script type="text/mustache" id="global_general_settings_template">
{{#settings}}
<fieldset>
<legend>{{name}}</legend>
<div class="control-group">
{{#values}}
<label class="control-label" for="input_settings_{{name}}">{{name}}</label>
<div class="controls">
{{^options}}
{{#has_value}}
<input typ="text" class="input-xlarge" id="input_settings_{{name}}" value="{{value}}"/>
{{/has_value}}
{{^has_value}}
<input typ="text" class="input-xlarge" placeholder="default" id="input_settings_{{name}}"/>
{{/has_value}}
{{/options}}
{{#option}}
{{#has_value}}
<select id="input_settings_{{name}}">
{{/has_value}}
{{^has_value}}
<select id="input_settings_{{name}}">
<option value="no_val">Default</option>
{{/has_value}}
{{/option}}
{{#options}}
{{#has_value}}
<option value="{{& val}}">{{disp}}</option>
{{/has_value}}
{{^has_value}}
<option value="{{& .}}">{{.}}</option>
{{/has_value}}
{{/options}}
{{#option}}
</select>
{{/option}}
<p class="help-block">{{desc}}</p>
<br><br>
</div>
{{/values}}
</div>
</fieldset>
{{/settings}}
</script>
<!-- global settings template end }}}-->
<!-- {{{ torrent info template -->
<script type="text/mustache" id="torrent_info_template">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>Peers for {{info_name}}</h3>
</div>
<div class="modal-body">
<table class="table table-bordered table-striped table-condensed">
<thead>
<td>Address</td>
<td>Peer Choking Aria2</td>
<td>Aria2 Choking Peer</td>
<td>Seeder</td>
<td>Upload Speed</td>
<td>Download Speed</td>
</thead>
<tbody>
{{#peers}}
<tr>
<td>{{ip}}:{{port}}</td>
<td>{{peerChoking}}</td>
<td>{{amChoking}}</td>
<td>{{seeder}}</td>
<td>{{downloadSpeed}}</td>
<td>{{uploadSpeed}}</td>
{{/peers}}
{{^peers}}
<td colspan="6" style="text-align: center;"><h2>No peers connected!</h2></td>
{{/peers}}
</tbody>
</table>
</div>
<div class="modal-footer">
<button class="btn btn-success" data-dismiss="modal">Close</button>
</div>
</script>
<!-- }}} -->
<!--{{{ download settings template -->
<script type="text/mustache" id="download_settings_template">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>{{settings_name}} Download Settings</h3>
</div>
<div class="modal-body">
<form class="form-horizontal" id="dynamic_download_settings" data-downloadSettingsGid="{{gid}}">
{{#settings}}
<fieldset>
<legend>{{name}}</legend>
<div class="control-group">
{{#values}}
<label class="control-label" for="download_settings_{{name}}">{{name}}</label>
<div class="controls">
{{^options}}
{{#has_value}}
<input typ="text" class="input-xlarge" id="download_settings_{{name}}" value="{{value}}"/>
{{/has_value}}
{{^has_value}}
<input typ="text" class="input-xlarge" placeholder="default" id="download_settings_{{name}}"/>
{{/has_value}}
{{/options}}
{{#option}}
{{#has_value}}
<select id="download_settings_{{name}}">
{{/has_value}}
{{^has_value}}
<select id="download_settings_{{name}}">
<option value="no_val">Default</option>
{{/has_value}}
{{/option}}
{{#options}}
{{#has_value}}
<option value="{{& val}}">{{disp}}</option>
{{/has_value}}
{{^has_value}}
<option value="{{& .}}">{{.}}</option>
{{/has_value}}
{{/options}}
{{#option}}
</select>
{{/option}}
<p class="help-block">{{desc}}</p>
<br><br>
</div>
{{/values}}
</div>
</fieldset>
{{/settings}}
</form>
</div>
<div class="modal-footer">
<button id="save_download_settings" class="btn btn-success">Save</button>
</div>
</script>
<!-- download settings template }}}-->
</head>
<body>
<!-- {{{ top nav bar -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">aria2 Web-Client</a>
<div class="nav-collapse">
<ul class="nav">
<li class="dropdown" id="add_download">
<a class="dropdown-toggle" data-toggle="dropdown" href="#add_download">
Add <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a id="newDownload" href="#"><i class="icon-download"></i> Add Download URL</a></li>
<li><a id="newDownload_metalink" href="#"><i class="icon-file"></i> Add Metalink</a></li>
<li><a id="newDownload_torrent" href="#"><i class="icon-file"></i> Add Torrent</a></li>
</ul>
</li>
<li class="dropdown" id="stop_downloads">
<a class="dropdown-toggle" data-toggle="dropdown" href="#stop_downloads">
Manage
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#" onclick="force_pause_all()"><i class="icon-pause"></i> Pause All</a></li>
<li><a href="#" onclick="resume_paused()"><i class="icon-play"></i> Resume Paused</a></li>
<li><a href="#" onclick="purge_all()"><i class="icon-remove"></i> Purge Completed</a></li>
<li><a href="#" onclick="force_remove_all()"><i class="icon-fire"></i> Remove All</a></li>
</ul>
</li>
</ul>
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Settings <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#" onclick="custom_aria2_connect()">
<i class="icon-wrench"></i> Connection Settings</a>
</li>
<li><a href="#" onclick="custom_global_settings()">
<i class="icon-wrench"></i> Global Settings</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
About <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#" onclick="custom_global_statistics()">
<i class="icon-list-alt"></i> Global Statistics</a></li>
<li><a href="#" onclick="show_about()">
<i class="icon-info-sign"></i> About</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- }}} -->
<div role="main" class="container">
<!-- Download items here -->
<div id="active_downloads"></div>
<div id="waiting_downloads"></div>
<div id="stopped_downloads"></div>
</div>
<!--{{{ Hidden dialogs and out of screen HTML elements -->
<!--{{{ error connection template -->
<div class="modal hide" id="error_connect">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>Connection to aria failed :( </h3>
</div>
<div class="modal-body">
<p>
Make sure that aria2c is running and rpc is enabled.
aria2c --enable-rpc
</p>
</div>
<div class="modal-footer">
<a href="#" onclick="window.location.reload(true)" class="btn">Retry</a>
<a href="#" onclick="custom_aria2_connect()" class="btn btn-primary">Use custom IP and port settings</a>
</div>
</div>
<!-- error connection end }}}-->
<!--{{{ No file api template -->
<div class="modal hide" id="error_file_api">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>Unfortunately your browser does not support HTML5 File Api :( </h3>
</div>
<div class="modal-body">
<p>
To use this feature, please upgrade your browser to a somewhat recent version.
If you have no clue then head on to <a href="http://firefox.com">http://firefox.com</a>
and follow instructions there.
</p>
</div>
<div class="modal-footer">
<a href="#" onclick="clear_dialogs()" class="btn">Close</a>
</div>
</div>
<!-- no file api end }}}-->
<!--{{{ About template -->
<div class="modal hide" id="about_modal">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>About </h3>
</div>
<div class="modal-body">
<p>
aria2 version: <span class="about_aria_version"></span>
<br>
Web-Client status: <span class="about_webclient_version"></span>
</p>
<p>
To download the latest version of the project head on to
<a href="https://github.com/ziahamza/webui-aria2">http://github.com/ziahamza/webui-aria2</a>
<br>
Or you can open the latest version in browser through <a href="http://ziahamza.github.com/webui-aria2">http://ziahamza.github.com/webui-aria2</a>
</p>
</div>
<div class="modal-footer">
<a href="#" onclick="clear_dialogs()" class="btn">Close</a>
</div>
</div>
<!-- About end }}}-->
<!--{{{ global statistics template -->
<div class="modal hide" id="global_statistics_modal">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>aria2 Global Statistics</h3>
</div>
<div class="modal-body">
<p class="row-fluid global_statistics_list" style="text-align: center;">
<h5 class="span3 badge" style="text-align: center; margin: 5px;">Overall Download Speed: <span class="stat_downloadSpeed"></span></h5>
<h5 class="span3 badge" style="text-align: center; margin: 5px;">Overall Upload Speed: <span class="stat_uploadSpeed"></span></h5>
<h5 class="span3 badge" style="text-align: center; margin: 5px;">Total Active Downloads: <span class="stat_numActive"></span></h5>
<h5 class="span3 badge" style="text-align: center; margin: 5px;">Total Waiting Downloads: <span class="stat_numWaiting"></span></h5>
<h5 class="span3 badge" style="text-align: center; margin: 5px;">Total Stopped Downloads: <span class="stat_numStopped"></span></h5>
<div class="span5 stat_graph">
</div>
</p>
</div>
<div class="modal-footer">
<a href="#" onclick="clear_dialogs()" class="btn">Close</a>
</div>
</div>
<!-- global statistics end }}}-->
<!--{{{ change aria2 rpc host and port template -->
<div class="modal hide" id="change_conf">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>Connection Settings</h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<fieldset>
<legend>Aria2 RPC host and port</legend>
<div class="control-group">
<label class="control-label" for="input_host">Enter the host:</label>
<div class="controls">
<div class="input-prepend"><span class="add-on">http(s)://</span><input type="text" class="input-xlarge" id="input_host" placeholder="localhost"/></div>
<p class="help-block">Enter the ip or dns name of the server on which the rpc for aria2 is running (default = localhost)</p>
</div>
<label class="control-label" for="input_port">Enter the port:</label>
<div class="controls">
<input type="text" class="input-xlarge" placeholder="6800" id="input_port"/>
<p class="help-block">Enter the port of the server on which the rpc for aria2 is running (default = 6800)</p>
</div>
<label class="control-label" for="input_encryption">SSL/TLS encryption:</label>
<div class="controls">
<button type="button" class="btn" data-toggle="button" id="input_encryption">ON</button>
<p class="help-block">Enable SSL/TLS encryption.</p>
</div>
<label class="control-label" for="input_user">Enter the username (optional):</label>
<div class="controls">
<input type="text" class="input-xlarge" id="input_user"/>
<p class="help-block">Enter the aria2 RPC username (empty if authentication not enabled)</p>
</div>
<label class="control-label" for="input_pass">Enter the password (optional):</label>
<div class="controls">
<input type="password" class="input-xlarge" id="input_pass"/>
<p class="help-block">Enter the aria2 RPC password (empty if authentication not enabled)</p>
</div>
</div>
</fieldset>
</form>
</div>
<div class="modal-footer">
<a href="#" onclick="window.location.reload(true)" class="btn">Retry with default configuration</a>
<a href="#" onclick="update_server_conf()" class="btn btn-primary">Use custom IP and port settings</a>
</div>
</div>
<!-- change aria2 rpc host and port template }}}-->
<!--{{{ add new torrent -->
<div class="modal hide" id="new_torrent">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>Add new Torrents</h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<fieldset>
<div class="control-group">
<label class="control-label" for="input_torrent">Select the torrent file:</label>
<div class="controls">
<input type="file" class="input-xlarge" id="input_torrent" multiple/>
<p class="help-block">
Select the local torrent file to start download.
To add a magnet torrent url, use the add url option and add it there.
Note that you can select multiple torrent files to start at once.
</p>
</div>
</div>
</fieldset>
</form>
</div>
<div class="modal-footer">
<a href="#" onclick="add_torrent()" class="btn">Add</a>
<a href="#" onclick="clear_dialogs()" class="btn">Cancel</a>
</div>
</div>
<!-- add new torrent end }}}-->
<!--{{{ add new metalink -->
<div class="modal hide" id="new_metalink">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>Add new Metalinks</h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<fieldset>
<legend>Metalink File upload</legend>
<div class="control-group">
<label class="control-label" for="input_metalink">Select the Metalink file:</label>
<div class="controls">
<input type="file" class="input-xlarge" id="input_metalink" multiple/>
<p class="help-block">
Please select a local metalink file to initiate its downloads. Note that you
can select multiple metalink files at once to start
</p>
</div>
</div>
</fieldset>
</form>
</div>
<div class="modal-footer">
<a href="#" onclick="add_metalink()" class="btn">Add</a>
<a href="#" onclick="clear_dialogs()" class="btn">Cancel</a>
</div>
</div>
<!-- add new metalink end }}}-->
<!--{{{ add new Download template -->
<div class="modal hide" id="newDownload_modal">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>Add a new Download</h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<fieldset>
<legend>Download urls</legend>
<div class="control-group">
<label class="control-label" for="newDownload_url">Enter url for the Download:</label>
<div class="controls">
<input type="text" class="input-xlarge" id="newDownload_url" placeholder="http://example.com"/>
<button class="btn" href="#" id="multiple_uris"><i class="icon-plus-sign"></i></button>
<span class="help-block">URI can be HTTP(S)/FTP/BitTorrent Magnet URI. You can add multiple uris for the SAME file and the aria2 will accelerate download by downloading from many uris at the same time.</span>
</div>
</div>
</fieldset>
</form>
</div>
<div class="modal-footer">
<button id="addNewDownload" class="btn">Add Download</button>
</div>
</div>
<!-- add new Download template end }}}-->
<!--{{{ global settings template start -->
<div class="modal hide" id="global_settings_modal">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h3>Global Settings</h3>
</div>
<div class="modal-body">
<form class="form-horizontal" id="dynamic_global_settings">
<!-- dynamic settings injection here -->
</form>
</div>
<div class="modal-footer">
<button id="save_global_settings" class="btn btn-success">Save</button>
</div>
</div>
<!-- global settings template end }}}-->
<!--{{{ download settings template start -->
<div class="modal hide" id="download_settings_modal">
</div>
<!-- download settings template end }}}-->
<!--{{{ torrent info modal -->
<div class="modal hide" id="torrent_info_modal" style="width: 600px;">
</div>
<!-- }}} -->
<!-- }}} hidden modals end -->
<script src="js/old/plugins.js"></script>
<script src="js/old/script.js"></script>
</body>
</html>