From 53d1999fc4976175689d1aa0b7807d1d838bfa5e Mon Sep 17 00:00:00 2001
From: Hamza Zia <ziahamza2007@gmail.com>
Date: Wed, 4 Jul 2012 14:53:45 +0800
Subject: [PATCH] ui updates for small resolution and mobile devices

---
 index.html   | 24 +++++++++++++++++-------
 js/script.js |  8 ++++----
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index ffb5251..44eda15 100755
--- a/index.html
+++ b/index.html
@@ -328,6 +328,13 @@
 <div class="navbar 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">
@@ -462,12 +469,12 @@
 		<h3>aria2 Global Statistics</h3>
 	</div>
 	<div class="modal-body">
-		<p class="row-fluid" class="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 Upload Speed: <span class="stat_uploadSpeed"></span></h3>
-			<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 Waiting Downloads: <span class="stat_numWaiting"></span></h3>
-			<h5 class="span3 badge" style="text-align: center; margin: 5px;">Total Stopped Downloads: <span class="stat_numStopped"></span></h3>
+		<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>
 		</p>
 	</div>
 	<div class="modal-footer">
@@ -480,11 +487,12 @@
 <div class="modal hide" id="change_conf">
 	<div class="modal-header">
 		<button class="close" data-dismiss="modal">x</button>
-		<h3>Please enter the aria2 RPC port and host</h3>
+		<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">
@@ -556,6 +564,7 @@
 	<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">
@@ -585,6 +594,7 @@
 	<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">
diff --git a/js/script.js b/js/script.js
index 0af2ef6..43648dc 100755
--- a/js/script.js
+++ b/js/script.js
@@ -426,10 +426,10 @@ function getTemplateCtx(data) {
 	if(!percentage) percentage = 0;
 	var name;
 	if(data.files[0].path && data.dir) {
-		//name = data.files[0].path.replace(/^.*[\\\/\]]/, '');
-		name = data.files[0].path.replace(data.dir, '').substr(1);
-		if(name.indexOf('/') !== -1)
-			name = name.substring(0, name.indexOf('/'));
+		name = data.files[0].path.replace(/^.*[\\\/\]]/, '');
+		//name = data.files[0].path.replace(data.dir, '').substr(1);
+		//if(name.indexOf('/') !== -1)
+			//name = name.substring(0, name.indexOf('/'));
 	}
 	else {
 		name = data.files[0].uris[0].uri.replace(/^.*[\\\/]/, '');