From 4d606f6d140fd64d578860c193043c7592e522eb Mon Sep 17 00:00:00 2001
From: hamza zia <ziahamza2007@gmail.com>
Date: Mon, 27 Aug 2012 14:12:52 +0800
Subject: [PATCH] refined add new download

---
 index.html   |  3 ++-
 js/script.js | 39 ++++++++++++++++++++-------------------
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index 81e836e..f6a7ae3 100755
--- a/index.html
+++ b/index.html
@@ -73,6 +73,7 @@
     }
 
   </style>
+
   <!--{{{ active downloads template -->
   <script type="text/mustache" id="download_active_template">
 	  <div class="row download_item download_active_item" data-gid="{{gid}}" data-settingsName={{sett_name}}>
@@ -314,6 +315,7 @@
 	  </div>
   </script>
   <!-- }}} -->
+
   <!--{{{ download settings template start -->
   <script type="text/mustache" id="download_settings_template">
 
@@ -664,7 +666,6 @@
 						<input type="text" class="input-xlarge" id="newDownload_url" placeholder="http://example.com"/>
 						<button class="btn" id="multiple_uris"><i class="icon-plus-sign"></i></button>
 						<span class="help-block">URI can be HTTP(S)/FTP/BitTorrent Magnet URI</span>
-						<ol class="download_urls"></ol>
 					</div>
 				</div>
 			</fieldset>
diff --git a/js/script.js b/js/script.js
index 192c462..9590bf1 100755
--- a/js/script.js
+++ b/js/script.js
@@ -1,3 +1,4 @@
+/* ex: set tabstop=4 */
 var graphSize = 15;
 var graphData = [];
 var globalGraphData = null;
@@ -256,20 +257,20 @@ $(function() {
 		}
 	});
 	$('#multiple_uris').click(function() {
-		var url = $('#newDownload_url').val();
-		var html = '<li>';
-		html += '<span class="uris">';
-		html += url;
-		html += '</span>';
-		html += '             ';
-		html += '<a href="#"><i class="icon-trash"></i></a></li>';
-		$(html).appendTo('.download_urls');
-		$('#newDownload_url').val("");
-		$('.download_urls a').unbind('click').click(function() {
-			$(this).parents('li').remove();
-		});
+		if ($('#multiple_uris i').hasClass('icon-plus-sign')) {
+			var txt = $('#newDownload_url').val();
+			$('#newDownload_url').replaceWith('<textarea style="width: 270px" id="newDownload_url" rows="5"></textarea>');
+			if (txt.trim().length)
+				$('#newDownload_url').val(txt + '\n');
+			$('#multiple_uris i').removeClass('icon-plus-sign').addClass('icon-minus-sign');
+		}
+		else {
+			$('#newDownload_url').replaceWith('<input type="text" class="input-xlarge" id="newDownload_url" placeholder="http://example.com"/>');
+			$('#multiple_uris i').removeClass('icon-minus-sign').addClass('icon-plus-sign');
+		}
 	});
 	$('#addNewDownload').click(newDownload);
+
 	setInterval(update_ui, 1000);
 });
 function check_global(name) {
@@ -415,14 +416,14 @@ function addDownload(uris) {
 }
 
 function newDownload() {
-	var li = $('.download_urls li');
-	var urls = [];
-	for(var i = 0; i < li.length; i++) {
-		urls.push($(li[i]).text().trim());
+	var urls = $('#newDownload_url').val().split('\n')
+		.map(function(e) {
+			return e.trim();
+		})
+		.filter(function(e) {
+			return e.length;
+		});
 
-	}
-	var inp_url = $('#newDownload_url').val().trim();
-	if(inp_url.length > 0) urls.push(inp_url);
 	addDownload([urls]);
 }