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

ui updates for small resolution and mobile devices

Browse Source
This commit is contained in:
Hamza Zia 2012-07-04 14:53:45 +08:00
parent 015fa17014
commit 53d1999fc4
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -328,6 +328,13 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <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> <a class="brand" href="#">aria2 Web-Client</a>
<div class="nav-collapse"> <div class="nav-collapse">
<ul class="nav"> <ul class="nav">
@ -462,12 +469,12 @@
<h3>aria2 Global Statistics</h3> <h3>aria2 Global Statistics</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="row-fluid" class="global_statistics_list" style="text-align: center;"> <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></h3> <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></h3> <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></h3> <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></h3> <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></h3> <h5 class="span3 badge" style="text-align: center; margin: 5px;">Total Stopped Downloads: <span class="stat_numStopped"></span></h5>
</p> </p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -480,11 +487,12 @@
<div class="modal hide" id="change_conf"> <div class="modal hide" id="change_conf">
<div class="modal-header"> <div class="modal-header">
<button class="close" data-dismiss="modal">x</button> <button class="close" data-dismiss="modal">x</button>
<h3>Please enter the aria2 RPC port and host</h3> <h3>Connection Settings</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form class="form-horizontal"> <form class="form-horizontal">
<fieldset> <fieldset>
<legend>Aria2 RPC host and port</legend>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="input_host">Enter the host:</label> <label class="control-label" for="input_host">Enter the host:</label>
<div class="controls"> <div class="controls">
@ -556,6 +564,7 @@
<div class="modal-body"> <div class="modal-body">
<form class="form-horizontal"> <form class="form-horizontal">
<fieldset> <fieldset>
<legend>Metalink File upload</legend>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="input_metalink">Select the Metalink file:</label> <label class="control-label" for="input_metalink">Select the Metalink file:</label>
<div class="controls"> <div class="controls">
@ -585,6 +594,7 @@
<div class="modal-body"> <div class="modal-body">
<form class="form-horizontal"> <form class="form-horizontal">
<fieldset> <fieldset>
<legend>Download urls</legend>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="newDownload_url">Enter url for the Download:</label> <label class="control-label" for="newDownload_url">Enter url for the Download:</label>
<div class="controls"> <div class="controls">

8
js/script.js
View File

@ -426,10 +426,10 @@ function getTemplateCtx(data) {
if(!percentage) percentage = 0; if(!percentage) percentage = 0;
var name; var name;
if(data.files[0].path && data.dir) { if(data.files[0].path && data.dir) {
//name = data.files[0].path.replace(/^.*[\\\/\]]/, ''); name = data.files[0].path.replace(/^.*[\\\/\]]/, '');
name = data.files[0].path.replace(data.dir, '').substr(1); //name = data.files[0].path.replace(data.dir, '').substr(1);
if(name.indexOf('/') !== -1) //if(name.indexOf('/') !== -1)
name = name.substring(0, name.indexOf('/')); //name = name.substring(0, name.indexOf('/'));
} }
else { else {
name = data.files[0].uris[0].uri.replace(/^.*[\\\/]/, ''); name = data.files[0].uris[0].uri.replace(/^.*[\\\/]/, '');