Implemented feature suggestions from our forum

Author: jgauffin

src/Server/Coderr.Server.Api/Core/Incidents/IncidentOrder.cs

@@ -10,6 +10,11 @@ public enum IncidentOrder
         /// </summary>
         Newest,
 
+        /// <summary>
+        /// The one that recieved a report most recent.
+        /// </summary>
+        LatestReport,
+
         /// <summary>
         ///     The incident with the highest number of reports
         /// </summary>

src/Server/Coderr.Server.SqlServer/Core/Incidents/Queries/FindIncidentsHandler.cs

@@ -174,6 +174,13 @@ OR ErrorReports.ErrorId LIKE @FreeText
 
                 // then items
                 if (query.SortType == IncidentOrder.Newest)
+                {
+                    if (query.SortAscending)
+                        sqlQuery += " ORDER BY CreatedAtUtc";
+                    else
+                        sqlQuery += " ORDER BY CreatedAtUtc DESC";
+                }
+                else if (query.SortType == IncidentOrder.LatestReport)
                 {
                     if (query.SortAscending)
                         sqlQuery += " ORDER BY LastReportAtUtc";

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

@@ -129,6 +129,16 @@ export default class IncidentSearchComponent extends Vue {
             });
     }
 
+    checkAll(e: Event) {
+        const target = <HTMLInputElement>e.target;
+        const elems = document.querySelectorAll('#searchTable tbody input[type="checkbox"]');
+        console.log(elems);
+        for (let i = 0; i < elems.length; i++) {
+            const elem = <HTMLInputElement>elems[i];
+            elem.checked = target.checked;
+        }
+    }
+
     toggleFilterDisplay() {
         this.showFilters = !this.showFilters;
     }

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

@@ -77,14 +77,14 @@ <h2>Incidents</h2>
                 <div class="filters">
 
                 </div>
-                <table class="table w-100">
+                <table class="table w-100" id="searchTable">
                     <thead class="table-light search-head">
                     <tr>
-                        <th>Name</th>
+                        <th><input class="form-check-inline" type="checkbox" v-on:click="checkAll($event)"/> Name</th>
                         <th v-if="showApplicationColumn">Application</th>
-                        <th>Created</th>
-                        <th class="sortable" v-on:click.prevent="sort($event)" data-value="0">Last report <i class="fa"></i></th>
-                        <th class="sortable" v-on:click.prevent="sort($event)" data-value="1">Report count <i class="fa fa-chevron-up"></i></th>
+                        <th class="sortable" v-on:click.prevent="sort($event)" data-value="0">Created <i class="fa"></i></th>
+                        <th class="sortable" v-on:click.prevent="sort($event)" data-value="1">Last report <i class="fa"></i></th>
+                        <th class="sortable" v-on:click.prevent="sort($event)" data-value="2">Report count <i class="fa fa-chevron-up"></i></th>
                     </tr>
                     </thead>
                     <tbody>

src/Server/Coderr.Server.Web/wwwroot/dist/main.js

@@ -59,7 +59,7 @@
 /******/ 	
 /******/ 	
 /******/ 	var hotApplyOnUpdate = true;
-/******/ 	var hotCurrentHash = "bfd68759b20121ddf487"; // eslint-disable-line no-unused-vars
+/******/ 	var hotCurrentHash = "1c5e5eb9e76cf96fd5ff"; // eslint-disable-line no-unused-vars
 /******/ 	var hotCurrentModuleData = {};
 /******/ 	var hotCurrentChildModule; // eslint-disable-line no-unused-vars
 /******/ 	var hotCurrentParents = []; // eslint-disable-line no-unused-vars
@@ -41430,6 +41430,15 @@ var IncidentSearchComponent = /** @class */ (function (_super) {
             _this.search(true);
         });
     };
+    IncidentSearchComponent.prototype.checkAll = function (e) {
+        var target = e.target;
+        var elems = document.querySelectorAll('#searchTable tbody input[type="checkbox"]');
+        console.log(elems);
+        for (var i = 0; i < elems.length; i++) {
+            var elem = elems[i];
+            elem.checked = target.checked;
+        }
+    };
     IncidentSearchComponent.prototype.toggleFilterDisplay = function () {
         this.showFilters = !this.showFilters;
     };
@@ -63676,10 +63685,23 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }, [_c('h2', [_vm._v("Incidents")]), _vm._v(" "), _c('div', {
     staticClass: "filters"
   }), _vm._v(" "), _c('table', {
-    staticClass: "table w-100"
+    staticClass: "table w-100",
+    attrs: {
+      "id": "searchTable"
+    }
   }, [_c('thead', {
     staticClass: "table-light search-head"
-  }, [_c('tr', [_c('th', [_vm._v("Name")]), _vm._v(" "), (_vm.showApplicationColumn) ? _c('th', [_vm._v("Application")]) : _vm._e(), _vm._v(" "), _c('th', [_vm._v("Created")]), _vm._v(" "), _c('th', {
+  }, [_c('tr', [_c('th', [_c('input', {
+    staticClass: "form-check-inline",
+    attrs: {
+      "type": "checkbox"
+    },
+    on: {
+      "click": function($event) {
+        _vm.checkAll($event)
+      }
+    }
+  }), _vm._v(" Name")]), _vm._v(" "), (_vm.showApplicationColumn) ? _c('th', [_vm._v("Application")]) : _vm._e(), _vm._v(" "), _c('th', {
     staticClass: "sortable",
     attrs: {
       "data-value": "0"
@@ -63690,7 +63712,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
         _vm.sort($event)
       }
     }
-  }, [_vm._v("Last report "), _c('i', {
+  }, [_vm._v("Created "), _c('i', {
     staticClass: "fa"
   })]), _vm._v(" "), _c('th', {
     staticClass: "sortable",
@@ -63703,6 +63725,19 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
         _vm.sort($event)
       }
     }
+  }, [_vm._v("Last report "), _c('i', {
+    staticClass: "fa"
+  })]), _vm._v(" "), _c('th', {
+    staticClass: "sortable",
+    attrs: {
+      "data-value": "2"
+    },
+    on: {
+      "click": function($event) {
+        $event.preventDefault();
+        _vm.sort($event)
+      }
+    }
   }, [_vm._v("Report count "), _c('i', {
     staticClass: "fa fa-chevron-up"
   })])])]), _vm._v(" "), _c('tbody', _vm._l((_vm.incidents), function(incident) {