Moved to generic sidebar with tabs.

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

@@ -1,51 +1,59 @@
-<div class="create-new horizontal flex">
+<div class="fit ticket-zoom vertical">
-  <div class="create-new main flex">
+  <div class="flex u-positionOrigin">
-    <div class="box">
+    <div class="main no-padding">
-      <div class="page-header">
+      <div class="flex-overflow u-positionOrigin sidebar-tabs--spacing">
-        <h1><%- @T( @head ) %></h1>
+
+        <div class="box">
+          <div class="page-header">
+            <h1><%- @T( @head ) %></h1>
+          </div>
+
+          <ul class="horizontal tabs type-tabs">
+
+            <li class="tab u-textTruncate" data-type="phone-in">
+              <div class="gray received-calls channel icon"></div>
+              <%- @T( 'Received Call' ) %>
+            </li>
+
+            <li class="tab u-textTruncate" data-type="phone-out">
+              <div class="gray outbound-calls channel icon"></div>
+              <%- @T( 'Outbound Call' ) %>
+            </li>
+
+           <li class="tab u-textTruncate" data-type="email-out">
+              <div class="gray email channel icon"></div>
+              <%- @T( 'Send E-Mail' ) %>
+            </li>
+          </ul>
+
+          <form role="form" class="form-large ticket-create">
+            <input type="hidden" name="formSenderType"/>
+            <div class="ticket-form-top"></div>
+            <div class="article-form-top"></div>
+
+            <div class="formset-inset">
+              <div class="ticket-form-middle horizontal two-columns"></div>
+              <div class="ticket-form-bottom"></div>
+            </div>
+
+
+            <div class="form-actions horizontal">
+              <a class="subtle-link standalone cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
+              <button type="submit" class="btn btn-create submit align-right"><%- @T( 'Create' ) %></button>
+            </div>
+          </form>
+        </div>
       </div>
 
-      <ul class="horizontal tabs type-tabs">
-
-        <li class="tab u-textTruncate" data-type="phone-in">
-          <div class="gray received-calls channel icon"></div>
-          <%- @T( 'Received Call' ) %>
-        </li>
-
-        <li class="tab u-textTruncate" data-type="phone-out">
-          <div class="gray outbound-calls channel icon"></div>
-          <%- @T( 'Outbound Call' ) %>
-        </li>
-
-       <li class="tab u-textTruncate" data-type="email-out">
-          <div class="gray email channel icon"></div>
-          <%- @T( 'Send E-Mail' ) %>
-        </li>
-      </ul>
-
-      <form role="form" class="form-large ticket-create">
-        <input type="hidden" name="formSenderType"/>
-        <div class="ticket-form-top"></div>
-        <div class="article-form-top"></div>
-
-        <div class="formset-inset">
-          <div class="ticket-form-middle horizontal two-columns"></div>
-          <div class="ticket-form-bottom"></div>
-        </div>
-
-
-        <div class="form-actions horizontal">
-          <a class="subtle-link standalone cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
-          <button type="submit" class="btn btn-create submit align-right"><%- @T( 'Create' ) %></button>
-        </div>
-      </form>
     </div>
   </div>
 
+  <div class="sidebar-holder vertical"></div>
+<!--
   <div class="sidebar">
     <div class="widgets">
       <div class="customer_info">
-        <div class="drox"><!-- Customer Info -->
+        <div class="drox"><!-- Customer Info -/->
           <div class="drox-header">
             <h2>Customer Info</h2>
           </div>
@@ -59,7 +67,7 @@
               <textarea class="form-control" id="customer-info-note" rows="5">Not assigned</textarea>
             </div>
             <label><%- @T('Tickets') %></label>
-            <ol class="tasks tasks-standalone"> <!-- vaguely based on task_widget_tasks.jst.eco -->
+            <ol class="tasks tasks-standalone"> <!-- vaguely based on task_widget_tasks.jst.eco -/->
               <li class="task level-1 horizontal">
                 <div class="icon-holder">
                   <div class="priority icon"></div>
@@ -97,7 +105,7 @@
         </div>
       </div>
       <div class="ticket_template">
-        <div class="drox hide"><!-- Template Wizard Step One -->
+        <div class="drox hide"><!-- Template Wizard Step One -/->
           <div class="drox-header">
             <h2>Choose Template:</h2>
           </div>
@@ -108,7 +116,7 @@
             <p><a class="create u-clickable">Save new template</a></p>
           </div>
         </div>
-        <div class="drox hide"><!-- Template Wizard Step Two -->
+        <div class="drox hide"><!-- Template Wizard Step Two -/->
           <div class="drox-header">
             <h2>Create Template:</h2>
           </div>
@@ -146,7 +154,7 @@
             </form>
           </div>
         </div>
-        <div class="drox hide"><!-- Template Chooser, shown instead of Template Wizard Step One when there are templates there -->
+        <div class="drox hide"><!-- Template Chooser, shown instead of Template Wizard Step One when there are templates there -/->
           <div class="drox-header">
             <h2>Choose Template:</h2>
           </div>
@@ -162,4 +170,5 @@
       <div class="text_module"></div>
     </div>
   </div>
+  -->
 </div>