OHV/Dev/OHV/OHV.Module.Interactivity/PopUp/ServoConfigView.xaml

<UserControl x:Class="OHV.Module.Interactivity.PopUp.ServoConfigView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:prism="http://prismlibrary.com/"
             xmlns:local="clr-namespace:OHV.Module.Interactivity.PopUp"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d" 
             Width="1920"
             Height="1080"
             Background="#CC282C34">

    <prism:Dialog.WindowStyle>
        <Style TargetType="Window">
            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterScreen" />
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="AllowsTransparency" Value="True"/>
            <Setter Property="ResizeMode" Value="NoResize"/>
            <Setter Property="WindowStyle" Value="None"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush" Value="{DynamicResource BorderSolidNormal}"/>
            <Setter Property="Template" Value="{DynamicResource WindowTemplateKey}"/>
            <Setter Property="WindowState" Value="Maximized"/>

            <!--<Style.Triggers>
                <Trigger Property="ResizeMode" Value="CanResizeWithGrip">
                    <Setter Property="Template" Value="{StaticResource WindowTemplateKey}"/>
                </Trigger>
            </Style.Triggers>-->
        </Style>
    </prism:Dialog.WindowStyle>

    <Border BorderBrush="Gray" BorderThickness="2" Width="1000" Height="800" Background="#163238">
        <Grid Margin="15" Background="#37474f">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition Width="130"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="30"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Grid Grid.Row="0">
                <TextBlock Margin="15,0,0,0" Text="Drive Config View" FontSize="22" Foreground="White"/>
            </Grid>

            <Grid Grid.Row="1" Background="{x:Null}">
                <Grid.RowDefinitions>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width=".3*"/>
                </Grid.ColumnDefinitions>

                <Grid Grid.ColumnSpan="2" Background="#163238">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Margin="15,0,0,0" Text="Drive Speed" Foreground="Orange" HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <!--<TextBlock Text="Acceleration m/s^2" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="17"/>-->
                        <TextBlock Text="Linear [m/s]" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="2">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="Curve [m/s]" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="4" Grid.ColumnSpan="2" Background="#163238">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Margin="15,0,0,0" Text="Speed Profile" Foreground="Orange" HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="5">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="Acceleration [m/s]" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="6">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="Deceleration [m/s]" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>
                
                <Grid Grid.Row="7">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="Creep [m/s]" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>
                <!--<Grid Grid.Row="7">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="Min Linear Speed(m/s)" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="17"/>
                    </Border>
                </Grid>
                <Grid Grid.Row="8">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="Min curve Speed(m/s)" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="17"/>
                    </Border>
                </Grid>-->

                <Grid Grid.Row="8">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="CreepDistance [m/s]" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="10" Grid.ColumnSpan="2" Background="#163238">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Margin="15,0,0,0" Text="Jog Speed" Foreground="Orange" HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="11">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="Jog Speed [m/s]" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="1" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding InputNumberCommand}" CommandParameter="Linear">
                            <TextBlock Text="{Binding LinearSpeed, StringFormat={}{0:0.00 m/s}, FallbackValue=0.00 m/s}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                        </Button>
                    </Border>
                </Grid>
                <Grid Grid.Row="2" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding InputNumberCommand}" CommandParameter="Curve">
                            <TextBlock Text="{Binding CurveSpeed, StringFormat={}{0:0.00 m/s}, FallbackValue=0.00 m/s}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                        </Button>
                    </Border>
                </Grid>
                
                <!--<Grid Grid.Row="3" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="{Binding CreepSped, FallbackValue=0.00 m/s}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="17"/>
                    </Border>
                </Grid>-->
                
                <Grid Grid.Row="5" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding InputNumberCommand}" CommandParameter="Accel">
                            <TextBlock Text="{Binding Acceleration, StringFormat={}{0:0.00 m/s}, FallbackValue=0.00 m/s}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                        </Button>
                    </Border>
                </Grid>
                <Grid Grid.Row="6" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding InputNumberCommand}" CommandParameter="Decel">
                            <TextBlock Text="{Binding Deceleration, StringFormat={}{0:0.00 m/s}, FallbackValue=0.00 m/s}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                        </Button>
                    </Border>
                </Grid>
                <Grid Grid.Row="7" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding InputNumberCommand}" CommandParameter="Creep">
                            <TextBlock Text="{Binding CreepSpeed, StringFormat={}{0:0.00 m/s}, FallbackValue=0.00 m/s}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                        </Button>
                    </Border>
                </Grid>
                <!--<Grid Grid.Row="7" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="0.000 m/s" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="17"/>
                    </Border>
                </Grid>
                <Grid Grid.Row="8" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <TextBlock Text="0.000 m/s" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="17"/>
                    </Border>
                </Grid>-->
                <Grid Grid.Row="8" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding InputNumberCommand}" CommandParameter="CreepDistance">
                            <TextBlock Text="{Binding CreepDistance, StringFormat={}{0:0.00 m/s}, FallbackValue=0.00 m/s}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                        </Button>
                    </Border>
                </Grid>

                <Grid Grid.Row="11" Grid.Column="1">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding InputNumberCommand}" CommandParameter="JogSpeed">
                            <TextBlock Text="{Binding JogSpeed, StringFormat={}{0:0.00 m/s}, FallbackValue=0.00 m/s}" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
                        </Button>
                    </Border>
                </Grid>

                <!--<Grid Grid.Row="1" Grid.RowSpan="2" Grid.Column="2">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Content="Save" Margin="10" Width="auto" Height="auto" Command="{Binding SaveDriveSpeed}"/>
                    </Border>
                </Grid>-->

                <!--<Grid Grid.Row="7" Grid.RowSpan="2" Grid.Column="2">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Content="Save" Margin="10" Width="auto" Height="auto" Command="{Binding SaveSpeedProfile}"/>
                    </Border>
                </Grid>-->

                <!--<Grid Grid.Row="11" Grid.RowSpan="1" Grid.Column="2">
                    <Border BorderBrush="Gray" BorderThickness="1">
                        <Button Content="Save" Margin="5" Width="auto" Height="auto" Command="{Binding SaveJogSpeed}"/>
                    </Border>
                </Grid>-->
            </Grid>

            <!--<Grid Grid.Row="1">
                <DataGrid ItemsSource="{Binding ConfigListProperty}" CanUserSortColumns="True" CanUserAddRows="False" AutoGenerateColumns="False" materialDesign:DataGridAssist.CellPadding="13 8 8 8" 
                                  materialDesign:DataGridAssist.ColumnHeaderPadding="8" Background="{x:Null}" IsReadOnly="False" Foreground="White">

                    <DataGrid.Resources>
                        <Style TargetType="{x:Type DataGridRow}">
                            <Style.Triggers>
                                <Trigger Property="IsSelected" Value="false">
                                    <Setter Property="Background" Value="{x:Null}"></Setter>
                                </Trigger>
                            </Style.Triggers>
                            <Setter Property="TextBlock.TextAlignment" Value="Center" />
                            <Setter Property="FontSize" Value="15"/>
                        </Style>
                    </DataGrid.Resources>
                    <DataGrid.Columns>
                        <materialDesign:DataGridTextColumn Header="Name" Binding="{Binding Name}" Width="300" EditingElementStyle="{StaticResource MaterialDesignDataGridTextColumnPopupEditingStyle}" IsReadOnly="True"></materialDesign:DataGridTextColumn>
                        <materialDesign:DataGridTextColumn Header="Value" Binding="{Binding Value}" EditingElementStyle="{StaticResource MaterialDesignDataGridTextColumnPopupEditingStyle}"></materialDesign:DataGridTextColumn>
                    </DataGrid.Columns>
                </DataGrid>
            </Grid>-->

            <Grid Grid.Column="2" HorizontalAlignment="Stretch" Background="#263238" Grid.RowSpan="2">
                <Border Margin="1" BorderBrush="#FF00FFD3" BorderThickness="2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
                <StackPanel VerticalAlignment="Top" Margin="0,30,0,0">
                    <Button Margin="10,0,10,10" HorizontalAlignment="Stretch" Height="90" BorderBrush="Gray" BorderThickness="2"
                        Style="{DynamicResource MaterialDesignRaisedButton}"
                        materialDesign:ShadowAssist.ShadowDepth="Depth5"
                        Command="{Binding SaveToAllCommand}">
                        <StackPanel>
                            <materialDesign:PackIcon Kind="ContentSave" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                            <TextBlock Text="SAVE" FontSize="20" VerticalAlignment="Stretch" HorizontalAlignment="Center"/>
                        </StackPanel>
                    </Button>
                </StackPanel>
                <StackPanel VerticalAlignment="Bottom">
                    <Button Margin="10,0,10,10" HorizontalAlignment="Stretch" Height="90" BorderBrush="Gray" BorderThickness="2" Command="{Binding CloseDialogCommand}" CommandParameter="true">
                        <StackPanel>
                            <materialDesign:PackIcon Kind="ExitToApp" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                            <TextBlock Text="Close" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                        </StackPanel>
                    </Button>
                </StackPanel>
            </Grid>
        </Grid>
    </Border>

</UserControl>