Added in place edit of customer.

app/assets/javascripts/app/controllers/_application_controller_generic.js.coffee

@@ -76,6 +76,7 @@ class App.ControllerGenericEdit extends App.ControllerModal
       el:         @el.find('#object_edit'),
       model:      @genericObject,
       params:     @item,
+      required:   @required,
       autofocus:  true,
     )
 
@@ -97,6 +98,7 @@ class App.ControllerGenericEdit extends App.ControllerModal
     # save object
     @item.save(
       success: =>
+        @log 'lll', @callback(@item), @required
         @modalHide()
       error: =>
         @log 'errors'

app/assets/javascripts/app/controllers/user_info.js.coffee

@@ -2,7 +2,8 @@ $ = jQuery.sub()
 
 class App.UserInfo extends App.Controller
   events:
-    'focusout [data-type=edit]': 'update',
+    'focusout [data-type=update]': 'update',
+    'click [data-type=edit]': 'edit'
 
   constructor: ->
     super
@@ -28,11 +29,24 @@ class App.UserInfo extends App.Controller
       user_id:  user.id,
     )
 
-  update: (e) =>
-
   # update changes
-    note = $(e.target).parent().find('[data-type=edit]').val()
+  update: (e) =>
+    note = $(e.target).parent().find('[data-type=update]').val()
     user = App.Collection.find( 'User', @user_id )
     if user.note isnt note
       user.updateAttributes( note: note )
       @log 'update', e, note, user
+
+  edit: (e) =>
+    e.preventDefault()
+    new App.ControllerGenericEdit(
+      id: @user_id,
+      genericObject: App.User,
+      required: 'quick',
+      pageData: {
+        title: 'Users',
+        object: 'User',
+        objects: 'Users',
+      },
+      callback: @render
+    )

app/assets/javascripts/app/views/user_info.jst.eco

@@ -1,10 +1,10 @@
 <div class="well">
-  <h3><%- T('Customer') %></h3>
+  <h3><%- T('Customer') %> <small><a href="#" data-type="edit" class="icon-edit"></a></small></h3>
 <% if @user.image: %>
   <img class="thumbnail" src="<%- @user.image %>" alt="">
 <% end %>
   <div class="row">
-    <div class="customer-info" title="<%- Ti('Name') %>"><%= @user['realname'] %></div>
+    <div class="customer-info" title="<%- Ti('Name') %>"><%= @user.displayName() %></div>
   </div>
 <% for row in @data: %>
   <% if @user[row.name] || row.name is 'note': %>
@@ -14,7 +14,7 @@
       <% else: %>
         <div class="customer-info" title="<%- Ti(row.display) %>">
           <strong><%- T(row.display) %></strong><br/>
-          <textarea class="customer-info" rows="3" name="<%= row.name %>" data-type=edit><%= @user[row.name] %></textarea>
+          <textarea class="customer-info" rows="3" name="<%= row.name %>" data-type="update"><%= @user[row.name] %></textarea>
        </div>
       <% end %>
     </div>