diff --git a/angular_app/events-list.html b/angular_app/events-list.html
index aae7581..bfbbe2c 100644
--- a/angular_app/events-list.html
+++ b/angular_app/events-list.html
@@ -45,7 +45,7 @@
                         <p><span ng-init="attendeesNr = (event.persons | attendeesFilter).length">{{attendeesNr}}</span> / {{event.persons.length || 0}} ({{((attendeesNr / (event.persons.length || 0) * 100) || 0).toFixed()}}%)</p>
                     </td>
                     <td ng-if="hasPermission('event|update')">
-                        <button ng-if="hasPermission('ticket|create')" ng-click="$state.go('ticket.new', {id: event._id})" class="btn btn-link fa fa-user-plus" type="button" title="{{'Register' | translate}}"></button>
+                        <button ng-if="hasPermission('ticket|create')" ng-click="$state.go('event.ticket.new', {id: event._id})" class="btn btn-link fa fa-user-plus" type="button" title="{{'Register' | translate}}"></button>
                         <button ng-if="hasPermission('persons|update')" ng-click="$state.go('event.info', {id: event._id})" class="btn btn-link fa fa-list" type="button" title="{{'Manage attendees' | translate}}"></button>
                         <button ng-if="hasPermission('event|delete')" ng-click="remove(event._id)" type="button" class="btn btn-link fa fa-trash fa-lg" title="{{'Delete' | translate}}"></button>
                     </td>
diff --git a/angular_app/js/app.js b/angular_app/js/app.js
index 55e0f5b..e6e227e 100644
--- a/angular_app/js/app.js
+++ b/angular_app/js/app.js
@@ -134,6 +134,19 @@ eventManApp.config(['$stateProvider', '$urlRouterProvider',
                 templateUrl: 'person-info.html',
                 controller: 'PersonDetailsCtrl'
             })
+            .state('event.ticket', {
+                templateUrl: 'ticket-main.html'
+            })
+            .state('event.ticket.new', {
+                url: '/:id/ticket/new',
+                templateUrl: 'ticket-edit.html',
+                controller: 'EventDetailsCtrl'
+            })
+            .state('event.ticket.edit', {
+                url: '/:id/ticket/edit',
+                templateUrl: 'ticket-edit.html',
+                controller: 'EventDetailsCtrl'
+            })
             .state('import', {
                 url: '/import',
                 templateUrl: 'import-main.html'
diff --git a/angular_app/ticket-edit.html b/angular_app/ticket-edit.html
new file mode 100644
index 0000000..44189f2
--- /dev/null
+++ b/angular_app/ticket-edit.html
@@ -0,0 +1,50 @@
+<!-- show details of an Event -->
+<div class="container">
+    <div eventman-message="eventman-message" control="message"></div>
+    <div class="container">
+        <div class="row">
+            <div class="col-md-7 col-xs-7 vcenter">
+                <h1>{{event.title}} - {{'new ticket' | translate}}</h1>
+            </div>
+        </div>
+    </div>
+
+    <div class="container">
+        <div class="row">
+            <div class="col-md-12">
+                <div class="panel panel-info table-striped top5">
+                    <div class="panel-heading">{{'Register to this event' | translate}}</div>
+                    <div class="panel-body">
+                        <form>
+                            <div class="input-group input-group-sm">
+                                <span class="input-group-addon min70-compact">{{'Name' | translate}}</span>
+                                <input type="text" class="form-control" placeholder="{{'Name' | translate}}" ng-model="newPerson.name" ng-required="1">
+                            </div>
+                            <div class="input-group input-group-sm top5">
+                                <span class="input-group-addon min70-compact">{{'Surname' | translate}}</span>
+                                <input type="text" class="form-control" placeholder="{{'Surname' | translate}}" ng-model="newPerson.surname">
+                            </div>
+                            <div class="input-group top5">
+                                <span class="input-group-addon min70-compact">{{'Email' | translate}}</span>
+                                <input type="email" name="email" class="form-control" placeholder="{{'name.surname@example.com' | translate}}"  ng-model="newPerson.email">
+                            </div>
+                            <div class="input-group top5">
+                                <span class="input-group-addon min70-compact">{{'Company' | translate}}</span>
+                                <input name="company" class="form-control" placeholder="{{'Acme Corporation' | translate}}"  ng-model="newPerson.company">
+                            </div>
+                            <div class="input-group top5">
+                                <span class="input-group-addon min70-compact">{{'Job' | translate}}</span>
+                                <input name="job_title" class="form-control" placeholder="{{'Evil Ruler' | translate}}"  ng-model="newPerson.job_title">
+                            </div>
+
+                            <button reset-focus ng-disabled="!(newPerson.name && newPerson.surname)" ng-click="fastAddAttendee(newPerson, true)" class="btn btn-success top5">
+                                <span class="fa fa-plus-circle vcenter"></span>
+                                {{'Add' | translate}}
+                            </button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/angular_app/ticket-main.html b/angular_app/ticket-main.html
new file mode 100644
index 0000000..398cfd9
--- /dev/null
+++ b/angular_app/ticket-main.html
@@ -0,0 +1,2 @@
+<!-- main view for Ticket -->
+<div ui-view></div>