Js refactoring and ajax animation replaced

app/assets/javascripts/application.js

@@ -70,3 +70,7 @@ function showMenu() {
 function resetMenu() {
   $(this).removeClass("hover");
 }
+
+function slugify(text) {
+  return text.replace(/[^-a-zA-Z0-9]+/g, '_').toLowerCase();
+}

app/assets/javascripts/merge_requests.js

@@ -31,10 +31,12 @@ var MergeRequest = {
       $.ajax({
         type: "GET",
         url: $(".merge-diffs-tab").attr("data-url"),
+        beforeSend: function(){ $('.status').addClass("loading")},
         complete: function(){ 
           MergeRequest.diffs_loaded = true;
           $(".merge_request_notes").hide();
-          $(".dashboard-loader").hide()},
+          $('.status').removeClass("loading");
+        },
         dataType: "script"});
     }
 }

app/assets/javascripts/projects.js

+function Projects() { 
+  $("#project_name").live("change", function(){
+    var slug = slugify($(this).val());
+    $("#project_code").val(slug);
+    $("#project_path").val(slug);
+  });
+
+  $('.new_project, .edit_project').live('ajax:before', function() {
+    $('.project_new_holder, .project_edit_holder').hide();
+    $('.ajax_loader').show();
+  });
+
+  $('form #project_default_branch').chosen();
+}

app/assets/stylesheets/common.scss

@@ -589,7 +589,7 @@ table a code {
 
 .loading { 
   margin:20px auto;
-  background: url(ajax-loader-facebook.gif) no-repeat center center;
+  background: url(ajax_loader.gif) no-repeat center center;
   width:40px;
   height:40px;
 }

app/views/issues/index.html.haml

@@ -3,7 +3,7 @@
     Issues
     %span.rss-icon
       = link_to project_issues_path(@project, :atom, { :private_token => current_user.private_token }) do 
-        = image_tag "Rss-UI.PNG", :width => 22, :title => "feed"
+        = image_tag "Rss-UI.PNG", :width => 16, :title => "feed"
 
     - if can? current_user, :write_issue, @project
       = link_to new_project_issue_path(@project), :class => "right btn small", :title => "New Issue", :remote => true do 

app/views/merge_requests/show.html.haml

@@ -73,12 +73,11 @@
       = link_to "#diffs", "data-url" => diffs_project_merge_request_path(@project, @merge_request), :class => "merge-diffs-tab tab" do
         Diff
 
-    %img{:src => "/assets/ajax-loader-facebook.gif", :class => "dashboard-loader"}
 
 .merge_request_notes#notes= render "notes/notes", :tid => @merge_request.id, :tt => "merge_request"
 
 .merge-request-diffs
-
+.status
 
 :javascript
   $(function(){

app/views/projects/_form.html.haml

@@ -49,7 +49,7 @@
   .clearfix
     = f.label :description
     .input
-      = f.text_area :description, :placeholder => "project description", :class => "xlarge", :rows => 4
+      = f.text_area :description, :placeholder => "project description", :class => "xxlarge", :rows => 5
       %p.hint Markdown is enabled.
 
   %br

app/views/projects/create.js.haml

@@ -3,5 +3,6 @@
     location.href = "#{project_path(@project, :notice => 'Project was successfully created.')}";
 - else
   :plain
+    $('.project_new_holder').show();
     $("#new_project").replaceWith("#{escape_javascript(render('form'))}");
     $('.ajax_loader').hide();

app/views/projects/edit.html.haml

 = render "project_head"
-%h3 Edit Project
-%hr
-= render "projects/form"
-%div{ :class => "ajax_loader",  :style => "display:none;height:200px;"}
+.project_edit_holder
+  %h3 Edit Project
+  %hr
+  = render "projects/form"
+%div.ajax_loader.hide
   %center
-    = image_tag "ajax-loader.gif", :class => "append-bottom"
+    %div.padded= image_tag "ajax_loader.gif"
     %h3.prepend-top Saving project & repository. Please wait...
 
 :javascript
-  $(function(){
-    $("#project_name").live("change", function(){
-      var slug = slugify($(this).val());
-      $("#project_code").val(slug);
-      $("#project_path").val(slug);
-    });
-  });
-
-  function slugify(text) {
-    return text.replace(/[^-a-zA-Z0-9]+/g, '_').toLowerCase();
-  }
-
-  $(function(){
-    $('.edit_project').live('ajax:before', function() {
-      $(this).hide();
-      $('.ajax_loader').show();
-    });
-    $('form #project_default_branch').chosen();
-  })
+  $(function(){ new Projects(); });

app/views/projects/new.html.haml

-%h3 New Project
-%hr
-= render 'form'
-%div{ :class => "ajax_loader",  :style => "display:none;height:200px;"}
+.project_new_holder
+  %h3 New Project
+  %hr
+  = render 'form'
+%div.ajax_loader.hide
   %center
-    = image_tag "ajax-loader.gif", :class => "append-bottom"
+    %div.padded= image_tag "ajax_loader.gif"
     %h3.prepend-top Creating project & repository. Please wait for few minutes
 
 :javascript
-  $(function(){
-    $("#project_name").live("change", function(){
-      var slug = slugify($(this).val());
-      $("#project_code").val(slug);
-      $("#project_path").val(slug);
-    });
-  });
-
-  function slugify(text) {
-    return text.replace(/[^-a-zA-Z0-9]+/g, '_').toLowerCase();
-  }
-
-  $(function(){
-    $('.new_project').live('ajax:before', function() {
-      $(this).hide();
-      $('.ajax_loader').show();
-    });
-    $('form #project_default_branch').chosen();
-  })
+  $(function(){ new Projects(); });

app/views/projects/update.js.haml

@@ -3,5 +3,6 @@
     location.href = "#{edit_project_path(@project, :notice => 'Project was successfully updated.')}";
 - else
   :plain
+    $('.project_edit_holder').show();
     $(".edit_project").replaceWith("#{escape_javascript(render('form'))}");
     $('.ajax_loader').hide();