added and included MultiFormatTextBox in SendReceiveView

MultiTerm.Wpf.CustomControl/ExtendedTabControl/ExtendedTabControl.cs

@@ -1,78 +1,76 @@
-using System.Runtime.CompilerServices;
+using System.Windows;
-using System.Windows;
 using System.Windows.Controls;
 
-namespace MultiTerm.Wpf.CustomControl
+namespace MultiTerm.Wpf.CustomControl;
+
+/// <summary>
+/// Follow steps 1a or 1b and then 2 to use this custom control in a XAML file.
+///
+/// Step 1a) Using this custom control in a XAML file that exists in the current project.
+/// Add this XmlNamespace attribute to the root element of the markup file where it is 
+/// to be used:
+///
+///     xmlns:MyNamespace="clr-namespace:MultiTerm.Wpf.Controls"
+///
+///
+/// Step 1b) Using this custom control in a XAML file that exists in a different project.
+/// Add this XmlNamespace attribute to the root element of the markup file where it is 
+/// to be used:
+///
+///     xmlns:MyNamespace="clr-namespace:MultiTerm.Wpf.Controls;assembly=MultiTerm.Wpf.Controls"
+///
+/// You will also need to add a project reference from the project where the XAML file lives
+/// to this project and Rebuild to avoid compilation errors:
+///
+///     Right click on the target project in the Solution Explorer and
+///     "Add Reference"->"Projects"->[Browse to and select this project]
+///
+///
+/// Step 2)
+/// Go ahead and use your control in the XAML file.
+///
+///     <MyNamespace:ExtendedTabControl/>
+///
+/// </summary>
+public class ExtendedTabControl : TabControl
 {
+    public static readonly RoutedEvent AddButtonClickedEvent;
+
+    #region Dotnet Properties
     /// <summary>
-    /// Follow steps 1a or 1b and then 2 to use this custom control in a XAML file.
+    /// .NET Property for <see cref="AddButtonClickedEvent"/>
-    ///
-    /// Step 1a) Using this custom control in a XAML file that exists in the current project.
-    /// Add this XmlNamespace attribute to the root element of the markup file where it is 
-    /// to be used:
-    ///
-    ///     xmlns:MyNamespace="clr-namespace:MultiTerm.Wpf.Controls"
-    ///
-    ///
-    /// Step 1b) Using this custom control in a XAML file that exists in a different project.
-    /// Add this XmlNamespace attribute to the root element of the markup file where it is 
-    /// to be used:
-    ///
-    ///     xmlns:MyNamespace="clr-namespace:MultiTerm.Wpf.Controls;assembly=MultiTerm.Wpf.Controls"
-    ///
-    /// You will also need to add a project reference from the project where the XAML file lives
-    /// to this project and Rebuild to avoid compilation errors:
-    ///
-    ///     Right click on the target project in the Solution Explorer and
-    ///     "Add Reference"->"Projects"->[Browse to and select this project]
-    ///
-    ///
-    /// Step 2)
-    /// Go ahead and use your control in the XAML file.
-    ///
-    ///     <MyNamespace:ExtendedTabControl/>
-    ///
     /// </summary>
-    public class ExtendedTabControl : TabControl
+    public event RoutedEventHandler AddButtonClicked
     {
-        public static readonly RoutedEvent AddButtonClickedEvent;
+        add { this.AddHandler(AddButtonClickedEvent, value); }
+        remove { this.RemoveHandler(AddButtonClickedEvent, value); }
+    }
+    #endregion
 
-        #region Dotnet Properties
+    static ExtendedTabControl()
-        /// <summary>
+    {
-        /// .NET Property for <see cref="AddButtonClickedEvent"/>
+        DefaultStyleKeyProperty.OverrideMetadata(typeof(ExtendedTabControl), new FrameworkPropertyMetadata(typeof(ExtendedTabControl)));
-        /// </summary>
-        public event RoutedEventHandler AddButtonClicked
-        {
-            add { this.AddHandler(AddButtonClickedEvent, value); }
-            remove { this.RemoveHandler(AddButtonClickedEvent, value); }
-        }
-        #endregion
 
-        static ExtendedTabControl()
+        AddButtonClickedEvent = EventManager.RegisterRoutedEvent("AddButtonClicked",
-        {
+            RoutingStrategy.Bubble, typeof(RoutedEventArgs),
-            DefaultStyleKeyProperty.OverrideMetadata(typeof(ExtendedTabControl), new FrameworkPropertyMetadata(typeof(ExtendedTabControl)));
+            typeof(ExtendedTabControl));
+    }
 
-            AddButtonClickedEvent = EventManager.RegisterRoutedEvent("AddButtonClicked",
+    public override void OnApplyTemplate()
-                RoutingStrategy.Bubble, typeof(RoutedEventArgs),
+    {
-                typeof(ExtendedTabControl));
+        base.OnApplyTemplate();
-        }
 
-        public override void OnApplyTemplate()
+        // get button from template
+        var button = GetTemplateChild("addButton") as Button;
+        if (button != null)
         {
-            base.OnApplyTemplate();
+            button.Click += OnAddButtonClicked; ;
-
-            // get button from template
-            var button = GetTemplateChild("addButton") as Button;
-            if (button != null)
-            {
-                button.Click += OnAddButtonClicked; ;
-            }
         }
+    }
 
-        private void OnAddButtonClicked(object sender, RoutedEventArgs e)
+    private void OnAddButtonClicked(object sender, RoutedEventArgs e)
-        {
+    {
-            RoutedEventArgs args = new RoutedEventArgs(AddButtonClickedEvent);
+        RoutedEventArgs args = new RoutedEventArgs(AddButtonClickedEvent);
-            RaiseEvent(args);
+        RaiseEvent(args);
-        }
     }
 }

