From b1d2d5ed228324a377bd9bfb8eefa5fad1f3b69e Mon Sep 17 00:00:00 2001
From: sajjadcb <sajjadcb>
Date: Wed, 2 Apr 2014 13:11:45 +0000
Subject: [PATCH] updated: upload form

---
 upload/styles/cb_2014/theme/css/uploader.css | 17 +++++-
 upload/styles/global/remote_upload_form.html | 54 ++++++++++----------
 2 files changed, 42 insertions(+), 29 deletions(-)

diff --git a/upload/styles/cb_2014/theme/css/uploader.css b/upload/styles/cb_2014/theme/css/uploader.css
index db971e57..d71f93ee 100644
--- a/upload/styles/cb_2014/theme/css/uploader.css
+++ b/upload/styles/cb_2014/theme/css/uploader.css
@@ -133,4 +133,19 @@
 
 .uploadMoreVideos{
   margin-bottom: 10px;
-}
\ No newline at end of file
+}
+
+.remoteDownloadStatus{
+    padding: 10px;
+    border: solid 1px #ddd;
+    margin-bottom: 10px;
+  }
+  .remoteDownloadStatus > span{
+    display: block;
+    margin-top: 2px;
+  }
+
+  .marginTop{
+    margin-top: 10px;
+    margin-bottom: 0;
+  }
\ No newline at end of file
diff --git a/upload/styles/global/remote_upload_form.html b/upload/styles/global/remote_upload_form.html
index 9647e3f9..b19f750d 100644
--- a/upload/styles/global/remote_upload_form.html
+++ b/upload/styles/global/remote_upload_form.html
@@ -8,47 +8,45 @@
 
 
 <div class="upload_form_div clearfix form-group {$class}" id="remoteUploadFormDiv">
-	<label for="remote_file_url" class="label">{lang('please_enter_remote_file_url')}</label>
-	<input name="remote_file_url" type="textfield"  class="remoteUrlInput form-control" id="remote_file_url" value="{lang('remote_upload_example')}" onclick="if($(this).val()=='{lang('remote_upload_example')}') $(this).val('')"/>
-	<input name="submit_upload" type="hidden" value="{lang('upload_data_now')}">
-
-	<div id="remote_upload_result_cont"></div>
-	<div class="progress">
-	  <div id="prog_bar" class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
-	    <span class="sr-only">60% Complete</span>
-	  </div>
+	<div class="input-group marginTop">
+	  <span class="input-group-addon"><i class="glyphicon glyphicon-link"></i></span>
+	  <input name="remote_file_url" type="text"  class="remoteUrlInput form-control" id="remote_file_url" value="{lang('remote_upload_example')}" onclick="if($(this).val()=='{lang('remote_upload_example')}') $(this).val('')"/>
+	  <input name="submit_upload" type="hidden" value="{lang('upload_data_now')}">
 	</div>
-	<div id="downloadStatus">
-		<span>Downloaded </span>
-		<span id="downloaded">0.00 Mb</span>
-		<span> of </span>
-		<span id="totalSize">0.00 Mb</span>
+	
+	
+	<div class="downloadStatusContainer hidden">
+		<div class="progress marginTop">
+		  <div id="prog_bar" class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
+		    <span class="sr-only">60% Complete</span>
+		  </div>
+		</div>
+		<div align="center" id="loading" style=""></div>
+		<div id="downloadStatus">
+			<small>
+				<span>Downloaded </span>
+				<span id="downloaded">0.00 Mb</span>
+				<span> of </span>
+				<span id="totalSize">0.00 Mb</span>
+			</small>
+		</div>
 	</div>
-	<div align="center" id="loading" style=""></div>
 	{*
 		<div>
 		{lang('remoteDownloadStatusDiv')}
 		</div>                
 	*}
-	<div>
-		<input type="button" name="ytUploadBttn" id="ytUploadBttn" value="{lang('grab_from_youtube')}" onClick="youtube_upload()" class="cbSubmitUpload">
-		<input type="button" name="remoteUploadBttn" id="remoteUploadBttn" value="{lang('upload')}" onClick="_cb.{get_remote_url_function()}" class="cbSubmitUpload">
-		<input type="button" name="remoteUploadBttnStop" id="remoteUploadBttnStop" value="{lang('cancel')}"   class="cbSubmitUpload" style="display:none"/>
+	<div class="align-right marginTop">
+		<input type="button" name="ytUploadBttn" id="ytUploadBttn" value="{lang('grab_from_youtube')}" onClick="youtube_upload()" class="btn btn-primary btn-lg">
+		<input type="button" name="remoteUploadBttn" id="remoteUploadBttn" value="{lang('upload')}" onClick="_cb.{get_remote_url_function()}" class="btn btn-primary btn-lg">
+		<input type="button" name="remoteUploadBttnStop" id="remoteUploadBttnStop" value="{lang('cancel')}"   class="btn btn-primary btn-lg" style="display:none"/>
 	</div>
 </div>
 <div id="remoteForm"></div>
 
 {literal}
 <style>
-	.remoteDownloadStatus{
-		padding: 10px;
-		border: solid 1px #ddd;
-		margin-bottom: 10px;
-	}
-	.remoteDownloadStatus > span{
-		display: block;
-		margin-top: 2px;
-	}
+	
 </style>
 {/literal}
 {$videoFields = $Upload->load_video_fields($input)}