introduced DataViewModel to wrap ExtendedChar Model and create line identifier,

changed MultiFormatDataView to VirtualizingWrapPanel and added grouping per line
master
Jonas Arnold 3 years ago
parent c11c99b3c8
commit 0210de0c2b
  1. 20
      MultiTerm.Core/ViewModel/CommunicationDataViewModel.cs
  2. 47
      MultiTerm.Core/ViewModel/DataViewModel.cs
  3. 28
      MultiTerm.Protocols/Model/DataLine.cs
  4. 23
      MultiTerm.Protocols/Model/ExtendedChar.cs
  5. 28
      MultiTerm.Wpf.CustomControl/MultiFormatDataView/MultiFormatDataView.cs
  6. 46
      MultiTerm.Wpf.CustomControl/MultiFormatDataView/MultiFormatDataView.xaml
  7. 4
      MultiTerm.Wpf/View/SendReceiveView.xaml

@ -14,7 +14,7 @@ public partial class CommunicationDataViewModel : ObservableObject
/// Represents the collection of received characters from a communicaiton protocol.
/// </summary>
[ObservableProperty]
private ObservableCollection<DataLine> receivedData = new();
private ObservableCollection<DataViewModel> receivedData = new();
/// <summary>
/// Represents the collection of received characters from a communicaiton protocol.
@ -38,22 +38,24 @@ public partial class CommunicationDataViewModel : ObservableObject
}
else // TEMP
{
string lorem = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Id ornare arcu odio ut sem. Neque ornare aenean euismod elementum nisi quis eleifend. Faucibus vitae aliquet nec ullamcorper sit. Fermentum iaculis eu non diam phasellus vestibulum lorem sed risus. Pellentesque nec nam aliquam sem et tortor consequat id porta. Diam sollicitudin tempor id eu nisl. Fames ac turpis egestas sed tempus urna et. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Id aliquet lectus proin nibh nisl condimentum id. Dolor sit amet consectetur adipiscing elit duis. Sed vulputate odio ut enim blandit. Neque convallis a cras semper auctor neque vitae.\r\n\r\nLacus laoreet non curabitur gravida arcu ac tortor. Volutpat maecenas volutpat blandit aliquam. Neque laoreet suspendisse interdum consectetur. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Magna fringilla urna porttitor rhoncus dolor purus non enim praesent. Fermentum leo vel orci porta non pulvinar neque laoreet suspendisse. Scelerisque viverra mauris in aliquam sem fringilla. Nec feugiat nisl pretium fusce id velit ut. Urna cursus eget nunc scelerisque viverra mauris. Condimentum mattis pellentesque id nibh tortor id aliquet. Enim sed faucibus turpis in eu. Adipiscing elit pellentesque habitant morbi tristique. A pellentesque sit amet porttitor eget dolor morbi non arcu. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Curabitur vitae nunc sed velit dignissim sodales ut. Malesuada fames ac turpis egestas maecenas pharetra. Tellus pellentesque eu tincidunt tortor aliquam.\r\n\r\nVitae proin sagittis nisl rhoncus mattis rhoncus urna neque viverra. Eget mi proin sed libero enim sed faucibus. Commodo nulla facilisi nullam vehicula ipsum. Proin libero nunc consequat interdum varius sit amet mattis vulputate. Morbi tristique senectus et netus. Feugiat scelerisque varius morbi enim nunc. Nulla aliquet enim tortor at auctor urna nunc. Non pulvinar neque laoreet suspendisse interdum consectetur libero id. Tellus orci ac auctor augue mauris augue neque gravida in. In egestas erat imperdiet sed euismod. Amet volutpat consequat mauris nunc congue nisi. Massa eget egestas purus viverra accumsan in. Eget duis at tellus at. Mi sit amet mauris commodo quis imperdiet. Nibh mauris cursus mattis molestie a iaculis at.\r\n\r\nNetus et malesuada fames ac turpis. Sit amet dictum sit amet justo donec. Euismod quis viverra nibh cras pulvinar mattis. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Scelerisque felis imperdiet proin fermentum. Ac tincidunt vitae semper quis lectus nulla at. Sit amet commodo nulla facilisi nullam vehicula. Enim lobortis scelerisque fermentum dui faucibus in ornare quam. Quam id leo in vitae turpis massa sed. Quam quisque id diam vel quam. A condimentum vitae sapien pellentesque. Neque aliquam vestibulum morbi blandit cursus risus at. Velit laoreet id donec ultrices tincidunt arcu non sodales neque. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor. Nec feugiat in fermentum posuere. Dui accumsan sit amet nulla. Lacus viverra vitae congue eu consequat ac felis. Etiam tempor orci eu lobortis. Fermentum leo vel orci porta non pulvinar.";
string mcu = "<\\r><\\n>\r\n--------------------------------------------------------------<\\r><\\n>\r\nSPLITFLAP<\\r><\\n>\r\n--------------------------------------------------------------<\\r><\\n>\r\nMcuShell ; Group of McuShell commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\nSplitFlap ; Group of McuRTOS commands<\\r><\\n>\r\n help ; Print help or status information<\\r><\\n>\r\n setId <SetupId> <hwId> ; sets the position (setupId) of the sf and its id (hwId)<\\r><\\n>\r\n initAll ; init all Splitflaps<\\r><\\n>\r\n Display <string> ; displays as many chars of the string as sf are available<\\r><\\n>\r\n addId <hwId> <offset> ; add new hwId with offset<\\r><\\n>\r\nMcuRTOS ; Group of McuRTOS commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n tasklist ; Print tasklist<\\r><\\n>\r\nMcuFlash ; Group of flash ini commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n dump <start> <size> ; Dump memory data<\\r><\\n>\r\n erase <addr> <size> ; Erase memory at address<\\r><\\n>\r\nini ; Group of flash ini commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n dump ; Dump data information<\\r><\\n>\r\n erase ; Erase data information<\\r><\\n>\r\nMcuMinINI ; Group of McuMinINI commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n read <f> <s> <k> ; Read a key from a section in a file<\\r><\\n>\r\n write <f> <s> <k> <v> ; Write a key with value to a section in a file<\\r><\\n>\r\n delkey <f> <s> <k> ; Delete a key in a section of file<\\r><\\n>\r\n delsec <f> <s> ; Delete a section in a file<\\r><\\n>\r\nnvmc ; Group of NVMC commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n flags <val> ; Set flags<\\r><\\n>\r\nrs ; Group of RS-485 commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n addr <addr> ; Set RS-485 address<\\r><\\n>\r\n send <text> ; Send a text to the RS-485 bus<\\r><\\n>\r\n sendcmd <addr> <cmd> ; Send a shell command to the RS-485 address and check response<\\r><\\n>\r\n log on|off ; Log RS-485 bus activity to McuLog<\\r><\\n>\r\nMcuUart485 ; Group of RS-485 commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n clear <flags> ; Clear UART ISR flags<\\r><\\n>\r\n<\\r><\\n>\r\nCMD>";
//string exampleData = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Id ornare arcu odio ut sem. Neque ornare aenean euismod elementum nisi quis eleifend. Faucibus vitae aliquet nec ullamcorper sit. Fermentum iaculis eu non diam phasellus vestibulum lorem sed risus. Pellentesque nec nam aliquam sem et tortor consequat id porta. Diam sollicitudin tempor id eu nisl. Fames ac turpis egestas sed tempus urna et. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Id aliquet lectus proin nibh nisl condimentum id. Dolor sit amet consectetur adipiscing elit duis. Sed vulputate odio ut enim blandit. Neque convallis a cras semper auctor neque vitae.\r\n\r\nLacus laoreet non curabitur gravida arcu ac tortor. Volutpat maecenas volutpat blandit aliquam. Neque laoreet suspendisse interdum consectetur. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Magna fringilla urna porttitor rhoncus dolor purus non enim praesent. Fermentum leo vel orci porta non pulvinar neque laoreet suspendisse. Scelerisque viverra mauris in aliquam sem fringilla. Nec feugiat nisl pretium fusce id velit ut. Urna cursus eget nunc scelerisque viverra mauris. Condimentum mattis pellentesque id nibh tortor id aliquet. Enim sed faucibus turpis in eu. Adipiscing elit pellentesque habitant morbi tristique. A pellentesque sit amet porttitor eget dolor morbi non arcu. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Curabitur vitae nunc sed velit dignissim sodales ut. Malesuada fames ac turpis egestas maecenas pharetra. Tellus pellentesque eu tincidunt tortor aliquam.\r\n\r\nVitae proin sagittis nisl rhoncus mattis rhoncus urna neque viverra. Eget mi proin sed libero enim sed faucibus. Commodo nulla facilisi nullam vehicula ipsum. Proin libero nunc consequat interdum varius sit amet mattis vulputate. Morbi tristique senectus et netus. Feugiat scelerisque varius morbi enim nunc. Nulla aliquet enim tortor at auctor urna nunc. Non pulvinar neque laoreet suspendisse interdum consectetur libero id. Tellus orci ac auctor augue mauris augue neque gravida in. In egestas erat imperdiet sed euismod. Amet volutpat consequat mauris nunc congue nisi. Massa eget egestas purus viverra accumsan in. Eget duis at tellus at. Mi sit amet mauris commodo quis imperdiet. Nibh mauris cursus mattis molestie a iaculis at.\r\n\r\nNetus et malesuada fames ac turpis. Sit amet dictum sit amet justo donec. Euismod quis viverra nibh cras pulvinar mattis. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Scelerisque felis imperdiet proin fermentum. Ac tincidunt vitae semper quis lectus nulla at. Sit amet commodo nulla facilisi nullam vehicula. Enim lobortis scelerisque fermentum dui faucibus in ornare quam. Quam id leo in vitae turpis massa sed. Quam quisque id diam vel quam. A condimentum vitae sapien pellentesque. Neque aliquam vestibulum morbi blandit cursus risus at. Velit laoreet id donec ultrices tincidunt arcu non sodales neque. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor. Nec feugiat in fermentum posuere. Dui accumsan sit amet nulla. Lacus viverra vitae congue eu consequat ac felis. Etiam tempor orci eu lobortis. Fermentum leo vel orci porta non pulvinar.";
//string exampleData = "<\\r><\\n>\r\n--------------------------------------------------------------<\\r><\\n>\r\nSPLITFLAP<\\r><\\n>\r\n--------------------------------------------------------------<\\r><\\n>\r\nMcuShell ; Group of McuShell commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\nSplitFlap ; Group of McuRTOS commands<\\r><\\n>\r\n help ; Print help or status information<\\r><\\n>\r\n setId <SetupId> <hwId> ; sets the position (setupId) of the sf and its id (hwId)<\\r><\\n>\r\n initAll ; init all Splitflaps<\\r><\\n>\r\n Display <string> ; displays as many chars of the string as sf are available<\\r><\\n>\r\n addId <hwId> <offset> ; add new hwId with offset<\\r><\\n>\r\nMcuRTOS ; Group of McuRTOS commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n tasklist ; Print tasklist<\\r><\\n>\r\nMcuFlash ; Group of flash ini commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n dump <start> <size> ; Dump memory data<\\r><\\n>\r\n erase <addr> <size> ; Erase memory at address<\\r><\\n>\r\nini ; Group of flash ini commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n dump ; Dump data information<\\r><\\n>\r\n erase ; Erase data information<\\r><\\n>\r\nMcuMinINI ; Group of McuMinINI commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n read <f> <s> <k> ; Read a key from a section in a file<\\r><\\n>\r\n write <f> <s> <k> <v> ; Write a key with value to a section in a file<\\r><\\n>\r\n delkey <f> <s> <k> ; Delete a key in a section of file<\\r><\\n>\r\n delsec <f> <s> ; Delete a section in a file<\\r><\\n>\r\nnvmc ; Group of NVMC commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n flags <val> ; Set flags<\\r><\\n>\r\nrs ; Group of RS-485 commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n addr <addr> ; Set RS-485 address<\\r><\\n>\r\n send <text> ; Send a text to the RS-485 bus<\\r><\\n>\r\n sendcmd <addr> <cmd> ; Send a shell command to the RS-485 address and check response<\\r><\\n>\r\n log on|off ; Log RS-485 bus activity to McuLog<\\r><\\n>\r\nMcuUart485 ; Group of RS-485 commands<\\r><\\n>\r\n help|status ; Print help or status information<\\r><\\n>\r\n clear <flags> ; Clear UART ISR flags<\\r><\\n>\r\n<\\r><\\n>\r\nCMD>";
string exampleData = "This is some example Text\nSecond line\nNow a very long line: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
int counter = 0;
List<ExtendedChar> listOfChars = new();
int lineNumber = 1;
//List<ExtendedChar> listOfChars = new();
foreach (var character in exampleData)
{
if(++counter > 100 || character == '\n')
{
this.ReceivedData.Add(new DataLine(listOfChars));
listOfChars = new List<ExtendedChar>();
//this.ReceivedData.Add();
//listOfChars = new List<ExtendedChar>();
counter = 0;
lineNumber += 1;
}
var extdChar = new ExtendedChar(character);
listOfChars.Add(extdChar);
this.ReceivedCharacters.Add(extdChar);
//listOfChars.Add(extdChar);
this.ReceivedData.Add(new DataViewModel(extdChar, lineNumber));
}
}
}
@ -87,7 +89,7 @@ public partial class CommunicationDataViewModel : ObservableObject
[RelayCommand]
private void ClearReceivedCharacters()
{
this.ReceivedData = new ObservableCollection<DataLine>();
this.ReceivedData = new ObservableCollection<DataViewModel>();
}
[RelayCommand]

