ApolloNewWorld/FurnaceNewWorld/UIModules/MaintainModule/Views/BufferMaintain.xaml

<UserControl x:Class="MaintainModule.Views.BufferMaintain"
             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:MaintainModule.Views"
             xmlns:contorl="clr-namespace:MaintainModule.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary >
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UICommon;component/Resources.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Margin="8">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto" MinWidth="560"/>
            <ColumnDefinition Width="8"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition />
            </Grid.RowDefinitions>

            <Border Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="16">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="16"/>
                        <RowDefinition/>
                        <RowDefinition Height="16"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Center">Buffer Information</TextBlock>

                    <Border Grid.Row="2" Background="White" CornerRadius="4">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="96"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="128"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="42"/>
                                <RowDefinition Height="42"/>
                                <RowDefinition Height="42"/>
                                <RowDefinition Height="42"/>
                                <RowDefinition Height="42"/>
                            </Grid.RowDefinitions>
                            <Border Grid.Row="0" Grid.Column="0" CornerRadius="4,0,0,0" Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" 
                                  BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Status</TextBlock>
                            </Border>
                            <Border Grid.Row="0" Grid.Column="1" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Idel</TextBlock>
                            </Border>

                            <Border Grid.Row="1" Grid.Column="0" Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" 
                  BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWithOverflow" TextAlignment="Center">Current Speed (°/s)</TextBlock>
                            </Border>
                            <Border Grid.Row="1" Grid.Column="1" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">0</TextBlock>
                            </Border>

                            <Border Grid.Row="2" Grid.Column="0" Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWithOverflow" TextAlignment="Center">Current Posttion (mm)</TextBlock>
                            </Border>
                            <Border Grid.Row="2" Grid.Column="1" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">0</TextBlock>
                            </Border>


                            <Border Grid.Row="0" Grid.Column="2" Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWithOverflow">Servo On/Off</TextBlock>
                            </Border>
                            <Border Grid.Row="0" Grid.Column="3" CornerRadius="0,4,0,0" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0.5,0">
                                <contorl:SignalLight IsOn="True" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </Border>

                            <Border Grid.Row="1" Grid.Column="2" Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                            </Border>
                            <Border Grid.Row="1" Grid.Column="3"  BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0.5,0">
                            </Border>

                            <Border Grid.Row="2" Grid.Column="2" Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWithOverflow">Motor Running</TextBlock>
                            </Border>
                            <Border Grid.Row="2" Grid.Column="3"  BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0.5,0">
                                <contorl:SignalLight IsOn="True" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </Border>

                            <Border Grid.Row="2" Grid.Column="2" Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWithOverflow">Motor Running</TextBlock>
                            </Border>

                            <Border Grid.Row="3" Grid.Column="0"  Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWithOverflow" TextAlignment="Center">Target Postion</TextBlock>
                            </Border>
                            <Border Grid.Row="3" Grid.Column="1" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0">
                                <ComboBox Margin="4"/>
                            </Border>
                            <Border Grid.Row="3" Grid.Column="2" Grid.ColumnSpan="3"   BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0.5,0">
                                <UniformGrid  Rows="1">
                                    <Button Style="{StaticResource FunctionButton}" Margin="4">Set</Button>
                                    <Button Style="{StaticResource FunctionButton}" Margin="4">Move To</Button>
                                </UniformGrid>
                            </Border>

                            <Border Grid.Row="4" Grid.Column="0" CornerRadius="0,0,0,4" Background="{StaticResource LightThemeColor}" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0.5">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWithOverflow" TextAlignment="Center">Move Speed(°/s)</TextBlock>
                            </Border>
                            <Border Grid.Row="4" Grid.Column="1" BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5,0.5,0,0.5">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">15</TextBlock>
                            </Border>
                            <Border Grid.Row="4" Grid.Column="2" Grid.ColumnSpan="3" CornerRadius="0,0,4,0"  BorderBrush="{StaticResource DarkBorderColor}" BorderThickness="0.5">
                                <UniformGrid  Rows="1">
                                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">15</TextBlock>
                                    <Button Style="{StaticResource FunctionButton}" Margin="4">Save</Button>
                                </UniformGrid>
                            </Border>

                        </Grid>
                    </Border>

                    <UniformGrid Grid.Row="4" Columns="4" Margin="-4,0">
                        <Button Style="{StaticResource FunctionButton}" Height="32" Margin="4">Servo On</Button>
                        <Button Style="{StaticResource FunctionButton}" Height="32" Margin="4">Servo Off</Button>
                        <Button Style="{StaticResource FunctionButton}" Height="32" Margin="4">Stop</Button>
                        <Button Style="{StaticResource FunctionButton}" Height="32" Margin="4">Reset</Button>
                    </UniformGrid>
                </Grid>
            </Border>


            <Border Grid.Row="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="16">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="16"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="16"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>

                    <TextBlock FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Center">Buffer Purge</TextBlock>

                    <DataGrid Grid.Row="2" Style="{StaticResource ThemeDataGrid}" ItemsSource="{Binding BufferPurge}" IsReadOnly="True">
                        <DataGrid.Columns>
                            <DataGridTextColumn Header="Name" Width="192" Binding="{Binding Key}"/>

                            <DataGridTemplateColumn Header="Duration" >
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <Button Style="{StaticResource FunctionButton}" Content="{Binding Value}" Margin="16,8" Width="120" Height="32"></Button>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="Opreation">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <Grid Margin="16,8">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition/>
                                                <ColumnDefinition Width="8"/>
                                                <ColumnDefinition/>
                                            </Grid.ColumnDefinitions>
                                            <Button Style="{StaticResource FunctionButton}" Width="72" Height="32" IsEnabled="False">Open</Button>
                                            <Button Grid.Column="2" Style="{StaticResource FunctionButton}" Width="72" Height="32">Close</Button>
                                        </Grid>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>
                        </DataGrid.Columns>
                    </DataGrid>

                    <Button Grid.Row="4" Style="{StaticResource FunctionButton}" Height="32">Set</Button>
                </Grid>
            </Border>

        </Grid>

        <Border Grid.Column="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
            <Viewbox VerticalAlignment="Top">
                <Image Source="/MaintainModule;component/Resources/Buffer.png"></Image>
            </Viewbox>
        </Border>
    </Grid>
</UserControl>