Add truncate tag helper.

Author: mo-esmp

src/Serilog.Ui.Web/ViewModel/TruncateTagHelper.cs

@@ -0,0 +1,53 @@
+using Microsoft.AspNetCore.Mvc.ViewFeatures;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using System;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Serilog.Ui.Web
+{
+    [HtmlTargetElement("truncate")]
+    public class TruncateTagHelper : TagHelper
+    {
+        [HtmlAttributeName("length")]
+        public int Length { get; set; }
+
+        [HtmlAttributeName("truncate")]
+        public ModelExpression Truncate { get; set; }
+
+        public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
+        {
+            if (context == null)
+                throw new ArgumentNullException(nameof(context));
+
+            if (output == null)
+                throw new ArgumentNullException(nameof(output));
+
+            await base.ProcessAsync(context, output);
+
+            string content = null;
+            if (Truncate != null)
+                content = Truncate.Model?.ToString();
+
+            content ??= (await output.GetChildContentAsync(NullHtmlEncoder.Default)).GetContent(NullHtmlEncoder.Default);
+
+            if (string.IsNullOrEmpty(content))
+                return;
+
+            if (content.Length <= Length)
+            {
+                output.Content.SetContent(content);
+                return;
+            }
+
+            var sb = new StringBuilder();
+            sb.Append("<a href=\"#\" title=\"Click to view\" class=\"modal-trigger\" data-type=\"text\">");
+            sb.Append(content.Substring(0, Length));
+            sb.Append(" ...");
+            sb.Append("<span style=\"display: none\">");
+            sb.Append(content);
+            sb.Append("</span></a>");
+            output.Content.SetHtmlContent(sb.ToString());
+        }
+    }
+}

src/Serilog.Ui.Web/Views/Logs/Index.cshtml

@@ -1,4 +1,6 @@
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+@addTagHelper *, Serilog.Ui.Web
+
 @model Serilog.Ui.Web.ViewModel.LogViewModel
 @{
     ViewData["Title"] = "Log List";
@@ -16,6 +18,7 @@
         showingItemsEnd = showingItemsStart + Model.Count;
     }
 }
+
 <h1>Log List</h1>
 <form method="get" asp-action="Index">
 
@@ -85,7 +88,7 @@
                     <td class="text-center"><span class="log-level text-white @levelClass">@log.Level</span></td>
                     <td class="text-center">@log.Timestamp</td>
                     <td class="log-message">
-                        <span class="overflow-auto"> @log.Message</span>
+                        <span class="overflow-auto"><truncate length="100">@log.Message</truncate></span>
                     </td>
                     <td class="text-center">
                         @if (log.Exception != null)
@@ -98,7 +101,7 @@
                         }
                     </td>
                     <td class="text-center">
-                        <a href="#" class="modal-trigger" title="Click to view" data-type="xml">
+                        <a href="#" class="modal-trigger" title="Click to view" data-type="@log.PropertyType">
                             View
                             <span style="display: none">@log.Properties</span>
                         </a>