path: root/Software/Visual_Studio/FSE/Modules/Tango.FSE.Stubs/Views/ProcedureDesignerView.xaml

<UserControl x:Class="Tango.FSE.Procedures.Views.ProcedureDesignerView"
             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:global="clr-namespace:Tango.FSE.Procedures"
             xmlns:helpers="clr-namespace:Tango.SharedUI.Helpers;assembly=Tango.SharedUI"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:components="clr-namespace:Tango.SharedUI.Components;assembly=Tango.SharedUI"
             xmlns:vm="clr-namespace:Tango.FSE.Procedures.ViewModels"
             xmlns:material="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:editors="clr-namespace:Tango.Scripting.Editors;assembly=Tango.Scripting.Editors"
             xmlns:controls="clr-namespace:Tango.FSE.Common.Controls;assembly=Tango.FSE.Common"
             xmlns:local="clr-namespace:Tango.FSE.Procedures.Views"
             mc:Ignorable="d" 
             d:DesignHeight="1080" d:DesignWidth="1920" d:DataContext="{d:DesignInstance Type=vm:ProcedureDesignerViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.ProcedureDesignerViewVM}" Background="{StaticResource FSE_PrimaryBackgroundBrush}" Foreground="{StaticResource FSE_PrimaryForegroundBrush}">

    <UserControl.Resources>
        <components:BindingProxy x:Key="proxy" Data="{Binding}" />
    </UserControl.Resources>

    <UserControl.InputBindings>
        <KeyBinding Key="F5" Command="{Binding RunProjectCommand}" />
        <KeyBinding Key="F6" Command="{Binding CompileProjectCommand}" />
        <KeyBinding Modifiers="Ctrl" Key="S" Command="{Binding SaveProjectCommand}" />
        <KeyBinding Modifiers="Ctrl+Shift" Key="S" Command="{Binding SaveAsProjectCommand}" />
        <KeyBinding Modifiers="Ctrl" Key="N" Command="{Binding NewProjectCommand}" />
        <KeyBinding Modifiers="Ctrl" Key="O" Command="{Binding OpenProjectCommand}" />
        <KeyBinding Modifiers="Ctrl" Key="P" Command="{Binding TogglePublishPanelCommand}" />
    </UserControl.InputBindings>

    <Grid>
        <Grid>
            <DockPanel>
                <Menu IsMainMenu="True" DockPanel.Dock="Top">
                    <MenuItem Header="_File">
                        <MenuItem Header="_New" MinWidth="250" Command="{Binding NewProjectCommand}" InputGestureText="Ctrl+N">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="FileDocument" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="_Open" Command="{Binding OpenProjectCommand}" InputGestureText="Ctrl+O">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="FileEdit" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="_Save" Command="{Binding SaveProjectCommand}" InputGestureText="Ctrl+S">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="ContentSave" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="_Save As" Command="{Binding SaveAsProjectCommand}" InputGestureText="Ctrl+Shift+S">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="ContentSaveAll" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="Add Library" Command="{Binding AddLibraryCommand}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="ScriptText" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="Load Published Project" Command="{Binding LoadPublishedProjectCommand}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="FolderCog" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                    <MenuItem Header="_Edit">
                        <MenuItem MinWidth="250" Header="_Undo" Command="Undo">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="Undo" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="_Redo" Command="Redo">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="Redo" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="_Cut" Command="Cut">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="ContentCut" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="_Copy" Command="Copy">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="ContentCopy" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="_Paste" Command="Paste">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="ContentPaste" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="_Format Code" InputGestureText="Ctrl+K+D" Command="{Binding FormatCodeCommand}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="FormatColumns" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                    <MenuItem Header="Debug">
                        <MenuItem Header="_Build" MinWidth="250" Command="{Binding CompileProjectCommand}" InputGestureText="F6" IsEnabled="{Binding ProjectRunner.CanCompile}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="PackageDown" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="_Start" Command="{Binding RunProjectCommand}" InputGestureText="F5" Visibility="{Binding ProjectRunner.CanRun,Converter={StaticResource BooleanToVisibilityConverter}}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="Play" Foreground="{StaticResource FSE_GreenBrush}" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="_Stop" Command="{Binding StopProjectCommand}" Visibility="{Binding ProjectRunner.IsRunning,Converter={StaticResource BooleanToVisibilityConverter}}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="Stop" Foreground="{StaticResource FSE_RedBrush}" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                    <MenuItem Header="_Wizard" ItemsSource="{Binding CreateGroups}">
                        <MenuItem.ItemContainerStyle>
                            <Style TargetType="{x:Type MenuItem}" BasedOn="{StaticResource {x:Type MenuItem}}">
                                <Setter Property="Command" Value="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.CreateItemCommand}" />
                                <Setter Property="CommandParameter" Value="{Binding}"></Setter>
                            </Style>
                        </MenuItem.ItemContainerStyle>
                        <MenuItem.ItemTemplate>
                            <HierarchicalDataTemplate DataType="{x:Type global:CreateItem}" ItemsSource="{Binding Path=Items}">
                                <TextBlock Text="{Binding Name}"/>
                            </HierarchicalDataTemplate>
                        </MenuItem.ItemTemplate>
                    </MenuItem>
                    <MenuItem Header="Publish">
                        <MenuItem Header="_Publish Project" InputGestureText="Ctrl+P" Command="{Binding TogglePublishPanelCommand}" MinWidth="250">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="Publish" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                </Menu>

                <Grid DockPanel.Dock="Top">
                    <!--Toolbar-->
                    <ToolBar ClipToBounds="False" Background="Transparent" HorizontalAlignment="Center" ToolBarTray.IsLocked="True">
                        <Button ToolTip="Save" Command="{Binding SaveProjectCommand}">
                            <material:PackIcon Kind="ContentSave"  />
                        </Button>
                        <Separator />
                        <Button Command="Undo" ToolTip="Undo" ToolBar.OverflowMode="AsNeeded">
                            <material:PackIcon Kind="Undo" />
                        </Button>
                        <Button Command="Redo" ToolTip="Redo" ToolBar.OverflowMode="AsNeeded">
                            <material:PackIcon Kind="Redo" />
                        </Button>
                        <Separator/>
                        <Button Command="Cut" ToolTip="Cut" ToolBar.OverflowMode="AsNeeded">
                            <material:PackIcon Kind="ContentCut" />
                        </Button>
                        <Button Command="Copy" ToolTip="Copy" ToolBar.OverflowMode="AsNeeded">
                            <material:PackIcon Kind="ContentCopy" />
                        </Button>
                        <Separator />
                        <Button Command="Paste" ToolTip="Paste" ToolBar.OverflowMode="AsNeeded">
                            <material:PackIcon Kind="ContentPaste" />
                        </Button>
                        <Separator/>
                        <Button Width="120" ToolTip="Run (F5)" ToolBar.OverflowMode="AsNeeded" Command="{Binding RunProjectCommand}" Visibility="{Binding ProjectRunner.IsRunning,Converter={StaticResource BooleanToVisibilityInverseConverter}}" IsEnabled="{Binding ProjectRunner.CanRun}">
                            <DockPanel>
                                <material:PackIcon Kind="Play" Foreground="{StaticResource FSE_GreenBrush}" />
                                <TextBlock Margin="10 2 0 0" VerticalAlignment="Center">Start</TextBlock>
                            </DockPanel>
                        </Button>
                        <Button Width="120" ToolTip="Stop" ToolBar.OverflowMode="AsNeeded" Command="{Binding StopProjectCommand}" Visibility="{Binding ProjectRunner.IsRunning,Converter={StaticResource BooleanToVisibilityConverter}}">
                            <DockPanel>
                                <material:PackIcon Kind="Stop" Foreground="{StaticResource FSE_RedBrush}" />
                                <TextBlock Margin="10 2 0 0" VerticalAlignment="Center">Stop</TextBlock>
                            </DockPanel>
                        </Button>
                    </ToolBar>
                </Grid>

                <Grid DockPanel.Dock="Bottom" Height="25" Background="#007BA5" TextElement.FontSize="{StaticResource FSE_SmallFontSize}">
                    <!--Status Bar-->
                    <Grid>
                        <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" Margin="5 0 0 0">
                            <TextBlock VerticalAlignment="Center" Text="{Binding Status}"></TextBlock>
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="0 0 5 0">
                            <StackPanel Orientation="Horizontal" Visibility="{Binding IsLoadingSymbols,Converter={StaticResource BooleanToVisibilityConverter}}">
                                <Separator Margin="10 0" />
                                <TextBlock VerticalAlignment="Center" Text="{Binding SymbolsLoadingProgress.Message,Mode=OneWay}"></TextBlock>
                                <ProgressBar Margin="10 0 0 0" Foreground="{StaticResource FSE_PrimaryBackgroundBrush}" Width="200" Height="15" VerticalAlignment="Center" Maximum="{Binding SymbolsLoadingProgress.Maximum}" Value="{Binding SymbolsLoadingProgress.Value}" IsIndeterminate="{Binding SymbolsLoadingProgress.IsIndeterminate}" />
                            </StackPanel>
                        </StackPanel>
                    </Grid>
                </Grid>

                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="499*"/>
                        <ColumnDefinition Width="5"/>
                        <ColumnDefinition MaxWidth="500" MinWidth="250" Width="134*"/>
                    </Grid.ColumnDefinitions>

                    <Grid Width="350" Margin="0 33 0 0" Visibility="{Binding IsPublishPanelOpened,Converter={StaticResource BooleanToVisibilityConverter}}">
                        <Border BorderThickness="0 0 5 0" BorderBrush="{StaticResource FSE_PrimaryBackgroundBrush}">
                            <DockPanel Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}">
                                <Border DockPanel.Dock="Top" Padding="5" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}" BorderThickness="0 1 0 0" BorderBrush="{StaticResource FSE_BorderBrush}">
                                    <DockPanel>
                                        <material:PackIcon Kind="Publish" />
                                        <controls:IconButton DockPanel.Dock="Right" Height="15" Margin="0" Padding="0" Icon="Close" Command="{Binding TogglePublishPanelCommand}" />
                                        <TextBlock Margin="5 0 0 0" FontWeight="SemiBold">PUBLISH PROJECT</TextBlock>
                                    </DockPanel>
                                </Border>
                                <DockPanel>
                                    <Grid DockPanel.Dock="Bottom">
                                        <StackPanel VerticalAlignment="Top" Margin="10">
                                            <Button material:ButtonAssist.CornerRadius="25" Margin="0 10 0 0" Height="50" Width="Auto" Foreground="{StaticResource FSE_GreenBrush}" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Command="{Binding PublishProjectCommand}">
                                                <DockPanel>
                                                    <material:PackIcon Kind="Publish" Height="20" Width="20" />
                                                    <TextBlock Margin="20 0 0 0" VerticalAlignment="Center" >PUBLISH</TextBlock>
                                                </DockPanel>
                                            </Button>
                                        </StackPanel>
                                    </Grid>
                                    <ScrollViewer Padding="10" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
                                        <StackPanel>
                                            <StackPanel>
                                                <TextBlock Foreground="{StaticResource FSE_GrayBrush}" Margin="2 0 0 0" FontSize="{StaticResource FSE_SmallFontSize}">Name</TextBlock>
                                                <TextBox Background="{StaticResource FSE_PrimaryBackgroundBrush}" Padding="5" Text="{Binding Project.Name,UpdateSourceTrigger=PropertyChanged,NotifyOnValidationError=True,ValidatesOnDataErrors=True,ValidatesOnNotifyDataErrors=True}" Margin="0 2 0 0" Style="{StaticResource FSE_Rounded_Corners_TextBox}"></TextBox>

                                                <TextBlock Foreground="{StaticResource FSE_GrayBrush}" Margin="2 15 0 0" FontSize="{StaticResource FSE_SmallFontSize}">Description</TextBlock>
                                                <TextBox Text="{Binding Project.Description,UpdateSourceTrigger=PropertyChanged}" Margin="0 2 0 0" Style="{StaticResource FSE_Rounded_Corners_TextBox_Multiline}" MinHeight="100" TextWrapping="Wrap"></TextBox>
                                            </StackPanel>

                                            <DockPanel Margin="0 20 0 0">
                                                <material:PackIcon Kind="InfoOutline" />
                                                <TextBlock Foreground="{StaticResource FSE_GrayBrush}" TextWrapping="Wrap" LineHeight="18" Margin="10 0 10 0" FontSize="{StaticResource FSE_SmallFontSize}">
                                                                <Run>• Publishing a procedure project makes it available as a procedure unit via the 'Procedures' module.</Run>
                                                                <LineBreak/>
                                                                <Run>• The system automatically keeps the history of published projects so they can be reverted to previous versions.</Run>
                                                                <LineBreak/>
                                                                <Run>• Any published project can be "suppressed" which will make it invisible to standard users.</Run>
                                                                <LineBreak/>
                                                                <Run>• Suppressed projects can be edited and republished again.</Run>
                                                </TextBlock>
                                            </DockPanel>

                                            <controls:TextIconButton Margin="10 0 0 0" ToolTip="Make this unavailable on Procedures module" Icon="DeleteCircle" HorizontalAlignment="Left" Width="Auto" BorderBrush="Transparent" Foreground="{StaticResource FSE_RedBrush}" Background="Transparent" Command="{Binding UnPublishProjectCommand}">
                                                <Button.Style>
                                                    <Style TargetType="controls:TextIconButton" BasedOn="{StaticResource {x:Type controls:TextIconButton}}">
                                                        <Setter Property="Visibility" Value="Hidden"></Setter>
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding PublishedProcedureProject.IsVisible}" Value="True">
                                                                <Setter Property="Visibility" Value="Visible"></Setter>
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </Button.Style>
                                                <DockPanel>
                                                    <TextBlock Margin="0 0 0 0" TextDecorations="Underline">SUPPRESS PROJECT</TextBlock>
                                                </DockPanel>
                                            </controls:TextIconButton>
                                        </StackPanel>
                                    </ScrollViewer>
                                </DockPanel>
                            </DockPanel>
                        </Border>
                    </Grid>

                    <Grid Grid.Column="1">
                        <Grid.RowDefinitions>
                            <RowDefinition MinHeight="35" Height="491*"/>
                            <RowDefinition Height="5"/>
                            <RowDefinition MinHeight="30" Height="210*"/>
                        </Grid.RowDefinitions>

                        <Grid Grid.Column="2">
                            <!--Code Editor-->
                            <DockPanel>
                                <Grid DockPanel.Dock="Top" Height="35">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="10" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="100*" />
                                    </Grid.ColumnDefinitions>
                                    <Rectangle Grid.Column="0" VerticalAlignment="Bottom" StrokeThickness="2" Stroke="{StaticResource FSE_PrimaryAccentDarkBrush}" />
                                    <ListBox x:Name="listTabs" Grid.Column="1"  DisplayMemberPath="Tag" ItemsSource="{Binding OpenScripts}" SelectedItem="{Binding SelectedScript,Mode=TwoWay}" SelectedIndex="0">
                                        <ListBox.Style>
                                            <Style TargetType="ListBox" BasedOn="{StaticResource {x:Type ListBox}}">
                                                <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"></Setter>
                                                <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled"></Setter>
                                                <Setter Property="ItemsPanel">
                                                    <Setter.Value>
                                                        <ItemsPanelTemplate>
                                                            <UniformGrid Margin="15 0 0 0" Columns="{Binding RelativeSource={RelativeSource AncestorType=ListBox},Path=Items.Count}" IsItemsHost="True"></UniformGrid>
                                                        </ItemsPanelTemplate>
                                                    </Setter.Value>
                                                </Setter>
                                                <Setter Property="ItemContainerStyle">
                                                    <Setter.Value>
                                                        <Style TargetType="ListBoxItem" BasedOn="{StaticResource {x:Type ListBoxItem}}">
                                                            <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
                                                            <Setter Property="VerticalContentAlignment" Value="Center"></Setter>
                                                            <Setter Property="Background" Value="{StaticResource FSE_PrimaryBackgroundBrush}"></Setter>
                                                            <Setter Property="FocusVisualStyle" Value="{x:Null}"></Setter>
                                                            <Setter Property="Foreground" Value="{StaticResource FSE_GrayBrush}"></Setter>
                                                            <Setter Property="Width" Value="200"></Setter>
                                                            <Setter Property="IsSelected" Value="{Binding IsSelected,Mode=OneWayToSource}"></Setter>
                                                            <Setter Property="Template">
                                                                <Setter.Value>
                                                                    <ControlTemplate TargetType="ListBoxItem">
                                                                        <Grid x:Name="grid" Margin="-15 0 0 0" Background="Transparent">
                                                                            <Viewbox Stretch="Fill">
                                                                                <Grid>
                                                                                    <Polygon Fill="{TemplateBinding Background}" Stretch="Fill" Points="0,30 15,0 85,0 100,30"></Polygon>
                                                                                    <Polygon Fill="White" Stretch="Fill" Points="0,30 15,0 85,0 100,30" IsHitTestVisible="False" Opacity="0.1">
                                                                                        <Polygon.Style>
                                                                                            <Style TargetType="Polygon">
                                                                                                <Setter Property="Visibility" Value="Hidden"></Setter>
                                                                                                <Style.Triggers>
                                                                                                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsMouseOver}" Value="True">
                                                                                                        <Setter Property="Visibility" Value="Visible"></Setter>
                                                                                                    </DataTrigger>
                                                                                                </Style.Triggers>
                                                                                            </Style>
                                                                                        </Polygon.Style>
                                                                                    </Polygon>
                                                                                    <Polyline Stroke="{StaticResource FSE_PrimaryAccentDarkBrush}" StrokeThickness="1" Stretch="Fill" Points="0,30 15,0 85,0 100,30" />
                                                                                    <Rectangle VerticalAlignment="Bottom" Stroke="{StaticResource FSE_PrimaryAccentDarkBrush}" StrokeThickness="1" />
                                                                                </Grid>
                                                                            </Viewbox>

                                                                            <Grid>
                                                                                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding Name}"></TextBlock>
                                                                                <controls:IconButton Cursor="Hand" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.CloseScriptCommand}" CommandParameter="{Binding}" Width="24" Height="24" Margin="0 0 30 0" HorizontalAlignment="Right" VerticalAlignment="Center" Icon="Close"></controls:IconButton>
                                                                            </Grid>
                                                                        </Grid>
                                                                        <ControlTemplate.Triggers>
                                                                            <Trigger Property="IsSelected" Value="True">

                                                                            </Trigger>
                                                                        </ControlTemplate.Triggers>
                                                                    </ControlTemplate>
                                                                </Setter.Value>
                                                            </Setter>
                                                            <Style.Triggers>
                                                                <Trigger Property="IsSelected" Value="True">
                                                                    <Setter Property="Background" Value="{StaticResource FSE_PrimaryAccentDarkBrush}"></Setter>
                                                                    <Setter Property="Foreground" Value="{StaticResource FSE_PrimaryForegroundBrush}"></Setter>
                                                                    <Setter Property="FontWeight" Value="SemiBold"></Setter>
                                                                    <Setter Property="Panel.ZIndex" Value="200"></Setter>
                                                                </Trigger>
                                                                <Trigger Property="IsSelected" Value="False">
                                                                    <Setter Property="Panel.ZIndex" Value="-1"></Setter>
                                                                </Trigger>
                                                            </Style.Triggers>
                                                        </Style>
                                                    </Setter.Value>
                                                </Setter>
                                            </Style>
                                        </ListBox.Style>
                                    </ListBox>
                                    <Rectangle Grid.Column="2" VerticalAlignment="Bottom" StrokeThickness="2" Stroke="{StaticResource FSE_PrimaryAccentDarkBrush}" />
                                </Grid>

                                <ItemsControl x:Name="tabControl" Margin="0 0 0 0" ItemsSource="{Binding Project.Scripts}" BorderThickness="0" Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}">
                                    <ItemsControl.ItemsPanel>
                                        <ItemsPanelTemplate>
                                            <Grid/>
                                        </ItemsPanelTemplate>
                                    </ItemsControl.ItemsPanel>
                                    <ItemsControl.ItemContainerStyle>
                                        <Style TargetType="FrameworkElement">
                                            <Setter Property="Visibility" Value="Hidden"></Setter>
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding IsSelected}" Value="True">
                                                    <Setter Property="Visibility" Value="Visible"></Setter>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </ItemsControl.ItemContainerStyle>
                                    <ItemsControl.ItemTemplate>
                                        <DataTemplate>
                                            <editors:ScriptEditor 
                                            ReferenceAssemblies="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.LoadedAssemblies}" 
                                            AdditionalScripts="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.Project.AdditionalScripts}"
                                            Code="{Binding Code,Mode=TwoWay}">

                                                <editors:ScriptEditor.ContextMenu>
                                                    <ContextMenu>
                                                        <MenuItem Header="_Cut" Command="Cut">
                                                            <MenuItem.Icon>
                                                                <material:PackIcon Kind="ContentCut" />
                                                            </MenuItem.Icon>
                                                        </MenuItem>
                                                        <MenuItem Header="_Copy" Command="Copy">
                                                            <MenuItem.Icon>
                                                                <material:PackIcon Kind="ContentCopy" />
                                                            </MenuItem.Icon>
                                                        </MenuItem>
                                                        <MenuItem Header="_Paste" Command="Paste">
                                                            <MenuItem.Icon>
                                                                <material:PackIcon Kind="ContentPaste" />
                                                            </MenuItem.Icon>
                                                        </MenuItem>
                                                        <Separator/>
                                                        <MenuItem Header="_Format Code" InputGestureText="Ctrl+K+D" Command="{Binding Source={StaticResource proxy},Path=Data.FormatCodeCommand}">
                                                            <MenuItem.Icon>
                                                                <material:PackIcon Kind="FormatColumns" />
                                                            </MenuItem.Icon>
                                                        </MenuItem>
                                                        <Separator/>
                                                        <MenuItem Header="_Wizard" ItemsSource="{Binding Source={StaticResource proxy},Path=Data.CreateGroups}">
                                                            <MenuItem.Icon>
                                                                <material:PackIcon Kind="Wand" />
                                                            </MenuItem.Icon>
                                                            <MenuItem.ItemContainerStyle>
                                                                <Style TargetType="{x:Type MenuItem}" BasedOn="{StaticResource {x:Type MenuItem}}">
                                                                    <Setter Property="Command" Value="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.CreateItemCommand}" />
                                                                    <Setter Property="CommandParameter" Value="{Binding}"></Setter>
                                                                </Style>
                                                            </MenuItem.ItemContainerStyle>
                                                            <MenuItem.ItemTemplate>
                                                                <HierarchicalDataTemplate DataType="{x:Type global:CreateItem}" ItemsSource="{Binding Path=Items}">
                                                                    <TextBlock Text="{Binding Name}"/>
                                                                </HierarchicalDataTemplate>
                                                            </MenuItem.ItemTemplate>
                                                        </MenuItem>
                                                    </ContextMenu>
                                                </editors:ScriptEditor.ContextMenu>
                                                
                                            </editors:ScriptEditor>
                                        </DataTemplate>
                                    </ItemsControl.ItemTemplate>
                                </ItemsControl>
                            </DockPanel>
                        </Grid>

                        <GridSplitter Grid.Row="1" Height="5" HorizontalAlignment="Stretch" VerticalAlignment="Center" />

                        <Grid Grid.Row="2">
                            <!--Output & Error Tabs-->
                            <TabControl  SelectedIndex="{Binding SelectedToolWindow,Mode=TwoWay,Converter={StaticResource EnumToIntConverter}}" ItemContainerStyle="{StaticResource FSE_TabItem_VisualStudio_Output}" TabStripPlacement="Bottom" Margin="0" Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}" BorderThickness="0">
                                <TabItem Header="OUTPUT">
                                    <DockPanel>
                                        <Grid DockPanel.Dock="Top" Height="28" Background="{StaticResource FSE_PrimaryBackgroundBrush}">
                                            <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontFamily="{StaticResource hand}">Output</TextBlock>
                                            <controls:IconButton Command="{Binding ClearOutputCommand}" Height="32" Cursor="Hand" ToolTip="Clear" Width="32" Icon="DeleteEmpty" Foreground="{StaticResource FSE_GrayBrush}" HorizontalAlignment="Right" VerticalAlignment="Center" />

                                            <Rectangle VerticalAlignment="Bottom" Stroke="Black" StrokeThickness="2" />
                                        </Grid>
                                        <TextBox HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto" Padding="5" Style="{x:Null}" Foreground="{StaticResource FSE_PrimaryForegroundBrush}" FontFamily="Consolas" components:TextController.Controller="{Binding Logger}" FontSize="{StaticResource FSE_SmallFontSize}" Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}" BorderThickness="0" AcceptsReturn="True" IsReadOnly="True" TextWrapping="Wrap" />
                                    </DockPanel>
                                </TabItem>
                                <TabItem>
                                    <TabItem.Header>
                                        <TextBlock>
                                            <Run>ERRORS</Run>
                                            <Run>(</Run><Run Text="{Binding CompilationErrors.Count,Mode=OneWay}"></Run><Run>)</Run>
                                        </TextBlock>
                                    </TabItem.Header>
                                    <DockPanel>
                                        <Grid DockPanel.Dock="Top" Height="28" Background="{StaticResource FSE_PrimaryBackgroundBrush}">
                                            <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontFamily="{StaticResource hand}">Errors</TextBlock>

                                            <Rectangle VerticalAlignment="Bottom" Stroke="Black" StrokeThickness="2" />
                                        </Grid>
                                        <DataGrid ItemsSource="{Binding CompilationErrors}" 
                                              Style="{StaticResource FSE_LogsGridStyle}" 
                                              CellStyle="{StaticResource FSE_LogsGridCellStyle}" 
                                              HorizontalGridLinesBrush="{StaticResource FSE_PrimaryBackgroundBrush}" 
                                              helpers:DataGridHelper.DoubleClickCommand="{Binding HighlightErrorCommand}"
                                              AutoGenerateColumns="False">
                                            <DataGrid.Columns>
                                                <DataGridTemplateColumn Width="40">
                                                    <DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <material:PackIcon HorizontalAlignment="Center" VerticalAlignment="Center" Kind="Alert" Foreground="{StaticResource FSE_ErrorBrush}" />
                                                        </DataTemplate>
                                                    </DataGridTemplateColumn.CellTemplate>
                                                </DataGridTemplateColumn>
                                                <DataGridTextColumn Header="DESCRIPTION" Binding="{Binding Message}" Width="1*" />
                                                <DataGridTextColumn Header="FILE" Binding="{Binding File}" />
                                                <DataGridTextColumn Header="LINE" Binding="{Binding Line}" />
                                                <DataGridTextColumn Header="COL" Binding="{Binding Column}" />
                                            </DataGrid.Columns>
                                        </DataGrid>
                                    </DockPanel>
                                </TabItem>
                                <TabItem>
                                    <TabItem.Header>
                                        <TextBlock>
                                            <Run>INPUTS</Run>
                                            <Run>(</Run><Run Text="{Binding Project.Inputs.Count,Mode=OneWay}"></Run><Run>)</Run>
                                        </TextBlock>
                                    </TabItem.Header>

                                    <DockPanel>
                                        <Grid DockPanel.Dock="Top" Height="28" Background="{StaticResource FSE_PrimaryBackgroundBrush}">
                                            <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontFamily="{StaticResource hand}">Inputs</TextBlock>
                                            <controls:IconButton FontSize="{StaticResource FSE_SmallFontSize}" VerticalAlignment="Center" HorizontalAlignment="Right" Command="{Binding AddProjectInputCommand}" Icon="Add" Foreground="{StaticResource FSE_GreenBrush}" Cursor="Hand" ToolTip="Add input">Add Input</controls:IconButton>
                                            <Rectangle VerticalAlignment="Bottom" Stroke="Black" StrokeThickness="2" />
                                        </Grid>
                                        <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
                                            <StackPanel HorizontalAlignment="Left" TextElement.Foreground="{StaticResource FSE_PrimaryForegroundBrush}">
                                                <ItemsControl ItemsSource="{Binding Project.Inputs}">
                                                    <ItemsControl.ItemsPanel>
                                                        <ItemsPanelTemplate>
                                                            <WrapPanel Orientation="Horizontal" IsItemsHost="True" />
                                                        </ItemsPanelTemplate>
                                                    </ItemsControl.ItemsPanel>
                                                    <ItemsControl.ItemTemplate>
                                                        <DataTemplate>
                                                            <Grid>
                                                                <Line Stroke="{StaticResource FSE_BorderBrush}" X1="16" Y1="45" X2="199" Y2="151" />
                                                                <DockPanel Margin="15 15 50 15">
                                                                    <material:PackIcon  Kind="Key" VerticalAlignment="Top" Margin="0 18 0 0" />
                                                                    <controls:IconButton VerticalAlignment="Top" DockPanel.Dock="Right" Width="32" Height="32" Margin="10 10 0 0" Icon="Close" Foreground="{StaticResource FSE_RedBrush}" ToolTip="Delete input" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.RemoveProjectInputCommand}" CommandParameter="{Binding}"></controls:IconButton>
                                                                    <DockPanel Margin="10 0 0 0" Width="100" VerticalAlignment="Top">
                                                                        <TextBlock Margin="2 0 0 2" DockPanel.Dock="Top" FontSize="{StaticResource FSE_SmallerFontSize}">Key</TextBlock>
                                                                        <TextBox Style="{StaticResource FSE_Rounded_Corners_TextBox}" Text="{Binding Key}"></TextBox>
                                                                    </DockPanel>
                                                                    <material:PackIcon Kind="Equal" VerticalAlignment="Top" Margin="20 20 20 0"  />
                                                                    <StackPanel Width="400">
                                                                        <TextBlock Margin="2 0 0 2" FontSize="{StaticResource FSE_SmallerFontSize}">Value</TextBlock>
                                                                        <TextBox Style="{StaticResource FSE_Rounded_Corners_TextBox}" Text="{Binding Value}"></TextBox>

                                                                        <TextBlock Margin="2 10 0 2" FontSize="{StaticResource FSE_SmallerFontSize}">Display Name</TextBlock>
                                                                        <TextBox Style="{StaticResource FSE_Rounded_Corners_TextBox}" Text="{Binding DisplayName}"></TextBox>

                                                                        <TextBlock Margin="2 10 0 2" FontSize="{StaticResource FSE_SmallerFontSize}">Description</TextBlock>
                                                                        <TextBox Style="{StaticResource FSE_Rounded_Corners_TextBox}" Text="{Binding Description}"></TextBox>
                                                                    </StackPanel>
                                                                </DockPanel>
                                                            </Grid>
                                                        </DataTemplate>
                                                    </ItemsControl.ItemTemplate>
                                                </ItemsControl>
                                            </StackPanel>
                                        </ScrollViewer>
                                    </DockPanel>
                                </TabItem>
                                <TabItem>
                                    <TabItem.Header>
                                        <TextBlock>
                                            <Run>RESULTS</Run>
                                            <Run>(</Run><Run Text="{Binding Results.Count,Mode=OneWay}"></Run><Run>)</Run>
                                        </TextBlock>
                                    </TabItem.Header>
                                    <DockPanel>
                                        <Grid DockPanel.Dock="Top" Height="28" Background="{StaticResource FSE_PrimaryBackgroundBrush}">
                                            <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontFamily="{StaticResource hand}">Results</TextBlock>

                                            <Rectangle VerticalAlignment="Bottom" Stroke="Black" StrokeThickness="2" />
                                        </Grid>
                                        <DataGrid ItemsSource="{Binding Results}" Style="{StaticResource FSE_LogsGridStyle}" CellStyle="{StaticResource FSE_LogsGridCellStyle}" HorizontalGridLinesBrush="{StaticResource FSE_PrimaryBackgroundBrush}" AutoGenerateColumns="False">
                                            <DataGrid.Columns>
                                                <DataGridTemplateColumn Width="40">
                                                    <DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <material:PackIcon HorizontalAlignment="Center" VerticalAlignment="Center">
                                                                <material:PackIcon.Style>
                                                                    <Style TargetType="material:PackIcon">
                                                                        <Setter Property="Kind" Value="Check"></Setter>
                                                                        <Setter Property="Foreground" Value="{StaticResource FSE_SuccessBrush}"></Setter>
                                                                        <Style.Triggers>
                                                                            <DataTrigger Binding="{Binding Type}" Value="Warning">
                                                                                <Setter Property="Kind" Value="Alert"></Setter>
                                                                                <Setter Property="Foreground" Value="{StaticResource FSE_WarningBrush}"></Setter>
                                                                            </DataTrigger>
                                                                            <DataTrigger Binding="{Binding Type}" Value="Failed">
                                                                                <Setter Property="Kind" Value="Alert"></Setter>
                                                                                <Setter Property="Foreground" Value="{StaticResource FSE_ErrorBrush}"></Setter>
                                                                            </DataTrigger>
                                                                        </Style.Triggers>
                                                                    </Style>
                                                                </material:PackIcon.Style>
                                                            </material:PackIcon>
                                                        </DataTemplate>
                                                    </DataGridTemplateColumn.CellTemplate>
                                                </DataGridTemplateColumn>
                                                <DataGridTextColumn Header="NAME" Binding="{Binding Name}" />
                                                <DataGridTemplateColumn Header="VALUE" Width="1*">
                                                    <DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <Grid>
                                                                <TextBlock Visibility="{Binding IsValueArray,Converter={StaticResource BooleanToVisibilityInverseConverter}}" Text="{Binding Value}"></TextBlock>
                                                                <StackPanel Orientation="Horizontal" Visibility="{Binding IsValueArray,Converter={StaticResource BooleanToVisibilityConverter}}">
                                                                    <TextBlock Foreground="{StaticResource FSE_GrayBrush}">
                                                                    <Run>This procedure result contains</Run>
                                                                    <Run Text="{Binding Value.Count,Mode=OneWay}"></Run>
                                                                    <Run Text="Values."></Run>
                                                                    </TextBlock>
                                                                    <Button Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.DisplayResultGridCommand}" CommandParameter="{Binding}" Height="22" Foreground="{StaticResource FSE_PrimaryAccentBrush}" Background="Transparent" BorderBrush="Transparent" Margin="0 -4 0 0">(Grid View)</Button>
                                                                </StackPanel>
                                                            </Grid>
                                                        </DataTemplate>
                                                    </DataGridTemplateColumn.CellTemplate>
                                                </DataGridTemplateColumn>
                                            </DataGrid.Columns>
                                        </DataGrid>
                                    </DockPanel>
                                </TabItem>
                            </TabControl>
                        </Grid>
                    </Grid>

                    <GridSplitter Grid.Column="2" Width="5" HorizontalAlignment="Center" VerticalAlignment="Stretch" Margin="0 33 0 30" />

                    <Grid Grid.Column="3">
                        <Grid Margin="0 33 0 29">
                            <!--Project Explorer-->
                            <DockPanel Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}">
                                <Border DockPanel.Dock="Top" Padding="5" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}" BorderThickness="0 2 0 0" BorderBrush="{StaticResource FSE_PrimaryAccentBrush}">
                                    <TextBlock FontWeight="SemiBold">PROJECT EXPLORER</TextBlock>
                                </Border>
                                <ScrollViewer Padding="10" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                    <StackPanel>
                                        <DockPanel>
                                            <Image Source="../Images/project_small.png" Width="20" RenderOptions.BitmapScalingMode="Fant" />
                                            <material:PackIcon DockPanel.Dock="Right" Kind="Eye" VerticalAlignment="Center" Visibility="{Binding PublishedProcedureProject,Converter={StaticResource IsNullToVisibilityConverter}}">
                                                <material:PackIcon.Style>
                                                    <Style TargetType="material:PackIcon">
                                                        <Setter Property="Foreground" Value="{StaticResource FSE_GrayBrush}"></Setter>
                                                        <Setter Property="ToolTip" Value="Suppressed"></Setter>
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding PublishedProcedureProject.IsVisible}" Value="True">
                                                                <Setter Property="Foreground" Value="{StaticResource FSE_GreenBrush}"></Setter>
                                                                <Setter Property="ToolTip" Value="Published"></Setter>
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </material:PackIcon.Style>
                                            </material:PackIcon>
                                            <TextBlock Margin="5 0 0 0" Text="{Binding Project.Name}" VerticalAlignment="Center"></TextBlock>
                                        </DockPanel>

                                        <DockPanel Margin="5 10 0 0">
                                            <controls:ToggleIconButton Width="20" Height="20" x:Name="chkReference" UncheckedIcon="ChevronRight" CheckedIcon="ChevronDown" Cursor="Hand" IsChecked="True" />
                                            <controls:IconButton VerticalAlignment="Center" DockPanel.Dock="Right" Icon="Add" Foreground="{StaticResource FSE_GreenBrush}" Command="{Binding AddReferenceAssemblyCommand}" ToolTip="Add Reference" />
                                            <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" Text="Reference Assemblies"/>
                                        </DockPanel>

                                        <ListBox Margin="25 5 0 0" ItemsSource="{Binding Project.ReferenceAssemblies}" Visibility="{Binding ElementName=chkReference,Path=IsChecked,Converter={StaticResource BooleanToVisibilityConverter}}">
                                            <ListBox.ItemContainerStyle>
                                                <Style TargetType="ListBoxItem" BasedOn="{StaticResource {x:Type ListBoxItem}}">
                                                    <Setter Property="ContextMenu">
                                                        <Setter.Value>
                                                            <ContextMenu>
                                                                <MenuItem MinWidth="180" Header="Remove" Command="{Binding Source={StaticResource proxy},Path=Data.RemoveReferenceAssemblyCommand}" CommandParameter="{Binding}">
                                                                    <MenuItem.Icon>
                                                                        <material:PackIcon Kind="Delete" Foreground="{StaticResource FSE_RedBrush}" />
                                                                    </MenuItem.Icon>
                                                                </MenuItem>
                                                            </ContextMenu>
                                                        </Setter.Value>
                                                    </Setter>
                                                </Style>
                                            </ListBox.ItemContainerStyle>
                                            <ListBox.ItemTemplate>
                                                <DataTemplate>
                                                    <DockPanel>
                                                        <material:PackIcon Kind="Library" />
                                                        <TextBlock Margin="5 0 0 0" Text="{Binding Name}"></TextBlock>
                                                    </DockPanel>
                                                </DataTemplate>
                                            </ListBox.ItemTemplate>
                                        </ListBox>

                                        <ListBox Margin="5 5 0 0" ItemsSource="{Binding Project.Scripts,Converter={StaticResource ObservableCollectionToViewSourceConverter},ConverterParameter='Name'}" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                                            <ListBox.ItemContainerStyle>
                                                <Style TargetType="ListBoxItem" BasedOn="{StaticResource {x:Type ListBoxItem}}">
                                                    <EventSetter Event="PreviewMouseDoubleClick" Handler="OnScriptItemDoubleClick"></EventSetter>

                                                    <Setter Property="ContextMenu">
                                                        <Setter.Value>
                                                            <ContextMenu>
                                                                <MenuItem MinWidth="180"  IsEnabled="{Binding IsEntryPoint,Converter={StaticResource BooleanInverseConverter}}" Header="Rename" Command="{Binding Source={StaticResource proxy},Path=Data.RenameLibraryCommand}" CommandParameter="{Binding}">
                                                                    <MenuItem.Icon>
                                                                        <material:PackIcon Kind="Rename" />
                                                                    </MenuItem.Icon>
                                                                </MenuItem>
                                                                <Separator/>
                                                                <MenuItem MinWidth="180"  IsEnabled="{Binding IsEntryPoint,Converter={StaticResource BooleanInverseConverter}}" Header="Delete" Command="{Binding Source={StaticResource proxy},Path=Data.DeleteLibraryCommand}" CommandParameter="{Binding}">
                                                                    <MenuItem.Icon>
                                                                        <material:PackIcon Kind="Delete" Foreground="{StaticResource FSE_RedBrush}" />
                                                                    </MenuItem.Icon>
                                                                </MenuItem>
                                                            </ContextMenu>
                                                        </Setter.Value>
                                                    </Setter>
                                                </Style>
                                            </ListBox.ItemContainerStyle>
                                            <ListBox.ItemTemplate>
                                                <DataTemplate>
                                                    <DockPanel>
                                                        <material:PackIcon Kind="Script" />
                                                        <TextBlock Margin="5 0 0 0" Text="{Binding Name}"></TextBlock>
                                                    </DockPanel>
                                                </DataTemplate>
                                            </ListBox.ItemTemplate>
                                        </ListBox>
                                    </StackPanel>
                                </ScrollViewer>
                            </DockPanel>
                        </Grid>
                    </Grid>
                </Grid>
            </DockPanel>
        </Grid>
    </Grid>
</UserControl>