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

<UserControl x:Class="OHV.Module.Interactivity.PopUp.OpticalReadingConfigView"
             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:local="clr-namespace:OHV.Module.Interactivity.PopUp"
             xmlns:prism="http://prismlibrary.com/"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d" 
             Width="1000"
             Height="600"
             Background="#455a64">

    <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}"/>

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

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="130"/>
        </Grid.ColumnDefinitions>

        <Grid Grid.Column="0" Margin="15" Background="#37474f">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition Width="2*"/>
            </Grid.ColumnDefinitions>

            <Border Grid.Column="0" Margin="39,10" BorderBrush="#FF00FFD3" BorderThickness="1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
            <StackPanel VerticalAlignment="Center"
                        HorizontalAlignment="Center"
                        Grid.Column="0" Margin="85,15">
                <materialDesign:Badged Margin="5"
                                       Badge="Detect Area#1"
                                       BadgeColorZoneMode="Dark">
                    <Button Width="100"
                            Height="240"
                            Background="{Binding OpReaderOutFirst}">
                        <StackPanel>
                            <TextBlock HorizontalAlignment="Center"><Run Text="Slow" FontSize="25"/></TextBlock>
                            <TextBlock HorizontalAlignment="Center"><Run Text="Stop" FontSize="25"/></TextBlock>
                        </StackPanel>
                    </Button>
                </materialDesign:Badged>

                <materialDesign:Badged Margin="5"
                                       Badge="Detect Area#2"
                                       BadgeColorZoneMode="Dark">
                    <Button Width="100"
                            Height="170"
                            Background="{Binding OpReaderOutSecond}">
                        <StackPanel>
                            <TextBlock HorizontalAlignment="Center"><Run Text="Safety" FontSize="25"/></TextBlock>
                            <TextBlock HorizontalAlignment="Center"><Run Text="Stop" FontSize="25"/></TextBlock>
                        </StackPanel>
                    </Button>
                </materialDesign:Badged>

                <materialDesign:Badged Margin="5"
                                       Badge="Detect Area#3"
                                       BadgeColorZoneMode="Dark">
                    <Button Width="100"
                            Height="100"
                            Background="{Binding OpReaderOutThird}">
                        <StackPanel>
                            <TextBlock><Run Text="Stop" FontSize="25"/></TextBlock>
                        </StackPanel>
                    </Button>
                </materialDesign:Badged>
            </StackPanel>

            <Grid Grid.Column="0">
                
            </Grid>

            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <Grid Grid.Row="0">
                    <Border BorderBrush="Gray" BorderThickness="1"/>
                    <StackPanel VerticalAlignment="Center"
                                HorizontalAlignment="Center">
                        <Button Height="60">
                            <StackPanel>
                                <TextBlock><Run Text="Obsatcle State" FontSize="20"/></TextBlock>
                            </StackPanel>
                        </Button>

                        <Button Background="{x:Null}" Height="60">
                            <StackPanel>
                                <TextBlock><Run Text="{Binding ObstacleState, FallbackValue=NONE}" FontSize="25" Foreground="Orange"/></TextBlock>
                            </StackPanel>
                        </Button>
                    </StackPanel>
                </Grid>
                
                
                <Grid Grid.Row="1">
                    <Border BorderBrush="Gray" BorderThickness="1"/>
                    <StackPanel Orientation="Horizontal"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center">
                        <StackPanel Margin="5"
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Center">

                            <Button Height="60">
                                <StackPanel>
                                    <TextBlock><Run Text="Drive Pattern" FontSize="20"/></TextBlock>
                                </StackPanel>
                            </Button>

                            <Button Background="{x:Null}" Height="60"
                                    Command="{Binding PatternResultKyein}"
                                    CommandParameter="D">
                                <StackPanel>
                                    <TextBlock><Run Text="{Binding ObstacleDrive, FallbackValue=0}" FontSize="25" Foreground="Orange"/></TextBlock>
                                </StackPanel>
                            </Button>
                        </StackPanel>

                        <StackPanel Margin="5"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Center">

                            <Button Height="60">
                                <StackPanel>
                                    <TextBlock><Run Text="Curve Pattern" FontSize="20"/></TextBlock>
                                </StackPanel>
                            </Button>

                            <Button Background="{x:Null}" Height="60"
                        Command="{Binding PatternResultKyein}"
                        CommandParameter="C">
                                <!--<Button.InputBindings>
                        <MouseBinding Gesture="LeftClick" Command="{Binding KeyInTargetPosCommand}" CommandParameter="Left"/>
                    </Button.InputBindings>-->

                                <StackPanel>
                                    <TextBlock><Run Text="{Binding ObstacleCurve, FallbackValue=0}" FontSize="25" Foreground="Orange"/></TextBlock>
                                </StackPanel>
                            </Button>
                        </StackPanel>
                    </StackPanel>
                    
                </Grid>

            </Grid>

           

           
        </Grid>

        <!--Right Sub Menu Grid-->
        <Grid Grid.Column="1" Background="#37474f">
            <StackPanel>

            </StackPanel>
        </Grid>

        <!--Right Main Menu Grid-->
        <Grid Grid.Column="2" Background="#263238">
            <Border Margin="1" BorderBrush="#FF00FFD3" BorderThickness="2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
            <StackPanel>
                <Button Margin="5,10,5,0" HorizontalAlignment="Stretch" Height="69" 
                        BorderBrush="Gray" BorderThickness="2" 
                        Command="{Binding DetectPatternSave}" CommandParameter="true">
                    <StackPanel>
                        <materialDesign:PackIcon Kind="CalendarExport" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                        <TextBlock Text="Save" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                    </StackPanel>
                </Button>

                <Button Margin="5" HorizontalAlignment="Stretch" Height="Auto" 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>
</UserControl>