ELK/Furnace/FurnaceUI/Views/Maintenances/IOListView.xaml

<UserControl
    x:Class="FurnaceUI.Views.Maintenances.IOListView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:cal="http://www.caliburn.org"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="768"
    d:DesignWidth="1024"
    mc:Ignorable="d">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="10"/>
            <RowDefinition/>
            <RowDefinition Height="10"/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="10"/>
            <ColumnDefinition/>
            <ColumnDefinition Width="10"/>
            <ColumnDefinition/>
            <ColumnDefinition Width="10"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Button
            Grid.Column="0"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="BtnEdit">
                        <cal:Parameter Value="Load Port 1"/>
                    </cal:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Button.Content>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontFamily="Segoe"
                        FontSize="40"
                        Text="Load Port 1"/>
                    <Viewbox Grid.Row="1" Stretch="Uniform">
                        <Image Opacity="0.5" Source="/FurnaceUI;component/Resources/Images/Controls4/Loadport-Grey.png">
                            <Image.RenderTransform>
                                <ScaleTransform ScaleX="0.8" ScaleY="0.8"/>
                            </Image.RenderTransform>
                        </Image>
                    </Viewbox>
                </Grid>
            </Button.Content>
        </Button>
        <Button
            Grid.Column="2"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="BtnEdit">
                        <cal:Parameter Value="Load Port 2"/>
                    </cal:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Button.Content>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontFamily="Segoe"
                        FontSize="40"
                        Text="Load Port 2"/>
                    <Viewbox Grid.Row="1" Stretch="Uniform">
                        <Image Opacity="0.5" Source="/FurnaceUI;component/Resources/Images/Controls4/Loadport-Grey.png">
                            <Image.RenderTransform>
                                <ScaleTransform ScaleX="0.8" ScaleY="0.8"/>
                            </Image.RenderTransform>
                        </Image>
                    </Viewbox>
                </Grid>
            </Button.Content>
        </Button>
        <Button
            Grid.Row="0"
            Grid.RowSpan="3"
            Grid.Column="4"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="BtnEdit">
                        <cal:Parameter Value="Boat"/>
                    </cal:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Button.Content>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontFamily="Segoe"
                        FontSize="40"
                        Text="Boat"/>
                    <Viewbox Grid.Row="1" Stretch="Uniform">
                        <Image
                            Opacity="0.5"
                            RenderTransformOrigin="0.5,0.5"
                            Source="/FurnaceUI;component/Resources/Images/Controls4/Boat-Grey.png">
                            <Image.RenderTransform>
                                <ScaleTransform ScaleX="2" ScaleY="2"/>
                            </Image.RenderTransform>
                        </Image>
                    </Viewbox>
                </Grid>
            </Button.Content>
        </Button>
        <Button
            Grid.Row="4"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="BtnEdit">
                        <cal:Parameter Value="Wafer Robot"/>
                    </cal:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Button.Content>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontFamily="Segoe"
                        FontSize="40"
                        Text="Wafer Robot"/>
                    <Viewbox Grid.Row="1" Stretch="Uniform">
                        <Image
                            Grid.Row="1"
                            Opacity="0.5"
                            Source="/FurnaceUI;component/Resources/Images/Controls4/WaferRobot-Grey.png"/>
                    </Viewbox>
                </Grid>
            </Button.Content>
        </Button>
        <Button
            Grid.Row="2"
            Grid.Column="0"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch"
            FontFamily="Segoe"
            FontSize="40">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="BtnEdit">
                        <cal:Parameter Value="Fims 1"/>
                    </cal:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Button.Content>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontFamily="Segoe"
                        FontSize="40"
                        Text="Fims 1"/>
                    <Viewbox Grid.Row="1" Stretch="Uniform">
                        <Image
                            Grid.Row="1"
                            Opacity="0.5"
                            Source="/FurnaceUI;component/Resources/Images/Controls4/Fims-Grey.png"/>
                    </Viewbox>
                </Grid>
            </Button.Content>
        </Button>
        <Button
            Grid.Row="2"
            Grid.Column="2"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="BtnEdit">
                        <cal:Parameter Value="Fims 2"/>
                    </cal:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Button.Content>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontFamily="Segoe"
                        FontSize="40"
                        Text="Fims 2"/>
                    <Viewbox Grid.Row="1" Stretch="Uniform">
                        <Image
                            Grid.Row="1"
                            Opacity="0.5"
                            Source="/FurnaceUI;component/Resources/Images/Controls4/Fims-Grey.png"/>
                    </Viewbox>
                </Grid>
            </Button.Content>
        </Button>
        <Button
            Grid.Row="0"
            Grid.RowSpan="3"
            Grid.Column="6"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="BtnEdit">
                        <cal:Parameter Value="Carrier Loader"/>
                    </cal:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Button.Content>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontFamily="Segoe"
                        FontSize="40"
                        Text="Carrier Loader"/>
                    <Viewbox Grid.Row="1" Stretch="Uniform">
                        <Image
                            Opacity="0.5"
                            RenderTransformOrigin="0.5,0.5"
                            Source="/FurnaceUI;component/Resources/Images/Controls4/FoupRobot-Grey.png">
                            <Image.RenderTransform>
                                <ScaleTransform ScaleX="2" ScaleY="2"/>
                            </Image.RenderTransform>
                        </Image>
                    </Viewbox>
                </Grid>
            </Button.Content>
        </Button>
        <Button
            Grid.Row="4"
            Grid.Column="2"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="BtnEdit">
                        <cal:Parameter Value="Buffer"/>
                    </cal:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Button.Content>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontFamily="Segoe"
                        FontSize="40"
                        Text="Buffer"/>
                    <Viewbox Grid.Row="1" Stretch="Uniform">
                        <Image
                            Grid.Row="1"
                            Opacity="0.5"
                            Source="/FurnaceUI;component/Resources/Images/Controls4/Buffer-Grey.png"/>
                    </Viewbox>
                </Grid>
            </Button.Content>
        </Button>
    </Grid>
</UserControl>