Corrected an issue where the wrong incident got selected.

Author: jgauffin

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

@@ -27,12 +27,12 @@ export default class AnalyzeIncidentComponent extends Vue {
     currentCollectionName: string = '';
 
     created() {
-        MyIncidents.Instance.subscribeOnSelectedIncident(this.selectIncident);
     }
 
     mounted() {
         var incidentId = parseInt(this.$route.params.incidentId, 10);
         this.loadIncident(incidentId);
+        MyIncidents.Instance.subscribeOnSelectedIncident(this.selectIncident);
     }
 
     destroyed() {

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

@@ -97,7 +97,6 @@ export default class AnalyzeReportComponent extends Vue {
 
         if (reportId !== this.reportId) {
             this.reportId = reportId;
-            console.log('got report id', this.reportId);
             this.$router.push({ name: 'analyzeReport', params: { reportId: reportId.toString(), incidentId: this.incidentId.toString() } });
         }
 

src/Server/Coderr.Server.Web/ClientApp/components/analyze/menu.ts

@@ -20,6 +20,9 @@ export default class AnalyzeMenuComponent extends Vue {
     incidentId: number | null = null;
 
     created() {
+        if (this.$route.params.incidentId) {
+            this.incidentId = parseInt(this.$route.params.incidentId, 10);
+        }
         MyIncidents.Instance.subscribeOnSelectedIncident(this.onIncidentSelected);
         MyIncidents.Instance.subscribeOnListChanges(this.onListChanged);
     }
@@ -40,11 +43,18 @@ export default class AnalyzeMenuComponent extends Vue {
         MyIncidents.Instance.unsubscribe(this.onListChanged);
     }
 
-    private onListChanged() {
+    private onListChanged(args: any) {
         this.incidents = MyIncidents.Instance.myIncidents;
-        if (!this.incidentId && this.incidents.length > 0) {
+        if (this.incidents.length === 0) {
+            return;
+        }
+
+        if (!this.incidentId) {
             this.incidentId = this.incidents[0].incidentId;
             MyIncidents.Instance.switchIncident(this.incidentId);
+        } else {
+            var incident = this.incidents.find(x => x.incidentId === this.incidentId);
+            this.title = incident.shortTitle;
         }
     }
 

src/Server/Coderr.Server.Web/ClientApp/components/analyze/myincidents.ts

@@ -137,7 +137,6 @@ export class MyIncidents {
 
     private onIncidentAssigned(msgContext: MessageContext) {
         var msg = <IncidentAssigned>msgContext.message.body;
-        console.log('got assigned: ' + msg.incidentId)
         AppRoot.Instance.incidentService.get(msg.incidentId)
             .then(assignedIncident => {
                 if (this.allMyIncidents$.findIndex(menuItem => menuItem.incidentId === assignedIncident.Id) === -1) {

src/Server/Coderr.Server.Web/ClientApp/components/discover/incidents/incident.vue.html

@@ -61,14 +61,6 @@ <h3 class="">Report history</h3>
                                 <th>{{fact.Title}}</th>
                                 <td>{{fact.Value}}</td>
                             </tr>
-                            <tr>
-                                <th>Created</th>
-                                <td>{{incident.CreatedAtUtc|ago}}</td>
-                            </tr>
-                            <tr>
-                                <th>Last report</th>
-                                <td>{{incident.LastReportReceivedAtUtc|ago}}</td>
-                            </tr>
                         </table>
                     </div>
                 </div>

src/Server/Coderr.Server.Web/ClientApp/components/discover/menu.ts

@@ -21,7 +21,6 @@ export default class DiscoverMenuComponent extends Vue {
 
     @Watch('$route.params.applicationId')
     onApplicationSelected(value: string, oldValue: string) {
-        console.log('DiscoverMenuComponent.changed,', value, 'stored:', this.currentApplicationId, 'old', oldValue);
         if (!value) {
             this.currentApplicationId = null;
             return;

src/Server/Coderr.Server.Web/ClientApp/components/home/navmenu/navmenu.ts

@@ -79,7 +79,6 @@ export default class NavMenuComponent extends Vue {
             }
         });
         PubSubService.Instance.subscribe(MenuApi.MessagingTopics.SetApplication, ctx => {
-            console.log('Set application invoked', ctx);
             var msg = <MenuApi.SetApplication>ctx.message.body;
             this.changeApplication(msg.applicationId);
         });

src/Server/Coderr.Server.Web/ClientApp/components/manage/application/environments/environments.vue.html

@@ -1,6 +1,6 @@
 <template>
-    <div class="mt-4">
-        <div class="row">
+    <div class="">
+        <div class="row minimal-gutters">
             <div class="col-lg-8 environments">
                 <div class="card">
                     <div class="card-header">