From 84227dd4e1f5e776d56c759297605027a5824c57 Mon Sep 17 00:00:00 2001 From: brion Date: Sun, 16 Aug 2009 10:17:03 -0700 Subject: [PATCH] Use spinner icon while performing AJAX submissions of favorite/unfavorite button so there's some visual feedback that something's happening. --- js/util.js | 8 ++++++++ theme/default/css/display.css | 4 ++++ 2 files changed, 12 insertions(+) diff --git a/js/util.js b/js/util.js index e5f117df0f..f09ce838c4 100644 --- a/js/util.js +++ b/js/util.js @@ -82,6 +82,10 @@ $(document).ready(function(){ // XXX: refactor this code var favoptions = { dataType: 'xml', + beforeSubmit: function(data, target, options) { + $(target).addClass('processing'); + return true; + }, success: function(xml) { var new_form = document._importNode($('form', xml).get(0), true); var dis = new_form.id; var fav = dis.replace('disfavor', 'favor'); @@ -91,6 +95,10 @@ $(document).ready(function(){ }; var disoptions = { dataType: 'xml', + beforeSubmit: function(data, target, options) { + $(target).addClass('processing'); + return true; + }, success: function(xml) { var new_form = document._importNode($('form', xml).get(0), true); var fav = new_form.id; var dis = fav.replace('favor', 'disfavor'); diff --git a/theme/default/css/display.css b/theme/default/css/display.css index 646fb0445d..6a4b87df1a 100644 --- a/theme/default/css/display.css +++ b/theme/default/css/display.css @@ -223,6 +223,10 @@ background:transparent url(../../base/images/icons/twotone/green/favourite.gif) .notice-options form.form_disfavor input.submit { background:transparent url(../../base/images/icons/twotone/green/disfavourite.gif) no-repeat 0 45%; } +.notice-options form.form_favor.processing input.submit, +.notice-options form.form_disfavor.processing input.submit { +background:transparent url(../../base/images/icons/icon_processing.gif) no-repeat 0 45%; +} .notice-options .notice_delete { background:transparent url(../../base/images/icons/twotone/green/trash.gif) no-repeat 0 45%; }