Can now delete the incident from the discover incident page

Author: jgauffin

src/Server/Coderr.Server.Abstractions/Security/ClaimsExtensions.cs

@@ -37,11 +37,15 @@ public static int GetAccountId(this ClaimsPrincipal principal)
                 throw new InvalidOperationException(
                     "Failed to find ClaimTypes.NameIdentifier, user is probably not logged in.");
 
-            if (!int.TryParse(claim.Value, out var userId))
-                throw new FormatException(
-                    $"UserId {claim.Value} is not a number. All claims: {principal.ToFriendlyString()}");
+            if (int.TryParse(claim.Value, out var userId)) return userId;
+            
+            var ex = new FormatException($"UserId {claim.Value} is not a number.");
+            foreach (var c in principal.Claims)
+            {
+                ex.Data[$"Claim.{c.Type}"] = c.Value;
+            }
 
-            return userId;
+            throw ex;
         }
 
         /// <summary>

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

@@ -107,6 +107,12 @@ export default class IncidentComponent extends Vue {
             });
     }
 
+    delete() {
+        AppRoot.Instance.incidentService.delete(this.incidentId, "yes");
+        AppRoot.notify("Incident have been removed", 'fa-info', 'success');
+        this.$router.push({ name: 'suggest'});
+    }
+
     private displayChart(days: ReportDay[]) {
         var labels: Date[] = [];
         var series: number[] = [];

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

@@ -10,11 +10,12 @@ <h3>{{incident.Description}} <small class="text-muted">[{{incident.FullName}}]</
                         <div class="btn-group" role="group">
                             <a class="btn btn-primary" href="#" v-if="incident.IncidentState == 0" v-on:click.prevent="assignToMe">Assign to me</a>
                             <div class="dropdown" style="display: inline-block">
-                                <button class="btn btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
+                                <button class="btn btn-outline-dark dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                                     <a class="dropdown-item" href="#" v-if="incident.IncidentState == 0" v-on:click.prevent="assignToSomeoneElse">Assign to ..</a>
                                     <a class="dropdown-item" href="#" v-if="!isClosed && !isIgnored" v-on:click.prevent="ignore">Ignore</a>
                                     <a class="dropdown-item" href="#" v-if="!isClosed" v-on:click.prevent="close">Close</a>
+                                    <a class="dropdown-item" href="#" v-on:click.prevent="delete">Delete</a>
                                 </div>
                             </div>
                         </div>