Working on new tech module tabs.

1 files changed, 240 insertions, 195 deletions

diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Technician/Views/MachineTechView.xaml b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Technician/Views/MachineTechView.xaml
index ea833db99..99ecf72f2 100644
--- a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Technician/Views/MachineTechView.xaml
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Technician/Views/MachineTechView.xaml
@@ -22,6 +22,101 @@
     <UserControl.Resources>
         <converters:BooleanToVisibilityInverseConverter x:Key="BooleanToVisibilityInverseConverter" />
         <converters:NumberToFileSizeConverter x:Key="NumberToFileSizeConverter" />
+
+        <DataTemplate x:Key="TabTemplate">
+            <Grid>
+                <Grid.Style>
+                    <Style TargetType="Grid">
+                        <Setter Property="Visibility" Value="Visible"></Setter>
+                        <Style.Triggers>
+                            <DataTrigger Binding="{Binding IsSelected}" Value="False">
+                                <Setter Property="Visibility" Value="Hidden"></Setter>
+                            </DataTrigger>
+                        </Style.Triggers>
+                    </Style>
+                </Grid.Style>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="1*"/>
+                    <ColumnDefinition Width="Auto"/>
+                </Grid.ColumnDefinitions>
+                <editors:ElementsEditor 
+                        x:Name="editor"
+                        Elements="{Binding Elements}"
+                        Loaded="Editor_Loaded"
+                        ElementCreation="ElementsEditor_ElementCreation"  
+                        ElementsRemoved="ElementsEditor_ElementsRemoved"
+                        AfterPaste="ElementsEditor_AfterPaste"
+                        RulerHeight="32" 
+                        EditorWidth="1920"
+                        EditorHeight="1080"
+                        FontSize="10" 
+                        Background="#7EFFFFFF" 
+                        EditorBackground="#70FFFFFF" 
+                        RulerBackground="Transparent" 
+                        Foreground="#1EA9FF" 
+                        SelectionFillBrush="#338D8D8D" 
+                        SelectionStrokeBrush="#1EA9FF" 
+                        BorderBrush="#1EA9FF" 
+                        BorderThickness="1">
+
+                    <editors:ElementsEditor.Style>
+                        <Style TargetType="editors:ElementsEditor">
+                            <Setter Property="IsEditable" Value="True"></Setter>
+                            <Style.Triggers>
+                                <DataTrigger Binding="{Binding ElementName=listMode,Path=SelectedIndex}" Value="1">
+                                    <Setter Property="IsEditable" Value="False"></Setter>
+                                </DataTrigger>
+                            </Style.Triggers>
+                        </Style>
+                    </editors:ElementsEditor.Style>
+
+                    <editors:ElementsEditor.ContextMenu>
+                        <ContextMenu DataContext="{Binding Path=PlacementTarget, RelativeSource={RelativeSource Self}}">
+                            <MenuItem Header="Cut (Ctrl+X)" Command="{Binding CutCommand}" MinWidth="210">
+                                <MenuItem.Icon>
+                                    <fa:ImageAwesome Icon="Cut" Width="16" />
+                                </MenuItem.Icon>
+                            </MenuItem>
+                            <MenuItem Header="Copy (Ctrl+C)" Command="{Binding CopyCommand}">
+                                <MenuItem.Icon>
+                                    <fa:ImageAwesome Icon="Copy" Width="16" />
+                                </MenuItem.Icon>
+                            </MenuItem>
+                            <MenuItem Header="Paste (Ctrl+V)" Command="{Binding PasteCommand}">
+                                <MenuItem.Icon>
+                                    <fa:ImageAwesome Icon="Paste" Width="16" />
+                                </MenuItem.Icon>
+                            </MenuItem>
+                            <Separator/>
+                            <MenuItem Header="Undo (Ctrl+Z)" Command="{Binding UndoCommand}">
+                                <MenuItem.Icon>
+                                    <fa:ImageAwesome Icon="Undo" Width="16" />
+                                </MenuItem.Icon>
+                            </MenuItem>
+                            <MenuItem Header="Redo (Ctrl+Y)" Command="{Binding RedoCommand}">
+                                <MenuItem.Icon>
+                                    <fa:ImageAwesome Icon="RotateRight" Width="16"></fa:ImageAwesome>
+                                </MenuItem.Icon>
+                            </MenuItem>
+                            <Separator/>
+                            <MenuItem Header="Delete (DELETE)" Command="{Binding DeleteCommand}">
+                                <MenuItem.Icon>
+                                    <fa:ImageAwesome Icon="Recycle" Width="16" />
+                                </MenuItem.Icon>
+                            </MenuItem>
+                            <Separator/>
+                            <MenuItem Header="Select All (Ctrl+A)" Command="{Binding SelectAllCommand}">
+                                <MenuItem.Icon>
+                                    <fa:ImageAwesome Icon="Th" Width="16" />
+                                </MenuItem.Icon>
+                            </MenuItem>
+                        </ContextMenu>
+                    </editors:ElementsEditor.ContextMenu>
+                </editors:ElementsEditor>
+
+                <Slider Grid.Column="1" Orientation="Vertical" Margin="5" Maximum="3" Minimum="0.2" Value="{Binding ElementName=editor,Path=ScaleFactor}"></Slider>
+            </Grid>
+        </DataTemplate>
     </UserControl.Resources>
 
     <Grid>
