Split of ticket meta info and title in separate controllers.

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

@@ -152,7 +152,16 @@ class App.TicketZoom extends App.Controller
         nav:        @nav
         isCustomer: @isRole('Customer')
       )
-      @TicketTitle()
+
+      new TicketTitle(
+        ticket: @ticket
+        el:     @el.find('.ticket-title')
+      )
+
+      new TicketMeta(
+        ticket: @ticket
+        el:     @el.find('.ticket-meta')
+      )
 
       editTicket = (el) =>
         el.append('<form class="edit"></form>')
@@ -367,12 +376,6 @@ class App.TicketZoom extends App.Controller
 
     @autosaveStart()
 
-  TicketTitle: =>
-    # show ticket title
-    new TicketTitle(
-      ticket: @ticket
-      el:     @el.find('.ticket-title')
-    )
 
   ArticleView: =>
     # show article
@@ -606,7 +609,6 @@ class TicketTitle extends App.Controller
 
     @html App.view('ticket_zoom/title')(
       ticket:     ticket
-      isCustomer: @isRole('Customer')
     )
 
     @$('.ticket-title-update').ce({
@@ -615,9 +617,6 @@ class TicketTitle extends App.Controller
       maxlength: 250
     })
 
-    # show frontend times
-    @frontendTimeUpdate()
-
   update: (e) =>
     title = $(e.target).ceg() || ''
 
@@ -631,8 +630,26 @@ class TicketTitle extends App.Controller
 
   release: =>
     App.Ticket.unsubscribe( @subscribeId )
-    #if @subscribeIdEdit
-    App.Ticket.unsubscribe( @subscribeIdEdit )
+
+class TicketMeta extends App.Controller
+  constructor: ->
+    super
+
+    @ticket      = App.Ticket.fullLocal( @ticket.id )
+    @subscribeId = @ticket.subscribe(@render)
+    @render(@ticket)
+
+  render: (ticket) =>
+    @html App.view('ticket_zoom/meta')(
+      ticket:     ticket
+      isCustomer: @isRole('Customer')
+    )
+
+    # show frontend times
+    @frontendTimeUpdate()
+
+  release: =>
+    App.Ticket.unsubscribe( @subscribeId )
 
 class Edit extends App.Controller
   elements:

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

@@ -6,6 +6,7 @@
           <div class="flex vertical center">
             <%- @ticket.customer.avatar(true) %>
             <div class="ticket-title"></div>
+            <div class="ticket-meta"></div>
           </div>
           <div class="page-header-meta">
             <% if @C( 'LastOverview' ) && @nav: %>

app/assets/javascripts/app/views/ticket_zoom/meta.jst.eco

@@ -0,0 +1,3 @@
+<small class="task-subline">
+  <%- @C('ticket_hook') %> <span class="ticket-number"><%- @ticket.number %></span> - <%- @T('created') %> <span class="humanTimeFromNow" data-time="<%- @ticket.created_at %>">?</span> <% if !@isCustomer && @ticket.escalation_time: %> - <%- @T('escalation') %> <span class="humanTimeFromNow escalation" data-time="<%- @ticket.escalation_time %>">?</span><% end %>
+</small>

app/assets/javascripts/app/views/ticket_zoom/title.jst.eco

@@ -1,5 +1 @@
-<h1><span contenteditable="true" class="ticket-title-update" data-placeholder="<%= @T('Enter Title...') %>"><%= @P( @ticket.title ) %></span></h1>
-
-<small class="task-subline">
-  <%- @C('ticket_hook') %> <span class="ticket-number"><%- @ticket.number %></span> - <%- @T('created') %> <span class="humanTimeFromNow" data-time="<%- @ticket.created_at %>">?</span> <% if !@isCustomer && @ticket.escalation_time: %> - <%- @T('escalation') %> <span class="humanTimeFromNow escalation" data-time="<%- @ticket.escalation_time %>">?</span><% end %>
-</small>
+<h1><span contenteditable="true" class="ticket-title-update" data-placeholder="<%= @T('Enter Title...') %>"><%= @P( @ticket.title ) %></span></h1>