ticket summary structure

client/ticket/routes.json

@@ -26,6 +26,14 @@
             "abstract": true,
             "component": "vn-ticket-card"
         },
+        {
+            "url": "/summary",
+            "state": "ticket.card.summary",
+            "component": "vn-ticket-summary",
+            "params": {
+                "ticket": "$ctrl.ticket"
+            }
+        },
         {
             "url" : "/data",
             "state": "ticket.card.data",

client/ticket/src/list/ticket-item.html

@@ -1,5 +1,5 @@
 <a
-    ui-sref="ticket.card.data({ id: {{::$ctrl.ticket.id}} })"
+    ui-sref="ticket.card.summary({ id: {{::$ctrl.ticket.id}} })"
     translate-attr="{title: 'View client'}"
     class="vn-list-item">
     <vn-horizontal ng-click="$ctrl.onClick($event)">

client/ticket/src/summary/ticket-summary.html

@@ -0,0 +1,9 @@
+<vn-card class="summary">
+    <vn-vertical pad-medium>
+        <vn-auto>
+            <h5 text-center pad-small-v class="tittle">Ticket Summary</h5>
+        </vn-auto>
+        <vn-horizontal>
+        </vn-horizontal>
+    </vn-vertical>
+</vn-card>

client/ticket/src/summary/ticket-summary.js

@@ -0,0 +1,12 @@
+import ngModule from '../module';
+
+class TicketSummary {}
+TicketSummary.$inject = [];
+
+ngModule.component('vnTicketSummary', {
+    template: require('./ticket-summary.html'),
+    controller: TicketSummary,
+    bindings: {
+        ticket: '<'
+    }
+});

client/ticket/src/ticket.js

@@ -3,4 +3,5 @@ export * from './module';
 import './list/ticket-list';
 import './create/ticket-create';
 import './card/ticket-card';
+import './summary/ticket-summary';
 import './data/ticket-data';