@@ -192,7 +287,7 @@
                             </i:Interaction.Triggers>
                         </Slider>
                     </StackPanel>
-                    
+
                     <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" Margin="20 0 0 0">
                         <ListBox ItemContainerStyle="{StaticResource basicListBoxItem}" ItemsSource="{Binding AvailableTechItems}" SelectedItem="{Binding SelectedTechItem,Mode=TwoWay}" HorizontalContentAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled">
                             <ListBox.ItemsPanel>
@@ -258,210 +353,160 @@
                 </Grid>
             </Grid>
 
-            <Grid Grid.Row="1" Margin="5">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="1*"/>
-                    <ColumnDefinition Width="300"/>
-                </Grid.ColumnDefinitions>
+            <Grid Grid.Row="1">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="40"/>
+                    <RowDefinition Height="1*"/>
+                </Grid.RowDefinitions>
 
-                <Grid>
+                <ListBox Style="{x:Null}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled" Background="Transparent" BorderThickness="0" ItemsSource="{Binding Tabs}" SelectedItem="{Binding SelectedTab}">
+                    <ListBox.ItemsPanel>
+                        <ItemsPanelTemplate>
+                            <StackPanel HorizontalAlignment="Left" Orientation="Horizontal"></StackPanel>
+                        </ItemsPanelTemplate>
+                    </ListBox.ItemsPanel>
+
+                    
+                    <ListBox.ItemTemplate>
+                        <DataTemplate>
+                            <Border Background="Gray" Padding="5" CornerRadius="5 5 0 0">
+                                <TextBlock Text="{Binding Name}"></TextBlock>
+                            </Border>
+                        </DataTemplate>
+                    </ListBox.ItemTemplate>
+                </ListBox>
+                
+                <Grid Margin="5" Grid.Row="1">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="1*"/>
-                        <ColumnDefinition Width="Auto"/>
+                        <ColumnDefinition Width="300"/>
                     </Grid.ColumnDefinitions>
-                    <editors:ElementsEditor 
-                        x:Name="editor"
-                        Elements="{Binding Elements}"
-                        ElementCreation="ElementsEditor_ElementCreation"  
-                        ElementsRemoved="ElementsEditor_ElementsRemoved"
-                        AfterPaste="ElementsEditor_AfterPaste"
-                        RulerHeight="32" 
-                        EditorWidth="1920"
-                        EditorHeight="1080"
-                        FontSize="10" 
-                        Background="Transparent" 
-                        EditorBackground="#70FFFFFF" 
-                        RulerBackground="Transparent" 
-                        Foreground="{StaticResource AccentColorBrush}" 
-                        SelectionFillBrush="#338D8D8D" 
-                        SelectionStrokeBrush="{StaticResource AccentColorBrush}" 
-                        BorderBrush="{StaticResource AccentColorBrush}" 
-                        BorderThickness="1">
 
-                        <editors:ElementsEditor.Style>
-                            <Style TargetType="editors:ElementsEditor">
-                                <Setter Property="IsEditable" Value="True"></Setter>
-                                <Style.Triggers>
-                                    <DataTrigger Binding="{Binding ElementName=listMode,Path=SelectedIndex}" Value="1">
-                                        <Setter Property="IsEditable" Value="False"></Setter>
-                                    </DataTrigger>
-                                </Style.Triggers>
-                            </Style>
-                        </editors:ElementsEditor.Style>
+                    <ItemsControl ItemsSource="{Binding Tabs}" ItemTemplate="{StaticResource TabTemplate}">
+                        <ItemsControl.ItemsPanel>
+                            <ItemsPanelTemplate>
+                                <Grid/>
+                            </ItemsPanelTemplate>
+                        </ItemsControl.ItemsPanel>
+                    </ItemsControl>
 
