Corrected the context navigator

Author: jgauffin

src/Server/Coderr.Server.App/Modules/History/Events/IncidentAssignedHandler.cs

@@ -28,4 +28,4 @@ public async Task HandleAsync(IMessageContext context, IncidentAssigned message)
             await _repository.CreateAsync(entry);
         }
     }
-}git
+}

src/Server/Coderr.Server.Web/ClientApp/components/analyze/incidents/incident.ts

@@ -33,7 +33,7 @@ export default class AnalyzeIncidentComponent extends Vue {
 
     mounted() {
         var incidentId = parseInt(this.$route.params.incidentId, 10);
-        this.loadIncident(incidentId);
+        this.loadIncident();
         MyIncidents.Instance.subscribeOnSelectedIncident(this.selectIncident);
     }
 
@@ -72,13 +72,8 @@ export default class AnalyzeIncidentComponent extends Vue {
 
     }
 
-    private loadIncident(id: number) {
-        if (!id) {
-            throw new Error("Expected an incidentId.");
-        }
-
-        this.incidentId = id;
-        AppRoot.Instance.incidentService.get(id)
+    private loadIncident() {
+        AppRoot.Instance.incidentService.get(this.incidentId)
             .then(incident => {
                 this.incident = incident;
                 AppRoot.Instance.applicationService.getTeam(incident.ApplicationId)
@@ -88,7 +83,7 @@ export default class AnalyzeIncidentComponent extends Vue {
             });
 
         var q = new GetReportList();
-        q.IncidentId = id;
+        q.IncidentId = this.incidentId;
         AppRoot.Instance.apiClient.query<GetReportListResult>(q)
             .then(list => {
                 this.reports = list.Items;
@@ -166,7 +161,8 @@ export default class AnalyzeIncidentComponent extends Vue {
         if (myIncident == null) {
             this.$router.push({ name: 'analyzeHome' });
         } else {
-            this.loadIncident(myIncident.incidentId);
+            this.incidentId = myIncident.incidentId;
+            this.loadIncident();
         }
     }
 }

src/Server/Coderr.Server.Web/ClientApp/components/shared/incidents/ContextNavigator.ts

@@ -23,6 +23,7 @@ export default class ContextNavigatorComponent extends Vue {
     @Prop() showAnalyzeFooter: boolean;
 
     mounted() {
+        this.loadReports(this.incidentId);
     }
 
     @Watch('incidentId')
@@ -38,6 +39,7 @@ export default class ContextNavigatorComponent extends Vue {
         q.PageSize = 50;
         AppRoot.Instance.apiClient.query<GetReportListResult>(q)
             .then(list => {
+                console.log('reports', list);
                 this.reports = list.Items;
                 if (this.reports.length > 0) {
                     this.loadReport(this.reports[0].Id);

src/Server/Coderr.Server.Web/ClientApp/components/shared/incidents/ContextNavigator.vue.html

@@ -30,7 +30,7 @@ <h6 class="dropdown-header">Select context collection</h6>
                 <tbody>
                     <tr v-for="prop in currentCollectionProperties">
                         <th>{{prop.name}}</th>
-                        <td>
+                        <td style="width: 90%">
                             <span v-if="prop.htmlValue" v-html="prop.htmlValue"></span>
                             <span v-else>{{prop.value}}</span>