Add netstack.js to make exception stack tarce more readable.

Author: mo-esmp

src/Serilog.Ui.Web/bundleconfig.json

@@ -22,5 +22,11 @@
     "inputFiles": [
       "wwwroot/dist/main.js"
     ]
+  },
+  {
+    "outputFileName": "wwwroot/dist/netstack.min.js",
+    "inputFiles": [
+      "wwwroot/dist/netstack.js"
+    ]
   }
 ]

src/Serilog.Ui.Web/wwwroot/dist/main.css

@@ -390,4 +390,41 @@ a[data-toggle="collapse"] {
 #submit {
     cursor: pointer;
     vertical-align: text-top;
-}
+}
+
+pre.stacktrace {
+    background-color: #333;
+    color: #ffffff;
+    padding-left: 5px;
+}
+
+    pre.stacktrace .st-type {
+        color: #0a8472;
+        font-weight: bolder;
+    }
+
+    pre.stacktrace .st-method {
+        color: #70c9ba;
+        font-weight: bolder;
+    }
+
+    pre.stacktrace .st-frame-params {
+        color: #ffffff;
+        font-weight: normal;
+    }
+
+    pre.stacktrace .st-param-type {
+        color: #0a8472;
+    }
+
+    pre.stacktrace .st-param-name {
+        color: #ffffff;
+    }
+
+    pre.stacktrace .st-file {
+        color: #f8b068;
+    }
+
+    pre.stacktrace .st-line {
+        color: #ff4f68;
+    }

src/Serilog.Ui.Web/wwwroot/dist/main.js

@@ -58,6 +58,9 @@
 
         modalBody.find("pre").text(message);
         modal.modal("show");
+        $('.stacktrace').netStack({
+            prettyprint: true
+        });
     });
 
     $("#saveJwt").on("click", function () {