-                        <editors:ElementsEditor.ContextMenu>
-                            <ContextMenu DataContext="{Binding Path=PlacementTarget, RelativeSource={RelativeSource Self}}">
-                                <MenuItem Header="Cut (Ctrl+X)" Command="{Binding CutCommand}" MinWidth="210">
-                                    <MenuItem.Icon>
-                                        <fa:ImageAwesome Icon="Cut" Width="16" />
-                                    </MenuItem.Icon>
-                                </MenuItem>
-                                <MenuItem Header="Copy (Ctrl+C)" Command="{Binding CopyCommand}">
-                                    <MenuItem.Icon>
-                                        <fa:ImageAwesome Icon="Copy" Width="16" />
-                                    </MenuItem.Icon>
-                                </MenuItem>
-                                <MenuItem Header="Paste (Ctrl+V)" Command="{Binding PasteCommand}">
-                                    <MenuItem.Icon>
-                                        <fa:ImageAwesome Icon="Paste" Width="16" />
-                                    </MenuItem.Icon>
-                                </MenuItem>
-                                <Separator/>
-                                <MenuItem Header="Undo (Ctrl+Z)" Command="{Binding UndoCommand}">
-                                    <MenuItem.Icon>
-                                        <fa:ImageAwesome Icon="Undo" Width="16" />
-                                    </MenuItem.Icon>
-                                </MenuItem>
-                                <MenuItem Header="Redo (Ctrl+Y)" Command="{Binding RedoCommand}">
-                                    <MenuItem.Icon>
-                                        <fa:ImageAwesome Icon="RotateRight" Width="16"></fa:ImageAwesome>
-                                    </MenuItem.Icon>
-                                </MenuItem>
-                                <Separator/>
-                                <MenuItem Header="Delete (DELETE)" Command="{Binding DeleteCommand}">
-                                    <MenuItem.Icon>
-                                        <fa:ImageAwesome Icon="Recycle" Width="16" />
-                                    </MenuItem.Icon>
-                                </MenuItem>
-                                <Separator/>
-                                <MenuItem Header="Select All (Ctrl+A)" Command="{Binding SelectAllCommand}">
-                                    <MenuItem.Icon>
-                                        <fa:ImageAwesome Icon="Th" Width="16" />
-                                    </MenuItem.Icon>
-                                </MenuItem>
-                            </ContextMenu>
-                        </editors:ElementsEditor.ContextMenu>
-                    </editors:ElementsEditor>
+                    <Grid Grid.Column="1">
+                        <DockPanel>
+                            <TextBlock DockPanel.Dock="Top" Margin="0 -30 0 0" Text="{Binding SelectedTab.Editor.SelectedElement.HostedElement.TechName}" FontSize="16" FontWeight="Bold" FontStyle="Italic"></TextBlock>
 
-                    <Slider Grid.Column="1" Orientation="Vertical" Margin="5" Maximum="3" Minimum="0.2" Value="{Binding ElementName=editor,Path=ScaleFactor}"></Slider>
-                </Grid>
-
-                <Grid Grid.Column="1">
-                    <DockPanel>
-                        <TextBlock DockPanel.Dock="Top" Margin="0 -30 0 0" DataContext="{Binding ElementName=editor,Path=SelectedElement.HostedElement}" Text="{Binding TechName}" FontSize="16" FontWeight="Bold" FontStyle="Italic"></TextBlock>
+                            <ScrollViewer VerticalScrollBarVisibility="Auto">
+                                <StackPanel>
+                                    <GroupBox DockPanel.Dock="Top" Header="BOUNDS" Padding="5">
+                                        <StackPanel>
+                                            <!--Position-->
+                                            <UniformGrid Columns="2" Margin="0 5 0 0">
+                                                <StackPanel Margin="0 0 5 0">
+                                                    <TextBlock>Left</TextBlock>
+                                                    <mahapps:NumericUpDown HasDecimals="False" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Margin="0 5 0 0" Minimum="0" Maximum="{Binding SelectedTab.Editor.EditorWidth}" Value="{Binding SelectedTab.Editor.SelectedElement.Left}"></mahapps:NumericUpDown>
+                                                </StackPanel>
+                                                <StackPanel Margin="5 0 0 0">
+                                                    <TextBlock>Top</TextBlock>
+                                                    <mahapps:NumericUpDown HasDecimals="False" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Margin="0 5 0 0" Minimum="0" Maximum="{Binding SelectedTab.Editor.EditorHeight}" Value="{Binding SelectedTab.Editor.SelectedElement.Top}"></mahapps:NumericUpDown>
+                                                </StackPanel>
+                                            </UniformGrid>
 
