Added the ability to display event references

Author: niemyjski

src/.jshintrc

@@ -2,7 +2,7 @@
     "curly": false,
     "eqeqeq": true,
     "immed": true,
-    "latedef": true,
+    "latedef": false,
     "newcap": true,
     "noarg": true,
     "sub": true,
@@ -28,4 +28,4 @@
         "xit": true,
         "spyOn": true
     }
-}
+}

src/app/event/event-controller.js

@@ -5,7 +5,7 @@
     .controller('Event', ['$ExceptionlessClient', '$scope', '$state', '$stateParams', 'errorService', 'eventService', 'hotkeys', 'linkService', 'notificationService', 'projectService', 'urlService', function ($ExceptionlessClient, $scope, $state, $stateParams, errorService, eventService, hotkeys, linkService, notificationService, projectService, urlService) {
       var source = 'app.event.Event';
       var _eventId = $stateParams.id;
-      var _knownDataKeys = ['error', 'simple_error', 'request', 'environment', 'user', 'user_description', 'sessionend', 'version'];
+      var _knownDataKeys = ['error', 'simple_error', 'request', 'environment', 'user', 'user_description', 'sessionend', 'session_id', 'version'];
       var vm = this;
 
       function addHotKeys() {
@@ -54,6 +54,23 @@
 
       }
 
+      function buildReferences() {
+        function toSpacedWords(value) {
+          value = value.replace(/_/g, ' ').replace(/\s+/g, ' ').trim();
+          value = value.replace(/([a-z0-9])([A-Z0-9])/g, '$1 $2');
+          return value.length > 1 ? value.charAt(0).toUpperCase() + value.slice(1) : value;
+        }
+
+        vm.references = [];
+
+        var referencePrefix = '@ref:';
+        angular.forEach(vm.event.data, function(data, key) {
+          if (key.startsWith(referencePrefix)) {
+            vm.references.push({ id: data, name: toSpacedWords(key.slice(5)) });
+          }
+        });
+      }
+
       function buildTabs(tabNameToActivate) {
         var tabs = [{title: 'Overview', template_key: 'overview'}];
 
@@ -185,6 +202,7 @@
           vm.next = links['next'] ? links['next'].split('/').pop() : null;
 
           addHotKeys();
+          buildReferences();
 
           return vm.event;
         }
@@ -387,6 +405,7 @@
       vm.isSessionStart = isSessionStart;
       vm.project = {};
       vm.promoteTab = promoteTab;
+      vm.references = [];
       vm.sessionEvents = {
         get: function (options) {
           function optionsCallback(options) {

src/app/event/tabs/overview.tpl.html

@@ -19,16 +19,14 @@
     <th>Project</th>
     <td><a ui-sref="app.project-dashboard({ projectId: vm.project.id })">{{vm.project.name}}</a></td>
   </tr>
-  <tr ng-if="vm.event.session_id">
-    <th>Session<span ng-if="vm.isSessionStart()"> Id</span></th>
-    <td>
-      <span ng-if="vm.isSessionStart()">{{vm.event.session_id}}</span>
-      <a ng-if="!vm.isSessionStart()" ui-sref="app.session.list({ id: vm.event.session_id })">{{vm.event.session_id}}</a></td>
-  </tr>
   <tr ng-if="vm.event.reference_id">
     <th>Reference</th>
     <td>{{vm.event.reference_id}}</td>
   </tr>
+  <tr ng-repeat="reference in vm.references | orderBy: 'name'">
+    <th>{{reference.name}}</th>
+    <td><a ui-sref="app.app.event-reference({ referenceId: reference.id })">{{reference.id}}</a></td>
+  </tr>
   <tr class="hidden-print" ng-if="vm.hasLevel()">
     <th>Level</th>
     <td><span class="label label-default" ng-class="{ 'label-success': vm.isLevelSuccess(), 'label-info': vm.isLevelInfo(), 'label-warning': vm.isLevelWarning(), 'label-danger': vm.isLevelError() }">{{::vm.event.data['@level']}}</span></td>

src/app/session/list-controller.js

@@ -90,16 +90,5 @@
           }]
         }
       });
-
-      $stateProvider.state('app.session.list', {
-        url: '/{id:[0-9a-zA-Z\-]{8,100}}',
-        controller: 'session.List',
-        controllerAs: 'vm',
-        templateUrl: 'app/session/list.tpl.html',
-        onEnter: ['filterService', function (filterService) {
-          filterService.setEventType('session', true);
-        }],
-        onExit: onExitRemoveTypeFilter
-      });
     }]);
 }());

src/app/session/list.tpl.html

@@ -245,7 +245,6 @@
 
         <script src="app/session/session.js"></script>
         <script src="app/session/dashboard-controller.js"></script>
-        <script src="app/session/list-controller.js"></script>
         <script src="app/session/sessions-directive.js"></script>
 
         <script src="app/stack/stack.js"></script>

src/app/session/session.js

@@ -5,7 +5,7 @@
   "devDependencies": {
     "bower": "1.7.2",
     "grunt": "0.4",
-    "grunt-angular-templates": "0.5",
+    "grunt-angular-templates": "1.0",
     "grunt-browser-output": "1.0.3",
     "grunt-cache-bust": "0.6.1",
     "grunt-cli": "0.1.13",
@@ -16,7 +16,7 @@
     "grunt-contrib-copy": "0.8",
     "grunt-contrib-cssmin": "0.14.0",
     "grunt-contrib-htmlmin": "0.6",
-    "grunt-contrib-jshint": "0.11",
+    "grunt-contrib-jshint": "0.12",
     "grunt-contrib-less": "1.1",
     "grunt-contrib-uglify": "0.11",
     "grunt-contrib-watch": "0.6",