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

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

    <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">
            <Grid Margin="15" Background="#37474f">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                
                <Border BorderBrush="Gray" BorderThickness="1" Grid.Row="0"/>
                <Border BorderBrush="Gray" BorderThickness="1" Grid.Row="1"/>
                
                <Grid Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    
                    
                    <StackPanel Grid.Column="0"
                                Orientation="Vertical"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">

                        <Button Background="{x:Null}" HorizontalContentAlignment="Left">
                            <StackPanel Orientation="Horizontal">
                                <Ellipse Margin="0,0,16,0" Width="20" Height="20" Fill="{Binding CvError, FallbackValue=Gray}"/>
                                <TextBlock Text="CV ERROR" />
                            </StackPanel>
                        </Button>

                        <Button Background="{x:Null}" HorizontalContentAlignment="Left">
                            <StackPanel Orientation="Horizontal">
                                <Ellipse Margin="0,0,38,0" Width="20" Height="20" Fill="{Binding CvCW, FallbackValue=Gray}"/>
                                <TextBlock Text="CV CW" />
                            </StackPanel>
                        </Button>

                        <Button Background="{x:Null}" HorizontalContentAlignment="Left">
                            <StackPanel Orientation="Horizontal">
                                <Ellipse Margin="0,0,30,0" Width="20" Height="20" Fill="{Binding CvCCW, FallbackValue=Gray}"/>
                                <TextBlock Text="CV CCW"/>
                            </StackPanel>
                        </Button>

                        <Button Background="{x:Null}" HorizontalContentAlignment="Left">
                            <StackPanel Orientation="Horizontal" >
                                <Ellipse Margin="0,0,16,0" Width="20" Height="20" Fill="{Binding CvEntryIn, FallbackValue=Gray}" />
                                <TextBlock Text="CV EntryIn"/>
                            </StackPanel>
                        </Button>

                        <Button Background="{x:Null}" HorizontalContentAlignment="Left">
                            <StackPanel Orientation="Horizontal" >
                                <Ellipse Margin="0,0,16,0" Width="20" Height="20" Fill="{Binding CvSlowStop, FallbackValue=Gray}"/>
                                <TextBlock Text="CV Slow-S"/>
                            </StackPanel>
                        </Button>

                        <Button Background="{x:Null}" HorizontalContentAlignment="Left">
                            <StackPanel Orientation="Horizontal">
                                <Ellipse Margin="0,0,30,0" Width="20" Height="20" Fill="{Binding CvStop, FallbackValue=Gray}"/>
                                <TextBlock Text="CV Stop"/>
                            </StackPanel>
                        </Button>

                    </StackPanel>

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

                        <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Top"
                                Grid.Row="0" Margin="20">
                            <Button Content="Conveyor Control" Foreground="Orange" Background="{x:Null}" FontSize="20"
                            VerticalAlignment="Top" HorizontalAlignment="Left"
                            Width="Auto" Height="50"/>
                        </StackPanel>

                        <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Center"
                                Grid.Row="1">

                            <Button HorizontalAlignment="Stretch"
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Command="{Binding ConveyorRunCommand}"
                            CommandParameter="CW"
                            Height="80" Width="80"
                            Margin="10">
                                <StackPanel>
                                    <materialDesign:PackIcon Kind="TransferUp" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                                    <TextBlock Text="CW" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Button>

                            <Button 
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Height="80" Width="80"
                            Margin="10"
                            Command="{Binding ConveyorRunCommand}"
                            CommandParameter="CCW">
                                <StackPanel>
                                    <materialDesign:PackIcon Kind="TransferDown" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                                    <TextBlock Text="CCW" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Button>

                            <Button HorizontalAlignment="Stretch"
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Command="{Binding ConveyorRunCommand}"
                            CommandParameter="STOP"
                            Height="80" Width="80"
                            Margin="10">
                                <StackPanel>
                                    <materialDesign:PackIcon Kind="StopCircleOutline" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                                    <TextBlock Text="Stop" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Button>
                        </StackPanel>
                        <StackPanel Grid.Row="2" Orientation="Horizontal" HorizontalAlignment="Center">

                            <Button HorizontalAlignment="Stretch"
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Command="{Binding LoadUnloadCommand}"
                            CommandParameter="Load"
                            Height="80" Width="80"
                            Margin="10">
                                <StackPanel>
                                    <materialDesign:PackIcon Kind="ArrowCollapseDown" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                                    <TextBlock Text="Load" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Button>

                            <Button 
                            Style="{StaticResource MaterialDesignRaisedButton}"
                            materialDesign:ButtonAssist.CornerRadius="10"
                            Height="80" Width="80"
                            Margin="10"
                            Command="{Binding LoadUnloadCommand}"
                            CommandParameter="Unload">
                                <StackPanel>
                                    <materialDesign:PackIcon Kind="ArrowExpandUp" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                                    <TextBlock Text="Unlaod" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Button>
                        </StackPanel>
                    </Grid>
                </Grid>

                <Grid Grid.Row="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    
                    
                    <Grid Grid.Column="0">
                        <StackPanel VerticalAlignment="Center"
                                    HorizontalAlignment="Center">

                            <Button Background="{x:Null}">
                                <StackPanel Orientation="Horizontal">
                                    <Ellipse Margin="0,0,8,0" Width="20" Height="20" Fill="{Binding AxisLeftIsServoOn, FallbackValue=Gray}"/>
                                    <TextBlock Text="Axis-L ServoON"/>
                                </StackPanel>
                            </Button>

                            <Button Background="{x:Null}">
                                <StackPanel Orientation="Horizontal">
                                    <Ellipse Margin="0,0,18,0" Width="20" Height="20" Fill="{Binding AxisLeftIsOrg, FallbackValue=Gray}"/>
                                    <TextBlock Text="Axis-L Is ORG"/>
                                </StackPanel>
                            </Button>

                            <Button Background="{x:Null}">
                                <StackPanel Orientation="Horizontal">
                                    <Ellipse Margin="0,0,33,0" Width="20" Height="20" Fill="{Binding AxisLeftAmpFault, FallbackValue=Gray}"/>
                                    <TextBlock Text="Axis-L Fault"/>
                                </StackPanel>
                            </Button>

                            <Button Background="{x:Null}" Margin="0,10,0,0">
                                <StackPanel Orientation="Horizontal">
                                    <Ellipse Margin="0,0,8,0" Width="20" Height="20" Fill="{Binding AxisRightIsServoOn, FallbackValue=Gray}"/>
                                    <TextBlock Text="Axis-R ServoON"/>
                                </StackPanel>
                            </Button>

                            <Button Background="{x:Null}">
                                <StackPanel Orientation="Horizontal">
                                    <Ellipse Margin="0,0,16,0" Width="20" Height="20" Fill="{Binding AxisRightIsOrg, FallbackValue=Gray}"/>
                                    <TextBlock Text="Axis-R Is ORG"/>
                                </StackPanel>
                            </Button>

                            <Button Background="{x:Null}">
                                <StackPanel Orientation="Horizontal">
                                    <Ellipse Margin="0,0,30,0" Width="20" Height="20" Fill="{Binding AxisRightAmpFault, FallbackValue=Gray}"/>
                                    <TextBlock Text="Axis-R Fault"/>
                                </StackPanel>
                            </Button>
                        </StackPanel>
                    </Grid>

                    <Grid Grid.Column="1">
                        <StackPanel VerticalAlignment="Top" HorizontalAlignment="Center" Margin="20">
                            <Button Content="Carrier Control" Foreground="Orange" Background="{x:Null}" FontSize="20"
                            VerticalAlignment="Top" Width="Auto" Height="50"
                            HorizontalAlignment="Left"/>
                        </StackPanel>

                        <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Center">

                            <Button Margin="15" 
                                Width="100" Height="100"
                                Style="{StaticResource MaterialDesignRaisedButton}"
                                materialDesign:ButtonAssist.CornerRadius="10"
                                Command="{Binding PosMoveCommand}"
                                CommandParameter="Lock">
                                <StackPanel>
                                    <materialDesign:PackIcon Kind="ElectricSwitchClosed" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>
                                    <TextBlock Text="Clamp" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                    <TextBlock Text="Lock" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Button>

                            <Button Margin="15"
                                Width="100" Height="100"
                                Style="{StaticResource MaterialDesignRaisedButton}"
                                materialDesign:ButtonAssist.CornerRadius="10"
                                Command="{Binding PosMoveCommand}"
                                CommandParameter="UnLock">
                                <!--<Button.InputBindings>
                                <MouseBinding Gesture="LeftClick" Command="{Binding KeyInTargetPosCommand}" CommandParameter="Left"/>
                                </Button.InputBindings>-->
                                <StackPanel>
                                    <materialDesign:PackIcon Kind="ElectricSwitch" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Height="42" Width="auto"/>                                    <TextBlock Text="Clamp" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                    <TextBlock Text="UnLock" VerticalAlignment="Stretch" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Button>
                        </StackPanel>
                    </Grid>
                    
                </Grid>
            </Grid>
        </Grid>

        <Grid Grid.Column="1" Background="#263238">
            <Border Margin="1" BorderBrush="#FF00FFD3" BorderThickness="2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
            <StackPanel VerticalAlignment="Top">
                <Button Margin="5,10,5,0" 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>