q3aql/webui-aria2
q3aql/webui-aria2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

minor ui touch ups

Browse Source
This commit is contained in:
Hamza Zia 2012-06-16 20:50:11 +08:00
parent 0e62a52094
commit c812b2a8b2
2 changed files with 22 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
README.md
View File

@ -1,28 +1,27 @@
webui-aria2 webui-aria2
=========== ===========
The aim for this project is to create the worlds best and hottest interface to interact with aria2. Aria2 is the worlds best file downloader, but sometimes the command line just brings more power than necessary. The aim for this project is to create the worlds best and hottest interface to interact with aria2. aria2 is the worlds best file downloader, but sometimes the command line just brings more power than necessary.
Very simple to use, no build scripts, no installation scripts. Just download, fireup your favourite web browser and open index.html and start downloading files!! Be sure to start aria2 in the background either in your local machine or in a remote one. You can do that as follows: Very simple to use, no build scripts, no installation scripts. Just download the repo, fireup your favourite web browser with index.html and start downloading files!! Be sure to start aria2 in the background either in your local machine or in a remote one. You can do that as follows:
aria2c --enable-rpc **aria2c --enable-rpc**
If aria2 is not installed in your local machine then head on to http://aria2.sourceforge.net/ and follow the instructions there.
Status Status
=========== ===========
Basic working prototype with minimal functionality. A lot more to features to come so stay tuned. Usable but some bugs here and there. A lot more to features to come so stay tuned.
TODO TODO
=========== -----------
-> Adding URIs to existing downloads * More advance options for new download
-> Add download and upload speed graphs and virtualizations * Adding downloads by uploading torrent and metalink files (HTML5 file api probably)
-> More global statistics * Add download and upload speed graphs and virtualizations
-> More specialized info for special download types like bit torrent and metalink * More specialized info for special download types like bit torrent and metalink
-> Refined settings for each download * Adding URIs to existing downloads
-> Changing configuration of downloads already started
-> More advance options for new download
-> Adding downloads by uploading torrent and metalink files (HTML5 file api probably)
Dependencies Dependencies
=========== ============
Well, I guess it cant run without aria2 installed locally or on a network location. And not sure if a web browser counts as a dependencies on GUI desktops :) Well, I guess you cannot run it without aria2 installed locally or on a network location. And not sure if a web browser counts as a dependency on GUI desktops :)

16
index.html
View File

@ -33,7 +33,7 @@
margin-bottom: 3px; margin-bottom: 3px;
} }
</style> </style>
<!--{{{ active downloads template start --> <!--{{{ active downloads template -->
<script type="text/mustache" id="download_active_template"> <script type="text/mustache" id="download_active_template">
<div class="row download_active_item" data-gid="{{gid}}" data-settingsName={{sett_name}}> <div class="row download_active_item" data-gid="{{gid}}" data-settingsName={{sett_name}}>
<div class="span3" style="overflow: hidden;"> <div class="span3" style="overflow: hidden;">
@ -80,7 +80,7 @@
</script> </script>
<!-- active downloads template end }}}--> <!-- active downloads template end }}}-->
<!--{{{ waiting downloads template start --> <!--{{{ waiting downloads template-->
<script type="text/mustache" id="download_waiting_template"> <script type="text/mustache" id="download_waiting_template">
<div class="row download_waiting_item" data-gid="{{gid}}" data-settingsName={{sett_name}}> <div class="row download_waiting_item" data-gid="{{gid}}" data-settingsName={{sett_name}}>
<div class="span3" style="overflow: hidden;"> <div class="span3" style="overflow: hidden;">
@ -122,18 +122,18 @@
</script> </script>
<!-- waiting downloads template end }}}--> <!-- waiting downloads template end }}}-->
<!--{{{ stopped downloads template start --> <!--{{{ stopped downloads template-->
<script type="text/mustache" id="download_stopped_template"> <script type="text/mustache" id="download_stopped_template">
<div class="row download_stopped_item" data-gid="{{gid}}"> <div class="row download_stopped_item" data-gid="{{gid}}">
<div class="span3" style="overflow: hidden;"> <div class="span3" style="overflow: hidden;">
<b style="font-size: 14px;" class="tmp_name">{{settings_name}}</b> <b style="font-size: 14px;" class="tmp_name">{{settings_name}}</b>
</div> </div>
<div class="span6"> <div class="span6">
<span class="badge badge-important">Status: <span class="tmp_status">{{status}}</span></span> <span class="badge badge-info">Status: <span class="tmp_status">{{status}}</span></span>
<div class="pull-right"> <div class="pull-right">
<span class="label label-important">Size: <span class="tmp_size">{{size}}</span></span> | <span class="label label-info">Size: <span class="tmp_size">{{size}}</span></span> |
<span class="label label-important">Downloaded: <span class="tmp_downloaded">{{downloaded}}</span></span> | <span class="label label-info">Downloaded: <span class="tmp_downloaded">{{downloaded}}</span></span> |
<span class="label label-important">Progress: <span class="tmp_percentage">{{percentage}}</span>%</span> <span class="label label-info">Progress: <span class="tmp_percentage">{{percentage}}</span>%</span>
</div> </div>
</div> </div>
<div class="span3"> <div class="span3">
@ -145,7 +145,7 @@
</div> </div>
<br> <br>
<div class="span12 progress progress-striped"> <div class="span12 progress progress-striped">
<div class="bar" style="width: {{percentage}}%; background-color:#EE5F5B"></div> <div class="bar" style="width: {{percentage}}%; background-color:#3A87AD"></div>
</div> </div>
<div class="span12 more_info collapse"> <div class="span12 more_info collapse">
<b class="span2 label active_settings">Status: <span class="tmp_status">{{status}}</span></b> <b class="span2 label active_settings">Status: <span class="tmp_status">{{status}}</span></b>