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

This commit is contained in:
Valery Sizov 2012-01-07 12:53:01 +02:00
parent dae9cd2af6
commit 97e74c5bde
2 changed files with 19 additions and 6 deletions

View file

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

View file

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