-                        <ScrollViewer VerticalScrollBarVisibility="Auto">
-                            <StackPanel>
-                                <GroupBox DockPanel.Dock="Top" Header="BOUNDS" Padding="5">
-                                    <StackPanel>
-                                        <!--Position-->
-                                        <UniformGrid Columns="2" Margin="0 5 0 0">
-                                            <StackPanel Margin="0 0 5 0">
-                                                <TextBlock>Left</TextBlock>
-                                                <mahapps:NumericUpDown HasDecimals="False" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Margin="0 5 0 0" Minimum="0" Maximum="{Binding ElementName=editor,Path=EditorWidth}" Value="{Binding ElementName=editor,Path=SelectedElement.Left}"></mahapps:NumericUpDown>
-                                            </StackPanel>
-                                            <StackPanel Margin="5 0 0 0">
-                                                <TextBlock>Top</TextBlock>
-                                                <mahapps:NumericUpDown HasDecimals="False" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Margin="0 5 0 0" Minimum="0" Maximum="{Binding ElementName=editor,Path=EditorHeight}" Value="{Binding ElementName=editor,Path=SelectedElement.Top}"></mahapps:NumericUpDown>
-                                            </StackPanel>
-                                        </UniformGrid>
+                                            <!--Size-->
+                                            <UniformGrid Columns="2" Margin="0 20 0 0">
+                                                <StackPanel Margin="0 0 5 0">
+                                                    <TextBlock>Width</TextBlock>
+                                                    <mahapps:NumericUpDown HasDecimals="False" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Margin="0 5 0 0" Minimum="10" Maximum="{Binding SelectedTab.Editor.EditorWidth}" Value="{Binding SelectedTab.Editor.SelectedElement.Width}"></mahapps:NumericUpDown>
+                                                </StackPanel>
+                                                <StackPanel Margin="5 0 0 0">
+                                                    <TextBlock>Height</TextBlock>
+                                                    <mahapps:NumericUpDown HasDecimals="False" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Margin="0 5 0 0" Minimum="10" Maximum="{Binding SelectedTab.Editor.EditorHeight}" Value="{Binding SelectedTab.Editor.SelectedElement.Height}"></mahapps:NumericUpDown>
+                                                </StackPanel>
+                                            </UniformGrid>
 
-                                        <!--Size-->
-                                        <UniformGrid Columns="2" Margin="0 20 0 0">
-                                            <StackPanel Margin="0 0 5 0">
-                                                <TextBlock>Width</TextBlock>
-                                                <mahapps:NumericUpDown HasDecimals="False" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Margin="0 5 0 0" Minimum="10" Maximum="{Binding ElementName=editor,Path=EditorWidth}" Value="{Binding ElementName=editor,Path=SelectedElement.Width}"></mahapps:NumericUpDown>
-                                            </StackPanel>
-                                            <StackPanel Margin="5 0 0 0">
-                                                <TextBlock>Height</TextBlock>
-                                                <mahapps:NumericUpDown HasDecimals="False" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Margin="0 5 0 0" Minimum="10" Maximum="{Binding ElementName=editor,Path=EditorHeight}" Value="{Binding ElementName=editor,Path=SelectedElement.Height}"></mahapps:NumericUpDown>
-                                            </StackPanel>
-                                        </UniformGrid>
+                                            <!--<Angle-->
+                                            <Grid Margin="0 20 0 0">
+                                                <Grid.ColumnDefinitions>
+                                                    <ColumnDefinition Width="22*"></ColumnDefinition>
+                                                    <ColumnDefinition Width="20*"></ColumnDefinition>
+                                                </Grid.ColumnDefinitions>
+                                                <TextBlock VerticalAlignment="Center" Margin="0 0 10 0" HorizontalAlignment="Left">Angle</TextBlock>
+                                                <mahapps:NumericUpDown Grid.Column="1" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Maximum="360" Minimum="-360" HasDecimals="False" Margin="0 5 0 0" Value="{Binding SelectedTab.Editor.SelectedElement.Angle}"></mahapps:NumericUpDown>
+                                            </Grid>
+                                        </StackPanel>
+                                    </GroupBox>
+                                    <ContentControl Margin="0 10 0 0" DataContext="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.SelectedTab.Editor.SelectedElement.HostedElement}" Content="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.SelectedTab.Editor.SelectedElement.HostedElement}">
+                                        <ContentControl.Resources>
+                                            <DataTemplate DataType="{x:Type sys:Nullable}">
 
