Use an animated gif in add-bookmark form, while fetching metadata.

apps/bookmarks/css/bookmarks.css

@@ -84,3 +84,8 @@
 .clear {
 	clear:both;
 }
+
+.loading_meta {
+	display: none;
+	margin-left: 5px;
+}
\ No newline at end of file

apps/bookmarks/js/bookmarks.js

@@ -18,6 +18,7 @@ $(document).ready(function() {
 	
 	$('.bookmarks_list').empty();
 	getBookmarks();
+	
 });
 
 function getBookmarks() {
@@ -45,7 +46,8 @@ function getBookmarks() {
 }
 
 function getMetadata() {
-	var url = encodeEntities($('#bookmark_add_url').val())
+	var url = encodeEntities($('#bookmark_add_url').val());
+	$('.loading_meta').css('display','inline');
 	$.ajax({
 		url: 'ajax/getMeta.php',
 		data: 'url=' + encodeURIComponent(url),
@@ -55,6 +57,7 @@ function getMetadata() {
 			if (pageinfo.data.description !== undefined){
 				$('#bookmark_add_description').val(pageinfo.data.description);
 			}
+			$('.loading_meta').css('display','none');
 		}
 	});
 }

apps/bookmarks/templates/list.php

@@ -6,8 +6,10 @@
 </div>
 <div class="bookmarks_add">
 	<p><label class="bookmarks_label">Address</label><input type="text" id="bookmark_add_url" class="bookmarks_input" /></p>
-	<p><label class="bookmarks_label">Title</label><input type="text" id="bookmark_add_title" class="bookmarks_input" /></p>
-	<p><label class="bookmarks_label">Description</label><input type="text" id="bookmark_add_description" class="bookmarks_input" /></p>
+	<p><label class="bookmarks_label">Title</label><input type="text" id="bookmark_add_title" class="bookmarks_input" />
+       <img class="loading_meta" src="<?php echo OC_Helper::imagePath('core', 'loading.gif'); ?>" /></p>
+	<p><label class="bookmarks_label">Description</label><input type="text" id="bookmark_add_description" class="bookmarks_input" />
+       <img class="loading_meta" src="<?php echo OC_Helper::imagePath('core', 'loading.gif'); ?>" /></p>
 	<p><label class="bookmarks_label">Tags</label><input type="text" id="bookmark_add_tags" class="bookmarks_input" /></p>
 	<p><label class="bookmarks_label"> </label><label class="bookmarks_hint">Hint: Use space to separate tags.</label></p>
 	<p><label class="bookmarks_label"></label><input type="submit" id="bookmark_add_submit" /></p>