1
0
mirror of https://github.com/owncloud/bookmarks.git synced 2025-02-18 15:54:28 +01:00

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

This commit is contained in:
Golnaz Nilieh 2011-09-06 17:13:03 +04:30
parent 3f2f29d334
commit ed14402cda
3 changed files with 13 additions and 3 deletions

View File

@ -84,3 +84,8 @@
.clear {
clear:both;
}
.loading_meta {
display: none;
margin-left: 5px;
}

View File

@ -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');
}
});
}

View File

@ -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>