@ -0,0 +1,47 @@
using CommunityToolkit.Mvvm.ComponentModel;
using MultiTerm.Protocols.Model;
namespace MultiTerm.Core.ViewModel;
public partial class DataViewModel : ObservableObject
{
/// <summary>
/// Identifier for the frontend to group lines.
/// </summary>
[ObservableProperty]
private int lineIdentifier;
/// <summary>
/// Object of data model.
/// </summary>
[ObservableProperty]
private ExtendedChar character;
/// <summary>
/// Property that hosts a displayable string of the character (UTF-16 encoded).
/// </summary>
[ObservableProperty]
private string displayStringUtf16 = String.Empty;
/// <summary>
/// Property that hosts a string of the character (hexadecimal format).
/// </summary>
[ObservableProperty]
private string displayStringHex = String.Empty;
/// <summary>
/// Property that hosts a string of the character (binary format).
/// </summary>
[ObservableProperty]
private string displayStringBin = String.Empty;
public DataViewModel(ExtendedChar character, int lineIdentifier)
{
this.character = character;
this.lineIdentifier = lineIdentifier;
this.DisplayStringUtf16 = character.ToUtf16String();
this.DisplayStringHex = character.ToHexString();
this.DisplayStringBin = character.ToBinaryString();
}
}

@ -1,28 +0,0 @@
using CommunityToolkit.Mvvm.ComponentModel;
using System.Collections.ObjectModel;
namespace MultiTerm.Protocols.Model;
/// <summary>
/// One line of data(characters).
/// </summary>
public partial class DataLine : ObservableObject
{
/// <summary>
/// Represents the collection of characters from a communication protocol.
/// </summary>
[ObservableProperty]
private ObservableCollection<ExtendedChar> characters = new();
/// <summary>
/// Constructor of <see cref="DataLine"/>.
/// </summary>
/// <param name="characters">characters collection</param>
public DataLine(IEnumerable<ExtendedChar> characters)
{
foreach (var character in characters)
{
this.Characters.Add(character);
}
}
}

