path: root/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Technician/Views/MachineTechView.xaml

<UserControl x:Class="Tango.MachineStudio.Technician.Views.MachineTechView"
             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:vm="clr-namespace:Tango.MachineStudio.Technician.ViewModels"
             xmlns:global="clr-namespace:Tango.MachineStudio.Technician"
             xmlns:sys="clr-namespace:System;assembly=mscorlib"
             xmlns:fa="http://schemas.fontawesome.io/icons/"
             xmlns:editors="clr-namespace:Tango.Editors;assembly=Tango.Editors"
             xmlns:techItems="clr-namespace:Tango.MachineStudio.Technician.TechItems"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:mahapps="http://metro.mahapps.com/winfx/xaml/controls"
             xmlns:templates="clr-namespace:Tango.MachineStudio.Technician.PropertiesTemplates"
             xmlns:items="clr-namespace:Tango.MachineStudio.Technician.TechItems"
             xmlns:converters="clr-namespace:Tango.SharedUI.Converters;assembly=Tango.SharedUI"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Tango.MachineStudio.Technician.Views"
             mc:Ignorable="d" 
             d:DesignHeight="720" d:DesignWidth="1280" d:DataContext="{d:DesignInstance Type=vm:MachineTechViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.MachineTechViewVM}">

    <UserControl.Resources>
        <converters:BooleanToVisibilityInverseConverter x:Key="BooleanToVisibilityInverseConverter" />
    </UserControl.Resources>

    <Grid>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="150"/>
                <RowDefinition Height="199*"/>
            </Grid.RowDefinitions>

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

                <Menu Padding="5" Background="#C6ECECEC" Visibility="{Binding HideMenu,Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                    <MenuItem Header="File">
                        <MenuItem Command="{Binding OpenProjectCommand}" MinWidth="180" Header="Open" VerticalContentAlignment="Center">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="FolderOpen" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="Save" Command="{Binding SaveProjectCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Save" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="Save as" Command="{Binding SaveAsProjectCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Save" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                    <MenuItem Header="Edit">
                        <MenuItem Header="Cut (Ctrl+X)" Command="{Binding ElementName=editor,Path=CutCommand}" MinWidth="210">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Cut" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="Copy (Ctrl+C)" Command="{Binding ElementName=editor,Path=CopyCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Copy" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="Paste (Ctrl+V)" Command="{Binding ElementName=editor,Path=PasteCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Paste" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="Undo (Ctrl+Z)" Command="{Binding ElementName=editor,Path=UndoCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Undo" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="Redo (Ctrl+Y)" Command="{Binding ElementName=editor,Path=RedoCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="RotateRight" Width="16"></fa:ImageAwesome>
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="Delete (DELETE)" Command="{Binding ElementName=editor,Path=DeleteCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Recycle" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="Select All (Ctrl+A)" Command="{Binding ElementName=editor,Path=SelectAllCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Th" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                    <MenuItem Header="View">
                        <MenuItem Header="Zoom In" Command="{Binding ElementName=editor,Path=ZoomCommand}" CommandParameter="0.1">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="SearchPlus" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="Zoom Out" Command="{Binding ElementName=editor,Path=ZoomCommand}" CommandParameter="-0.1">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="SearchMinus" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="Reset Zoom" Command="{Binding ElementName=editor,Path=ResetZoomCommand}">
                            <MenuItem.Icon>
                                <fa:ImageAwesome Icon="Search" Width="16" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                    <MenuItem Header="Components">
                        <MenuItem.ItemContainerStyle>
                            <Style TargetType="MenuItem" BasedOn="{x:Null}">
                                <Setter Property="Background" Value="Transparent"></Setter>
                                <Style.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter Property="Background" Value="Transparent"></Setter>
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </MenuItem.ItemContainerStyle>
                        <ListBox Margin="-27 0 -22 0" MinWidth="180" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ItemsSource="{Binding AvailableTechItems}" SelectedItem="{Binding SelectedTechItem}" HorizontalContentAlignment="Stretch">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel Orientation="Horizontal">
                                        <Border Width="24" Height="24" BorderThickness="1" CornerRadius="100">
                                            <Border.Style>
                                                <Style TargetType="Border">
                                                    <Setter Property="Background" Value="Transparent"></Setter>
                                                    <Setter Property="BorderBrush" Value="{StaticResource AccentColorBrush}"></Setter>
                                                    <Setter Property="BorderThickness" Value="1"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected}" Value="True">
                                                            <Setter Property="Background" Value="White"></Setter>
                                                            <Setter Property="BorderBrush" Value="#FF7575"></Setter>
                                                            <Setter Property="BorderThickness" Value="2"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </Border.Style>
                                            <Image Source="{Binding Image}" RenderOptions.BitmapScalingMode="Fant"></Image>
                                        </Border>
                                        <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" Text="{Binding Name}"></TextBlock>
                                    </StackPanel>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </MenuItem>
                </Menu>

                <Grid Grid.Row="1">
                    <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>
                                <ItemsPanelTemplate>
                                    <StackPanel Orientation="Horizontal"></StackPanel>
                                </ItemsPanelTemplate>
                            </ListBox.ItemsPanel>
                            <ListBox.ItemTemplate>
                                <DataTemplate DataType="{x:Type techItems:TechItem}">
                                    <Border Cursor="Hand" ToolTip="{Binding Description}" RenderTransformOrigin="0.5,0.5" Width="70" Padding="10" Margin="5" Height="70" BorderThickness="1" CornerRadius="100">
                                        <Border.Style>
                                            <Style TargetType="Border">
                                                <Setter Property="RenderTransform">
                                                    <Setter.Value>
                                                        <ScaleTransform ScaleX="1" ScaleY="1"></ScaleTransform>
                                                    </Setter.Value>
                                                </Setter>
                                                <Setter Property="Background" Value="Transparent"></Setter>
                                                <Setter Property="BorderBrush" Value="{StaticResource AccentColorBrush}"></Setter>
                                                <Setter Property="BorderThickness" Value="1"></Setter>
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected}" Value="True">
                                                        <Setter Property="Background" Value="White"></Setter>
                                                        <Setter Property="BorderBrush" Value="#FF7575"></Setter>
                                                        <Setter Property="BorderThickness" Value="2"></Setter>
                                                        <DataTrigger.EnterActions>
                                                            <BeginStoryboard>
                                                                <Storyboard>
                                                                    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" To="1.1" Duration="00:00:0.2"></DoubleAnimation>
                                                                    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="1.1" Duration="00:00:0.2"></DoubleAnimation>
                                                                </Storyboard>
                                                            </BeginStoryboard>
                                                        </DataTrigger.EnterActions>
                                                        <DataTrigger.ExitActions>
                                                            <BeginStoryboard>
                                                                <Storyboard>
                                                                    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" To="1" Duration="00:00:0.2"></DoubleAnimation>
                                                                    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="1" Duration="00:00:0.2"></DoubleAnimation>
                                                                </Storyboard>
                                                            </BeginStoryboard>
                                                        </DataTrigger.ExitActions>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Border.Style>
                                        <Image Source="{Binding Image}" RenderOptions.BitmapScalingMode="Fant"></Image>
                                    </Border>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </StackPanel>

                    <StackPanel HorizontalAlignment="Right" Orientation="Horizontal" Margin="0 0 255 10" VerticalAlignment="Bottom">
                        <ListBox x:Name="listMode" SelectedIndex="0" Style="{StaticResource MaterialDesignToolToggleListBox}">
                            <ListBoxItem Height="40" Width="60" HorizontalContentAlignment="Center" ToolTip="Edit Mode">
                                <materialDesign:PackIcon HorizontalAlignment="Center" Width="30" Height="30"  Kind="Pencil" />
                            </ListBoxItem>
                            <ListBoxItem Height="40" Width="60" HorizontalContentAlignment="Center" ToolTip="Action Mode" MouseUp="OnActionModeClicked">
                                <materialDesign:PackIcon HorizontalAlignment="Center" Width="30" Height="30"  Kind="HandPointingRight" />
                            </ListBoxItem>
                        </ListBox>
                    </StackPanel>
                </Grid>
            </Grid>

            <Grid Grid.Row="1" Margin="5">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="1*"/>
                    <ColumnDefinition Width="220"/>
                </Grid.ColumnDefinitions>

                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="1*"/>
                        <ColumnDefinition Width="Auto"/>
                    </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>

                        <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>

                <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>
                        <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 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 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:MonitorItem}">
                                    <templates:MonitorTemplate/>
                                </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>
                    </DockPanel>
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</UserControl>