add tags to admin project form

app/assets/javascripts/projects.js

@@ -40,3 +40,19 @@ $(document).ready(function(){
 function focusSearch() {
   $("#search").focus();
 }
+
+function taggifyForm(){
+  var tag_field = $('#tag_field').tagify();
+
+  tag_field.tagify('inputField').autocomplete({
+      source: '/tags.json'
+  });
+
+
+  $('form').submit( function() {
+    var tag_field = $('#tag_field')
+       tag_field.val( tag_field.tagify('serialize') );
+       return true;
+  });
+}
+

app/views/admin/projects/_form.html.haml

@@ -6,25 +6,34 @@
         - @admin_project.errors.full_messages.each do |msg|
           %li= msg
 
-  .span-24
-    .span-12
-      .field
+  .form-row
     = f.label :name
     %br
     = f.text_field :name
-      .field
+  .form-row
     = f.label :code
     %br
     = f.text_field :code
-      .field
+  .form-row
     = f.label :path
     %br
     = f.text_field :path
-    .span-10
-      .field
+
+
+  .form-row
+    = f.label :tag_list
+    %br
+    = f.text_area :tag_list, :placeholder => "project tags", :style => "height:50px", :id => :tag_field
+
+  .form-row
     = f.label :description
     %br
     = f.text_area :description
   .clear
   .actions
     = f.submit 'Save', :class => "lbutton"
+
+:javascript
+  $(function(){
+    taggifyForm();
+  })  

app/views/projects/_form.html.haml

@@ -30,7 +30,7 @@
         %td= f.label :tag_list
         %td= f.text_area :tag_list, :placeholder => "project tags", :style => "height:50px", :id => :tag_field
   
-    .field
+    .form-row
       = f.label :description
       %br/
       = f.text_area :description, :style => "height:140px;width:932px;"
@@ -55,16 +55,5 @@
 
 :javascript
   $(function(){
-    var tag_field = $('#tag_field').tagify();
-
-    tag_field.tagify('inputField').autocomplete({
-        source: '/tags.json'
-    });
-
-
-    $('form').submit( function() {
-      var tag_field = $('#tag_field')
-         tag_field.val( tag_field.tagify('serialize') );
-         return true;
-    });
+    taggifyForm();
   })