MultiTerm.Wpf.CustomControl/MultiFormatTextBox/MultiFormatTextBox.cs

@@ -0,0 +1,41 @@
+using System.Windows;
+using System.Windows.Controls;
+
+namespace MultiTerm.Wpf.CustomControl;
+
+/// <summary>
+/// Follow steps 1a or 1b and then 2 to use this custom control in a XAML file.
+///
+/// Step 1a) Using this custom control in a XAML file that exists in the current project.
+/// Add this XmlNamespace attribute to the root element of the markup file where it is 
+/// to be used:
+///
+///     xmlns:MyNamespace="clr-namespace:MultiTerm.Wpf.CustomControl"
+///
+///
+/// Step 1b) Using this custom control in a XAML file that exists in a different project.
+/// Add this XmlNamespace attribute to the root element of the markup file where it is 
+/// to be used:
+///
+///     xmlns:MyNamespace="clr-namespace:MultiTerm.Wpf.CustomControl.MultiFormatTextBox;assembly=MultiTerm.Wpf.CustomControl.MultiFormatTextBox"
+///
+/// You will also need to add a project reference from the project where the XAML file lives
+/// to this project and Rebuild to avoid compilation errors:
+///
+///     Right click on the target project in the Solution Explorer and
+///     "Add Reference"->"Projects"->[Browse to and select this project]
+///
+///
+/// Step 2)
+/// Go ahead and use your control in the XAML file.
+///
+///     <MyNamespace:MultiFormatTextBox/>
+///
+/// </summary>
+public class MultiFormatTextBox : TextBox
+{
+    static MultiFormatTextBox()
+    {
+        DefaultStyleKeyProperty.OverrideMetadata(typeof(MultiFormatTextBox), new FrameworkPropertyMetadata(typeof(MultiFormatTextBox)));
+    }
+}

MultiTerm.Wpf.CustomControl/MultiFormatTextBox/MultiFormatTextBox.xaml