@ -8,31 +8,13 @@ namespace MultiTerm.Protocols.Model;
/// A time can be stored in combination with this Character using the <see cref="Time"/> property. E.g. to represent arrived or sent time.
/// Several methods to display the Character in other formats than Unicode are provided.
/// </summary>
public partial class ExtendedChar : ObservableObject
public partial class ExtendedChar
{
/// <summary>
/// Data in the form of a character. UTF-16 code unit.
/// </summary>
public char Character { get; set; }
/// <summary>
/// Property that hosts a displayable string of the character (UTF-16 encoded).
/// </summary>
[ObservableProperty]
private string displayStringUtf16 = String.Empty;
/// <summary>
/// Property that hosts a string of the character (hexadecimal format).
/// </summary>
[ObservableProperty]
private string displayStringHex = String.Empty;
/// <summary>
/// Property that hosts a string of the character (binary format).
/// </summary>
[ObservableProperty]
private string displayStringBin = String.Empty;
/// <summary>
/// Time that is associated with the <see cref="Character"/>.
/// E.g. to represent arrived or sent time.
@ -56,9 +38,6 @@ public partial class ExtendedChar : ObservableObject
{
this.Character = character;
this.Time = time;
this.DisplayStringUtf16 = this.ToUtf16String();
this.DisplayStringHex = this.ToHexString();
this.DisplayStringBin = this.ToBinaryString();
}
public override string ToString()

@ -1,10 +1,10 @@
using MultiTerm.Protocols.Model;
using MultiTerm.Core.ViewModel;
using System;
using System.Collections;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
namespace MultiTerm.Wpf.CustomControl;
@ -39,6 +39,9 @@ namespace MultiTerm.Wpf.CustomControl;
/// </summary>
public class MultiFormatDataView : Control
{
private const string itemsControlTemplateName = "itemsControl";
private ItemsControl? itemsControl;
#region Dependency Properties
public static readonly DependencyProperty DataSourceProperty =
DependencyProperty.Register("DataSource",
@ -65,7 +68,19 @@ public class MultiFormatDataView : Control
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
// get itemsControl from template
if (GetTemplateChild(itemsControlTemplateName) is ItemsControl itemsControl)
{
this.itemsControl = itemsControl;
}
else
{
throw new Exception($"Implementation fault, {itemsControlTemplateName} not found in template.");
}
}
private static void OnDataSourcePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
// extract instance and guard null
@ -76,8 +91,13 @@ public class MultiFormatDataView : Control
// check if enumerable items are all of correct type
foreach (var item in enumerable)
{
if (item is not DataLine)
{ throw new ArgumentException($"{nameof(DataSourceProperty)} must be of type {nameof(DataLine)}"); }
if (item is not DataViewModel)
{ throw new ArgumentException($"{nameof(DataSourceProperty)} must be of type {nameof(DataViewModel)}"); }
}
// add group property
CollectionView view = (CollectionView)CollectionViewSource.GetDefaultView(e.NewValue);
PropertyGroupDescription groupDescription = new(nameof(DataViewModel.LineIdentifier));
view.GroupDescriptions.Add(groupDescription);
}
}

