event browser: turn into component

frontend/src/app.js

@@ -45,6 +45,7 b" angular.module('appenlight.components', ["
     'appenlight.components.appenlightHeader',
     'appenlight.components.indexDashboardView',
     'appenlight.components.logsBrowserView',
+    'appenlight.components.eventBrowserView'
 ]);
 angular.module('appenlight.directives', [
     'appenlight.directives.c3chart',

frontend/src/components/views/event-browser/event-browser.html

@@ -4,7 +4,7 b''
         <h1>Event history</h1>
 
         <table class="table table-striped event-table">
-            <tr ng-repeat="event in events.events track by event.id">
+            <tr ng-repeat="event in $ctrl.events track by event.id">
                 <td class="text-center icons">
                     <span ng-if="event.event_type === 1" class="fa fa-exclamation-triangle fa-2x" style="color:orangered"></span>
                     <span ng-if="event.event_type === 3" class="fa fa-clock-o fa-2x" style="color:darkorange"></span>
@@ -30,7 +30,7 b''
                       </a>
                       <ul class="dropdown-menu">
                           <li>
-                              <a ng-click="events.closeEvent(event)">Close event</a>
+                              <a ng-click="$ctrl.closeEvent(event)">Close event</a>
                               <a>Do nothing</a>
                           </li>
                       </ul>

frontend/src/components/views/event-browser/event-browser.js

@@ -17,12 +17,16 b''
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers').controller('EventsController', EventsController);
+angular.module('appenlight.components.eventBrowserView', [])
+    .component('eventBrowserView', {
+        templateUrl: 'components/views/event-browser/event-browser.html',
+        controller: EventBrowserController
+    });
 
-EventsController.$inject = ['eventsNoIdResource', 'eventsResource'];
+EventBrowserController.$inject = ['eventsNoIdResource', 'eventsResource'];
 
-function EventsController(eventsNoIdResource, eventsResource) {
-    console.info('EventsController');
+function EventBrowserController(eventsNoIdResource, eventsResource) {
+    console.info('EventBrowserController');
     var vm = this;
 
     vm.loading = {events: true};

frontend/src/routes.js

@@ -61,8 +61,7 b" angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun"
     });
     $stateProvider.state('events', {
         url: '/ui/events',
-        templateUrl: 'templates/events.html',
-        controller: 'EventsController as events'
+        component: 'eventBrowserView'
     });
     $stateProvider.state('admin', {
         url: '/ui/admin',