Auto-populate the path and code on the name input's onchange event to the sluggified version of name

app/views/projects/_form.html.haml

@@ -58,14 +58,14 @@
         = link_to 'Remove', @project, :confirm => 'Are you sure?', :method => :delete, :class => "red-button"
 
 
-:javascript
-  $('.new_project, .edit_project').bind('ajax:before', function() {
-    $(this).find(".form_content").hide();
-    $('.ajax_loader').show();
-  });
-
 :javascript
   $(function(){
+    $('.new_project, .edit_project').bind('ajax:before', function() {
+      $(this).find(".form_content").hide();
+      $('.ajax_loader').show();
+    });
+    
     taggifyForm();
+    
     $('form #project_default_branch').chosen();
   })

app/views/projects/new.html.haml

@@ -8,3 +8,16 @@
 
       %div.clear
       = render 'form'
+
+:javascript
+  $(function(){
+    $("#project_name").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();
+  }