-                                        <!--<Angle-->
-                                        <Grid Margin="0 20 0 0">
-                                            <Grid.ColumnDefinitions>
-                                                <ColumnDefinition Width="22*"></ColumnDefinition>
-                                                <ColumnDefinition Width="20*"></ColumnDefinition>
-                                            </Grid.ColumnDefinitions>
-                                            <TextBlock VerticalAlignment="Center" Margin="0 0 10 0" HorizontalAlignment="Left">Angle</TextBlock>
-                                            <mahapps:NumericUpDown Grid.Column="1" HorizontalContentAlignment="Center" BorderBrush="Gainsboro" Foreground="Gray" Maximum="360" Minimum="-360" HasDecimals="False" Margin="0 5 0 0" Value="{Binding ElementName=editor,Path=SelectedElement.Angle}"></mahapps:NumericUpDown>
-                                        </Grid>
-                                    </StackPanel>
-                                </GroupBox>
-                                <ContentControl Margin="0 10 0 0" DataContext="{Binding ElementName=editor,Path=SelectedElement.HostedElement}" Content="{Binding ElementName=editor,Path=SelectedElement.HostedElement}">
-                                    <ContentControl.Resources>
-                                        <DataTemplate DataType="{x:Type sys:Nullable}">
-   
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:HeaterItem}">
-                                            <templates:HeaterTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:TextItem}">
-                                            <templates:TextTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:JobRunnerItem}">
-                                            <templates:JobRunnerTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:ProcessParametersItem}">
-                                            <templates:ProcessParametersTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:BreakSensorItem}">
-                                            <templates:BreakSensorTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:BlowerItem}">
-                                            <templates:BlowerTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:SpeedSensorItem}">
-											<templates:SpeedSensorTemplate/>
-										</DataTemplate>
-										<DataTemplate DataType="{x:Type items:DancerItem}">
-                                            <templates:DancerTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:WinderItem}">
-                                            <templates:WinderTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:PidItem}">
-                                            <templates:PidTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:ControllerItem}">
-                                            <templates:ControllerTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:MonitorItem}">
-                                            <templates:MonitorTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:DigitalInItem}">
-                                            <templates:DigitalInTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:MotorGroupItem}">
-                                            <templates:MotorGroupTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:ThreadMotionItem}">
-                                            <templates:ThreadMotionTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:DigitalOutItem}">
-                                            <templates:DigitalOutTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:DispenserItem}">
-                                            <templates:DispenserTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:MotorItem}">
-                                            <templates:MotorTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:MeterItem}">
-                                            <templates:MeterTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:SingleGraphItem}">
-                                            <templates:SingleGraphTemplate/>
-                                        </DataTemplate>
-                                        <DataTemplate DataType="{x:Type items:MultiGraphItem}">
-                                            <templates:MultiGraphTemplate/>
-                                        </DataTemplate>
-                                    </ContentControl.Resources>
-                                </ContentControl>
-                            </StackPanel>
-                        </ScrollViewer>
-                    </DockPanel>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:HeaterItem}">
+                                                <templates:HeaterTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:TextItem}">
+                                                <templates:TextTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:JobRunnerItem}">
+                                                <templates:JobRunnerTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:ProcessParametersItem}">
+                                                <templates:ProcessParametersTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:BreakSensorItem}">
+                                                <templates:BreakSensorTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:BlowerItem}">
+                                                <templates:BlowerTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:SpeedSensorItem}">
+                                                <templates:SpeedSensorTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:DancerItem}">
+                                                <templates:DancerTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:WinderItem}">
+                                                <templates:WinderTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:PidItem}">
+                                                <templates:PidTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:ControllerItem}">
+                                                <templates:ControllerTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:MonitorItem}">
+                                                <templates:MonitorTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:DigitalInItem}">
+                                                <templates:DigitalInTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:MotorGroupItem}">
+                                                <templates:MotorGroupTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:ThreadMotionItem}">
+                                                <templates:ThreadMotionTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:DigitalOutItem}">
+                                                <templates:DigitalOutTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:DispenserItem}">
+                                                <templates:DispenserTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:MotorItem}">
+                                                <templates:MotorTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:MeterItem}">
+                                                <templates:MeterTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:SingleGraphItem}">
+                                                <templates:SingleGraphTemplate/>
+                                            </DataTemplate>
+                                            <DataTemplate DataType="{x:Type items:MultiGraphItem}">
+                                                <templates:MultiGraphTemplate/>
+                                            </DataTemplate>
+                                        </ContentControl.Resources>
+                                    </ContentControl>
+                                </StackPanel>
+                            </ScrollViewer>
+                        </DockPanel>
+                    </Grid>
                 </Grid>
             </Grid>
         </Grid>