@@ -0,0 +1,56 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:local="clr-namespace:MultiTerm.Wpf.CustomControl">
+    
+    <SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/>
+    <SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/>
+    <SolidColorBrush x:Key="TextBox.Focus.Border" Color="#FF569DE5"/>
+    <Style TargetType="{x:Type local:MultiFormatTextBox}">
+        <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
+        <Setter Property="BorderBrush" Value="{StaticResource TextBox.Static.Border}"/>
+        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/>
+        <Setter Property="HorizontalContentAlignment" Value="Left"/>
+        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
+        <Setter Property="AllowDrop" Value="true"/>
+        <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
+        <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="{x:Type local:MultiFormatTextBox}">
+                    <DockPanel LastChildFill="True">
+                        <ComboBox DockPanel.Dock="Left" x:Name="comboBox" Width="60">
+                            <ComboBoxItem>CHAR</ComboBoxItem>
+                            <ComboBoxItem>HEX</ComboBoxItem>
+                            <ComboBoxItem>BIN</ComboBoxItem>
+                        </ComboBox>
+                        <Border DockPanel.Dock="Right" x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Width="{TemplateBinding Width}" SnapsToDevicePixels="True">
+                            <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
+                        </Border>
+                    </DockPanel>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsEnabled" Value="false">
+                            <Setter Property="Opacity" TargetName="border" Value="0.56"/>
+                        </Trigger>
+                        <Trigger Property="IsMouseOver" Value="true">
+                            <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.MouseOver.Border}"/>
+                        </Trigger>
+                        <Trigger Property="IsKeyboardFocused" Value="true">
+                            <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.Focus.Border}"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+        <Style.Triggers>
+            <MultiTrigger>
+                <MultiTrigger.Conditions>
+                    <Condition Property="IsInactiveSelectionHighlightEnabled" Value="true"/>
+                    <Condition Property="IsSelectionActive" Value="false"/>
+                </MultiTrigger.Conditions>
+                <Setter Property="SelectionBrush" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/>
+            </MultiTrigger>
+        </Style.Triggers>
+    </Style>
+</ResourceDictionary>

MultiTerm.Wpf.CustomControl/Themes/Generic.xaml

@@ -6,7 +6,8 @@
     <!-- below all xaml files for custom controls shall be added -->
     <ResourceDictionary.MergedDictionaries>
         <ResourceDictionary Source="/MultiTerm.Wpf.CustomControl;component/ExtendedTabControl/ExtendedTabControl.xaml"/>
+        <ResourceDictionary Source="/MultiTerm.Wpf.CustomControl;component/MultiFormatTextBox/MultiFormatTextBox.xaml"/>
 
     </ResourceDictionary.MergedDictionaries>
-
+    
 </ResourceDictionary>

MultiTerm.Wpf/View/SendReceiveView.xaml

@@ -6,6 +6,7 @@
              xmlns:local="clr-namespace:MultiTerm.Wpf.View"
              xmlns:protocol_serial="clr-namespace:MultiTerm.Protocols.Serial;assembly=MultiTerm.Protocols"
              xmlns:settings_view="clr-namespace:MultiTerm.Wpf.View.SettingsView"
+             xmlns:custom_controls="clr-namespace:MultiTerm.Wpf.CustomControl;assembly=MultiTerm.Wpf.CustomControl"
              mc:Ignorable="d" 
              d:DesignHeight="450" d:DesignWidth="800">
     <Grid>
@@ -14,11 +15,12 @@
         </Grid.ColumnDefinitions>
         <Grid.RowDefinitions>
             <RowDefinition Height="50px"/>
-            <RowDefinition Height="*"/>
+            <RowDefinition Height="5*"/>
+            <RowDefinition Height="3*"/>
         </Grid.RowDefinitions>
         
         <!-- Settings View Model -->
-        <GroupBox Header="Protocol Settings" Grid.Row="0" Grid.Column="0">
+        <GroupBox Header="Protocol Settings" Grid.Row="0" Grid.Column="0" Padding="5 1">
             <!-- Register additional Settings ViewModels here -->
             <ContentControl Content="{Binding ProtocolSettings}">
                 <ContentControl.Resources>
@@ -28,5 +30,22 @@
                 </ContentControl.Resources>
             </ContentControl>
         </GroupBox>
+        <GroupBox Header="Receive" Grid.Row="1" Padding="5">
+            
+        </GroupBox>
+        <GroupBox Header="Send" Grid.Row="2" Padding="5">
+            <DockPanel>
+                <!-- Send text box -->
+                <DockPanel DockPanel.Dock="Top" LastChildFill="True">
+                    <!--<TextBox Width="700"></TextBox>-->
+                    <Button DockPanel.Dock="Right" Content="Send"/>
+                    <custom_controls:MultiFormatTextBox DockPanel.Dock="Left"></custom_controls:MultiFormatTextBox>
+                </DockPanel>
+                <Separator/>
+                <RichTextBox DockPanel.Dock="Bottom">
+                    
+                </RichTextBox>
+            </DockPanel>
+        </GroupBox>
     </Grid>
 </UserControl>