From 009e869930b70c47622c345fb61f36f8a413c66d Mon Sep 17 00:00:00 2001
From: Philip Arndt <parndt@gmail.com>
Date: Mon, 9 Aug 2010 22:07:22 +1200
Subject: Add hacky little script to show a loading icon when you click one of
 the expanding menus.

---
 app/views/admin/blog/_submenu.html.erb | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'app/views/admin')

diff --git a/app/views/admin/blog/_submenu.html.erb b/app/views/admin/blog/_submenu.html.erb
index efaeddd..a842158 100644
--- a/app/views/admin/blog/_submenu.html.erb
+++ b/app/views/admin/blog/_submenu.html.erb
@@ -18,7 +18,7 @@
     </li>
   </ul>
 
-  <ul>
+  <ul style='margin-top: 30px'>
     <li<%= " class='selected'" if request.path == admin_blog_comments_path %>>
       <%= link_to t('.comments.new'), admin_blog_comments_path,
                   :class => 'user_comment_icon' %>
@@ -33,7 +33,7 @@
     </li>
   </ul>
 
-  <ul class='collapsible_menu'>
+  <ul class='collapsible_menu' style='margin-top: 30px'>
     <li<%= " class='selected'" if request.path == admin_blog_categories_path %>>
       <%= link_to t('.categories.title'), admin_blog_categories_url,
                   :class => 'category_icon'%>
@@ -48,7 +48,7 @@
     </li>
   </ul>
 
-  <ul class='collapsible_menu'>
+  <ul class='collapsible_menu' style='margin-top: 30px'>
     <li<%= " class='selected'" if request.path == admin_blog_settings_path %>>
       <%= link_to t('.settings.title'), admin_blog_settings_path,
                   :class => 'settings_icon' %>
@@ -71,8 +71,11 @@
       $('ul.collapsible_menu').each(function(i, ul) {
         (first_li = $(this).children('li:first')).after(div=$("<div style='display: none'></div>"));
         $(this).children('li:not(:first)').appendTo(div);
-        first_li.click(function(e){
-          $(this).next('div').animate({opacity: 'toggle', height: 'toggle'}, 250);
+        first_li.find('> a').click(function(e){
+          $(this).css('background-image', 'url(/images/refinery/ajax-loader.gif) !important');
+          $(this).parent().next('div').animate({opacity: 'toggle', height: 'toggle'}, 250, $.proxy(function(){
+            $(this).css('background-image', null);
+          }, $(this)));
           e.preventDefault();
         });
       });
-- 
cgit v1.2.3