@ -89,42 +89,30 @@
<CheckBox Content="Binary" x:Name="cbBin" Padding="20 0"/>
</StackPanel>
</GroupBox>
<ItemsControl ItemsSource="{TemplateBinding DataSource}"
<ListView Name="itemsControl"
ItemsSource="{TemplateBinding DataSource}"
ScrollViewer.VerticalScrollBarVisibility="Auto"
ScrollViewer.CanContentScroll="true"
ScrollViewer.PanningMode="VerticalOnly"
HorizontalAlignment="Left">
<ItemsControl.Template>
<ControlTemplate>
<ScrollViewer>
<ItemsPresenter/>
</ScrollViewer>
</ControlTemplate>
</ItemsControl.Template>
HorizontalAlignment="Left"
VirtualizingPanel.IsVirtualizingWhenGrouping="True"
ItemTemplate="{StaticResource dataContainerTemplate}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<ItemsControl ItemsSource="{Binding Characters}" HorizontalAlignment="Left"
ItemTemplate="{StaticResource dataContainerTemplate}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="1" HorizontalAlignment="Left"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
</DataTemplate>
</ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel>
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
<Setter Property="VerticalContentAlignment" Value="Stretch" />
</Style>
</ListView.ItemContainerStyle>
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<wpftk:VirtualizingWrapPanel Orientation="Vertical"
VirtualizingPanel.CacheLengthUnit="Item"
VirtualizingPanel.ScrollUnit="Item">
</wpftk:VirtualizingWrapPanel>
<wpftk:VirtualizingWrapPanel
Orientation="Vertical" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ListView.ItemsPanel>
</ItemsControl>
</ListView>
</DockPanel>
</ControlTemplate>
</Setter.Value>

@ -18,7 +18,7 @@
<RowDefinition Height="5*"/>
<RowDefinition Height="3*"/>
</Grid.RowDefinitions>
<!-- Settings View Model -->
<GroupBox Header="Protocol Settings" Grid.Row="0" Grid.Column="0" Padding="5 1">
<!-- Register additional Settings ViewModels here -->
@ -32,7 +32,7 @@
</GroupBox>
<GroupBox Header="Receive" Grid.Row="1" Padding="5">
<custom_controls:MultiFormatDataView DataSource="{Binding CommunicationData.ReceivedData}" />
</GroupBox>
<GroupBox Header="Send" Grid.Row="2" Padding="5">
<DockPanel>

Loading…
Cancel
Save