Merge pull request #15 from dojo90/14-Update-Readme

14 update readme

README.md

@@ -3,8 +3,8 @@
 [3]: https://github.com/yarseyah/sentinel#nlogs-nlogviewer-target-configuration
 
 [p1]: doc/images/control.png "NLogViewer"
-[p2]: doc/images/preview.gif "NLogViewer"
-[p3]: doc/images/control2.png "NLogViewer"
+[p2]: doc/images/live.gif "NLogViewer"
+[p3]: doc/images/colors.png "NLogViewer"
 
 [nuget]: https://nuget.org/packages/Sentinel.NlogViewer/
 
@@ -20,16 +20,9 @@ NlogViewer
 
 NlogViewer is a ui control library to visualize NLog logs in your personal application. It is mainly based on [Sentinel][1] and its controls.
 
-![NLogViewer][p2]
-
-Actually it contains the following controls:
-
-- `NLogViewer`
-
-Visual Studio
+supported Frameworks: `.NETCoreApp v3.0`, `.NETCoreApp v3.1`, `.NET Framework 4.6.1`
 
-![NLogViewer][p1]
-![NLogViewer][p3]
+![NLogViewer][p2]
 
 ## Quick Start
 
@@ -72,6 +65,60 @@ If you want to customize the `loggingPattern` and `LogLevel`, add the following
 </nlog>
 ```
 
+## Customize
+
+### Colors
+
+Customize `foreground` or `background` of every `logLevel`
+
+![NLogViewer][p3]
+
+### Multi targeting
+
+Use more than one instance of `NLogViewer` to match different `rules`.
+
+Create 2 `targets` with their own `rules`.
+
+```xml
+<targets async="true">
+  <target xsi:type="CacheTarget" name="target1"/>
+  <target xsi:type="CacheTarget" name="target2"/>
+</targets>
+
+<rules>
+  <logger name="*" writeTo="target1" maxlevel="Info"/> 
+  <logger name="*" writeTo="target2" minlevel="Warn"/> 
+</rules>
+```
+
+Set `TargetName` property to link them.
+
+```xml
+<dj:NLogViewer TargetName="target1"/>
+<dj:NLogViewer TargetName="target2"/>
+```
+
+### Format output (ILogEventInfoResolver)
+
+To format the output of a `LogEventInfo`, implement a new instance of `ILogEventInfoResolver` and bind it to the `Resolver` you want to customize:
+
+```csharp
+/// <summary>
+/// Reformat the DateTime
+/// </summary>
+public class FooTimeStampResolver : ILogEventInfoResolver
+{
+    public string Resolve(LogEventInfo logEventInfo)
+    {
+        return logEventInfo.TimeStamp.ToUniversalTime().ToString();
+    }
+}
+```
+
+```csharp
+NLogViewer1.TimeStampResolver = new FooTimeStampResolver();
+```
+
 ## Why CacheTarget?
 
 There is already a `NLogViewerTarget`, which is used for [Sentinel][1]. See [here][3]

src/NLogViewer.TestApp/MainWindow.xaml.cs

@@ -68,6 +68,9 @@ public MainWindow()
         }
     }
 
+    /// <summary>
+    /// Reformat the DateTime
+    /// </summary>
     public class FooTimeStampResolver : ILogEventInfoResolver
     {
         public string Resolve(LogEventInfo logEventInfo)