path: root/Software/Visual_Studio/FSE/Modules/Tango.FSE.Procedures/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:localControls="clr-namespace:Tango.FSE.Procedures.Controls"
             xmlns:material="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:enumerations="clr-namespace:Tango.BL.Enumerations;assembly=Tango.BL"
             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 Key="F7" Command="{Binding RunOnProceduresModuleCommand}" />
        <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}" />
        <KeyBinding Modifiers="Ctrl" Key="F" Command="{Binding ShowFindAndReplaceCommand}" />
        <KeyBinding Key="F3" Command="{Binding FindNextCommand}" />
        <KeyBinding Modifiers="Ctrl" Key="OemPlus" Command="{Binding IncreaseFontSizeCommand}" />
        <KeyBinding Modifiers="Ctrl" Key="OemMinus" Command="{Binding DecreaseFontSizeCommand}" />
        <KeyBinding Key="F1" Command="{Binding OpenHelpCommand}" />
    </UserControl.InputBindings>

    <Grid AllowDrop="True" PreviewDrop="OnFileDrop">
        <Grid>
            <DockPanel>
                <Menu IsMainMenu="True" DockPanel.Dock="Top" IsHitTestVisible="{Binding RuntimeErrorFree}">
                    <MenuItem Header="_File" IsEnabled="{Binding ProjectRunner.CanRun}">
                        <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" IsEnabled="{Binding ProjectRunner.CanRun}">
                        <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="_Find &amp; Replace" InputGestureText="Ctrl+F" Command="{Binding ShowFindAndReplaceCommand}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="FindReplace" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="_Format Code" InputGestureText="Ctrl+K+D" Command="{Binding FormatCodeCommand}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="FormatColumns" />
                            </MenuItem.Icon>
                        </MenuItem>
                        <Separator/>
                        <MenuItem>
                            <MenuItem.Icon>
                                <material:PackIcon Kind="FormatFont" />
                            </MenuItem.Icon>
                            <MenuItem.Header>
                                <DockPanel>
                                    <TextBlock VerticalAlignment="Center" Text="{Binding RelativeSource={RelativeSource AncestorType=Menu},Path=DataContext.FontSize}"/>
                                    <UniformGrid VerticalAlignment="Center" HorizontalAlignment="Right" Columns="2" Margin="70 0 0 0">
                                        <controls:IconButton Command="{Binding RelativeSource={RelativeSource AncestorType=Menu},Path=DataContext.DecreaseFontSizeCommand}" Cursor="Hand" ToolTip="Decrease Font Size (Ctrl-)" Width="24" Height="24" Icon="FormatFontSizeDecrease" Padding="0" />
                                        <controls:IconButton Command="{Binding RelativeSource={RelativeSource AncestorType=Menu},Path=DataContext.IncreaseFontSizeCommand}" Cursor="Hand" ToolTip="Increase Font Size (Ctrl+)" Margin="10 0 0 0" Width="24" Height="24" Icon="FormatFontSizeIncrease" Padding="0" />
                                    </UniformGrid>
                                </DockPanel>
                            </MenuItem.Header>
                        </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>
                        <Separator/>
                        <MenuItem Header="Run On Procedures" ToolTip="Run this project using the standard procedures module" Command="{Binding RunOnProceduresModuleCommand}" InputGestureText="F7" Visibility="{Binding ProjectRunner.CanRun,Converter={StaticResource BooleanToVisibilityConverter}}">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="PlayBox" Foreground="{StaticResource FSE_PrimaryAccentBrush}" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                    <MenuItem Header="_Wizard" ItemsSource="{Binding CreateGroups}" IsEnabled="{Binding ProjectRunner.CanRun}">
                        <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" IsEnabled="{Binding ProjectRunner.CanRun}">
                        <MenuItem Header="_Publish Project" InputGestureText="Ctrl+P" Command="{Binding TogglePublishPanelCommand}" MinWidth="250">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="Publish" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                    <MenuItem Header="Help">
                        <MenuItem Header="API Documentation" InputGestureText="F1" Command="{Binding OpenHelpCommand}" MinWidth="250">
                            <MenuItem.Icon>
                                <material:PackIcon Kind="HelpCircleOutline" />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                </Menu>

                <Grid DockPanel.Dock="Top" IsHitTestVisible="{Binding RuntimeErrorFree}">
                    <!--Toolbar-->
                    <ToolBar ClipToBounds="False" Background="Transparent" HorizontalAlignment="Center" ToolBarTray.IsLocked="True">
                        <Button ToolTip="Save" Command="{Binding SaveProjectCommand}" IsEnabled="{Binding ProjectRunner.CanRun}">
                            <material:PackIcon Kind="ContentSave"  />
                        </Button>
                        <Separator />
                        <Button Command="Undo" ToolTip="Undo" ToolBar.OverflowMode="AsNeeded" IsEnabled="{Binding ProjectRunner.CanRun}">
                            <material:PackIcon Kind="Undo" />
                        </Button>
                        <Button Command="Redo" ToolTip="Redo" ToolBar.OverflowMode="AsNeeded" IsEnabled="{Binding ProjectRunner.CanRun}">
                            <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" IsEnabled="{Binding ProjectRunner.CanRun}">
                            <material:PackIcon Kind="ContentPaste" />
                        </Button>
                        <Separator/>
                        <Button Width="125" ToolTip="Continue (F5)" ToolBar.OverflowMode="AsNeeded" Command="{Binding ContinueProjectCommand}" Visibility="{Binding IsBreakPoint,Converter={StaticResource BooleanToVisibilityConverter}}">
                            <DockPanel>
                                <material:PackIcon Kind="Play" Foreground="{StaticResource FSE_GreenBrush}" />
                                <TextBlock Margin="10 2 0 0" VerticalAlignment="Center">Continue</TextBlock>
                            </DockPanel>
                        </Button>
                        <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}" IsHitTestVisible="{Binding RuntimeErrorFree}">
                    <!--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 IsHitTestVisible="{Binding RuntimeErrorFree}" 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}">Visibility</TextBlock>
                                                <controls:FSERoundedCornersComboBox Background="{StaticResource FSE_PrimaryBackgroundBrush}" Height="29" Padding="5 0 0 0" Margin="0 2 0 0" ItemsSource="{Binding Source={x:Type enumerations:PublishedProcedureProjectVisibilities},Converter={StaticResource EnumToItemsSourceConverter}}" SelectedValue="{Binding Project.Visibility,Mode=TwoWay}" SelectedValuePath="Value" DisplayMemberPath="DisplayName"></controls:FSERoundedCornersComboBox>

                                                <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" IsHitTestVisible="{Binding RuntimeErrorFree}">
                            <!--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>

                                <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 
                                            IsReadOnly="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.IsReadOnly}"
                                            ScriptSource="{Binding}"
                                            ReferenceAssemblies="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.LoadedAssemblies}" 
                                            AdditionalScripts="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.Project.AdditionalScripts}"
                                            FontSize="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.FontSize}"
                                            Code="{Binding Code,Mode=TwoWay}"
                                            BreakPointSymbolPressed="ScriptEditor_BreakPointSymbolPressed">

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

                                    <Grid Visibility="{Binding DisplayFindAndReplace,Converter={StaticResource BooleanToVisibilityConverter}}" HorizontalAlignment="Right" VerticalAlignment="Top" MinWidth="400" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}">
                                        <Border BorderBrush="{StaticResource FSE_BorderBrush}" BorderThickness="1 1 1 0">
                                            <Border BorderThickness="0 0 0 2" Margin="-1 0 -1 0" BorderBrush="{StaticResource FSE_PrimaryAccentBrush}" Padding="5 5 5 10">
                                                <StackPanel>
                                                    <DockPanel VerticalAlignment="Top">
                                                        <controls:ToggleIconButton x:Name="toggleReplace" Cursor="Hand" DockPanel.Dock="Left" Width="20" Height="20" CheckedIcon="ChevronUp" UncheckedIcon="ChevronDown" />
                                                        <controls:IconButton Cursor="Hand" Icon="Close" ToolTip="Close" Command="{Binding HideFindAndReplaceCommand}" DockPanel.Dock="Right" Width="24" Height="24" Padding="2"  />
                                                        <controls:IconButton Cursor="Hand" Margin="5 0 0 0" Icon="ArrowRight" ToolTip="Find Next" Command="{Binding FindNextCommand}" DockPanel.Dock="Right" Width="24" Height="24" Padding="2"  />
                                                        <TextBox FontSize="{StaticResource FSE_SmallFontSize}" Margin="5 0 0 0" Style="{StaticResource FSE_Rounded_Corners_TextBox}" Text="{Binding FindText,UpdateSourceTrigger=PropertyChanged}">
                                                            <TextBox.InputBindings>
                                                                <KeyBinding Key="Return" Command="{Binding FindNextCommand}" />
                                                                <KeyBinding Key="F3" Command="{Binding FindNextCommand}" />
                                                                <KeyBinding Key="Esc" Command="{Binding HideFindAndReplaceCommand}" />
                                                            </TextBox.InputBindings>
                                                        </TextBox>
                                                    </DockPanel>

                                                    <DockPanel Margin="21 10 0 0" VerticalAlignment="Top" Visibility="{Binding ElementName=toggleReplace,Path=IsChecked,Converter={StaticResource BooleanToVisibilityConverter}}">
                                                        <controls:IconButton Cursor="Hand" Icon="FileReplace" ToolTip="Replace All" Command="{Binding ReplaceAllCommand}" DockPanel.Dock="Right" Width="24" Height="24" Padding="2"  />
                                                        <controls:IconButton Cursor="Hand" Margin="5 0 0 0" Icon="FindReplace" ToolTip="Replace" Command="{Binding ReplaceCommand}" DockPanel.Dock="Right" Width="24" Height="24" Padding="2"  />
                                                        <TextBox FontSize="{StaticResource FSE_SmallFontSize}" Margin="5 0 0 0" Style="{StaticResource FSE_Rounded_Corners_TextBox}" Text="{Binding ReplaceText,UpdateSourceTrigger=PropertyChanged}"/>
                                                    </DockPanel>
                                                </StackPanel>
                                            </Border>
                                        </Border>
                                    </Grid>

                                </Grid>
                            </DockPanel>
                        </Grid>

                        <GridSplitter IsHitTestVisible="{Binding RuntimeErrorFree}" Grid.Row="1" Height="5" HorizontalAlignment="Stretch" VerticalAlignment="Center" />

                        <Grid Grid.Row="2" IsHitTestVisible="{Binding RuntimeErrorFree}">
                            <!--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>
                                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                                                <ToggleButton x:Name="chkWrap" IsChecked="True" VerticalAlignment="Center" Style="{StaticResource MaterialDesignFlatPrimaryToggleButton}" Cursor="Hand" Foreground="{StaticResource FSE_GrayBrush}" ToolTip="Line Wrap" FocusVisualStyle="{x:Null}" Width="22" Height="22">
                                                    <material:PackIcon Kind="Wrap" />
                                                </ToggleButton>
                                                <controls:IconButton Margin="5 0 0 0" Command="{Binding ClearOutputCommand}" Height="32" Cursor="Hand" ToolTip="Clear" Width="32" Icon="DeleteEmpty" Foreground="{StaticResource FSE_GrayBrush}" VerticalAlignment="Center" />
                                            </StackPanel>

                                            <Rectangle VerticalAlignment="Bottom" Stroke="Black" StrokeThickness="2" />
                                        </Grid>
                                        <TextBox VerticalScrollBarVisibility="Auto" Padding="5" 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">
                                            <TextBox.Style>
                                                <Style TargetType="TextBox">
                                                    <Setter Property="TextWrapping" Value="Wrap"></Setter>
                                                    <Setter Property="HorizontalScrollBarVisibility" Value="Disabled"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding ElementName=chkWrap,Path=IsChecked}" Value="False">
                                                            <Setter Property="TextWrapping" Value="NoWrap"></Setter>
                                                            <Setter Property="HorizontalScrollBarVisibility" Value="Auto"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </TextBox.Style>
                                        </TextBox>
                                    </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="290" Y2="151" />
                                                                <DockPanel Margin="15 15 50 15">
                                                                    <material:PackIcon  Kind="Key" VerticalAlignment="Top" Margin="0 18 0 0" />
                                                                    <controls:IconButton Cursor="Hand" 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="80">
                                                                        <TextBlock Margin="2 0 0 2" FontSize="{StaticResource FSE_SmallerFontSize}">Type</TextBlock>
                                                                        <controls:FSERoundedCornersComboBox Height="25" Margin="0 0 0 0" FontSize="{StaticResource FSE_SmallFontSize}" ItemsSource="{Binding Source={x:Type global:ProcedureInputType},Converter={StaticResource EnumToItemsSourceConverter}}" SelectedValue="{Binding Type,Mode=TwoWay}" SelectedValuePath="Value" DisplayMemberPath="DisplayName"></controls:FSERoundedCornersComboBox>
                                                                    </StackPanel>
                                                                    <StackPanel Margin="10 0 0 0" Width="330">
                                                                        <ContentControl Content="{Binding}" Margin="0 0 0 0">
                                                                            <ContentControl.Style>
                                                                                <Style TargetType="ContentControl">
                                                                                    <Setter Property="ContentTemplate">
                                                                                        <Setter.Value>
                                                                                            <DataTemplate>
                                                                                                <StackPanel>
                                                                                                    <TextBlock Margin="2 0 0 2" FontSize="{StaticResource FSE_SmallerFontSize}">Value</TextBlock>
                                                                                                    <TextBox Style="{StaticResource FSE_Rounded_Corners_TextBox}" Text="{Binding Value}"></TextBox>
                                                                                                </StackPanel>
                                                                                            </DataTemplate>
                                                                                        </Setter.Value>
                                                                                    </Setter>
                                                                                    <Style.Triggers>
                                                                                        <DataTrigger Binding="{Binding Type}" Value="Selection">
                                                                                            <Setter Property="ContentTemplate">
                                                                                                <Setter.Value>
                                                                                                    <DataTemplate>
                                                                                                        <StackPanel>
                                                                                                            <TextBlock Margin="2 0 0 2" FontSize="{StaticResource FSE_SmallerFontSize}">Value</TextBlock>
                                                                                                            <DockPanel>
                                                                                                                <Button VerticalAlignment="Bottom" Margin="10 0 0 -5" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.ConfigureInputSelectionCommand}" CommandParameter="{Binding}" Foreground="{StaticResource FSE_GrayBrush}" Height="25" Padding="0" FontSize="{StaticResource FSE_SmallFontSize}" Style="{StaticResource FSE_FlatButton_ForegroundAccentHover}" Cursor="Hand" DockPanel.Dock="Right">
                                                                                                                    <TextBlock TextDecorations="Underline">Configure Selection...</TextBlock>
                                                                                                                </Button>
                                                                                                                <controls:FSERoundedCornersComboBox Height="25" FontSize="{StaticResource FSE_SmallFontSize}" ItemsSource="{Binding SelectionInputs}" SelectedValue="{Binding Value}" SelectedValuePath="Value" DisplayMemberPath="Name"/>
                                                                                                            </DockPanel>
                                                                                                        </StackPanel>
                                                                                                    </DataTemplate>
                                                                                                </Setter.Value>
                                                                                            </Setter>
                                                                                        </DataTrigger>
                                                                                        <DataTrigger Binding="{Binding Type}" Value="Boolean">
                                                                                            <Setter Property="ContentTemplate">
                                                                                                <Setter.Value>
                                                                                                    <DataTemplate>
                                                                                                        <StackPanel Margin="0 0 0 7">
                                                                                                            <TextBlock Margin="2 0 0 2" FontSize="{StaticResource FSE_SmallerFontSize}">Value</TextBlock>
                                                                                                            <DockPanel>
                                                                                                                <ToggleButton x:Name="chkInput" Cursor="Hand" IsChecked="{Binding Value}" FocusVisualStyle="{x:Null}" HorizontalAlignment="Left" />
                                                                                                                <Rectangle VerticalAlignment="Center" Margin="10 0 0 0">
                                                                                                                    <Rectangle.Style>
                                                                                                                        <Style TargetType="Rectangle">
                                                                                                                            <Setter Property="Stroke" Value="{StaticResource FSE_BorderBrush}">
                                                                                                                            </Setter>
                                                                                                                            <Style.Triggers>
                                                                                                                                <DataTrigger Binding="{Binding ElementName=chkInput,Path=IsChecked}" Value="True">
                                                                                                                                    <Setter Property="Stroke" Value="{StaticResource FSE_PrimaryAccentBrush}"></Setter>
                                                                                                                                </DataTrigger>
                                                                                                                            </Style.Triggers>
                                                                                                                        </Style>
                                                                                                                    </Rectangle.Style>
                                                                                                                </Rectangle>
                                                                                                            </DockPanel>
                                                                                                        </StackPanel>
                                                                                                    </DataTemplate>
                                                                                                </Setter.Value>
                                                                                            </Setter>
                                                                                        </DataTrigger>
                                                                                    </Style.Triggers>
                                                                                </Style>
                                                                            </ContentControl.Style>
                                                                        </ContentControl>

                                                                        <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>VARIABLES</Run>
                                            <Run>(</Run><Run Text="{Binding Project.Variables.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}">Variables</TextBlock>
                                            <Rectangle VerticalAlignment="Bottom" Stroke="Black" StrokeThickness="2" />
                                        </Grid>
                                        <DataGrid 
                                            Style="{StaticResource FSE_DataGrid}"
                                            CellStyle="{StaticResource FSE_DataGrid_Cell}"
                                            ItemsSource="{Binding Project.Variables}"
                                            CanUserAddRows="True"
                                            CanUserDeleteRows="True"
                                            CanUserReorderColumns="False"
                                            CanUserResizeColumns="True"
                                            CanUserResizeRows="False"
                                            CanUserSortColumns="False"
                                            IsReadOnly="False"
                                            AutoGenerateColumns="False">
                                            <DataGrid.Columns>
                                                <DataGridTextColumn Header="NAME" Binding="{Binding Name}" Width="150" />
                                                <DataGridTextColumn Header="VALUE" Binding="{Binding Value}" Width="1*" />
                                            </DataGrid.Columns>
                                        </DataGrid>
                                    </DockPanel>
                                </TabItem>
                                <TabItem>
                                    <TabItem.Header>
                                        <TextBlock>
                                            <Run>RESULTS</Run>
                                            <Run>(</Run><Run Text="{Binding ResultsViewVM.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>
                                        <ScrollViewer ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Auto">
                                            <local:ResultsView HorizontalAlignment="Left" DataContext="{Binding ResultsViewVM}" />
                                        </ScrollViewer>
                                    </DockPanel>
                                </TabItem>
                            </TabControl>
                        </Grid>

                        <Canvas Grid.Column="1" Grid.RowSpan="4" Background="Transparent" Margin="95 35 0 0" x:Name="runTimeErrorCanvas" IsHitTestVisible="True" Visibility="Hidden">
                            <DockPanel x:Name="runTimeErrorDock" Canvas.Top="200" Canvas.Left="0">
                                <Grid x:Name="runTimeErrorLineGrid" DockPanel.Dock="Bottom" Width="50" Height="50" HorizontalAlignment="Left">
                                    <Line RenderTransformOrigin="0.5,0.5" x:Name="runTimeErrorLine" X1="0" Y1="50" X2="50" Y2="0" Stroke="{StaticResource FSE_ErrorBrush}">
                                        <Line.RenderTransform>
                                            <RotateTransform Angle="0" x:Name="runTimeErrorLineTransform" />
                                        </Line.RenderTransform>
                                    </Line>
                                </Grid>
                                <Border Margin="50 0 0 0" Width="500" Height="250" BorderBrush="{StaticResource FSE_BorderBrush}" BorderThickness="1" Background="{StaticResource FSE_PrimaryBackgroundMidBrush}">
                                    <DockPanel>
                                        <DockPanel DockPanel.Dock="Top" Height="25" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}">
                                            <controls:IconButton Width="20" Height="20" Cursor="Hand" ToolTip="Close" Padding="0" Icon="Close" DockPanel.Dock="Right" Margin="0 0 5 0" Command="{Binding CloseRuntimeErrorCommand}" />
                                            <material:PackIcon Margin="5 0 0 0" Kind="AlertOctagon" VerticalAlignment="Center" />
                                            <TextBlock Margin="5 2 0 0" VerticalAlignment="Center" FontSize="{StaticResource FSE_SmallFontSize}">Runtime Error</TextBlock>
                                        </DockPanel>
                                        <Grid>
                                            <DockPanel>
                                                <TextBlock Margin="10" DockPanel.Dock="Top" Text="{Binding RuntimeException.Message,Mode=OneWay}" TextWrapping="Wrap" FontSize="{StaticResource FSE_SmallFontSize}" Foreground="{StaticResource FSE_ErrorBrush}"></TextBlock>
                                                <TextBox Style="{x:Null}" Margin="5 10 10 10" 
                                                         HorizontalScrollBarVisibility="Hidden"
                                                         VerticalScrollBarVisibility="Auto"
                                                         AcceptsReturn="True"
                                                         TextWrapping="NoWrap" 
                                                         BorderThickness="0"
                                                         Padding="5"
                                                         BorderBrush="{StaticResource FSE_BorderBrush}"
                                                         Background="Transparent"
                                                         Foreground="{StaticResource FSE_GrayBrush}"
                                                         CaretBrush="{StaticResource FSE_PrimaryForegroundBrush}"
                                                         FontSize="{StaticResource FSE_SmallFontSize}" Text="{Binding RuntimeException,Mode=OneWay}"
                                                         IsReadOnly="True">

                                                </TextBox>
                                            </DockPanel>
                                        </Grid>
                                    </DockPanel>
                                </Border>
                            </DockPanel>
                        </Canvas>

                        <Canvas Grid.Column="1" Grid.RowSpan="4" Background="Transparent" Margin="95 35 0 0" x:Name="runTimeBreakPointCanvas" IsHitTestVisible="True" Visibility="Hidden" MouseUp="RunTimeBreakPointCanvas_MouseUp">
                            <DockPanel x:Name="runTimeBreakPointDock" Canvas.Top="200" Canvas.Left="0">
                                <Border BorderBrush="{StaticResource FSE_BorderBrush}" MaxHeight="300" MaxWidth="700" BorderThickness="1" Background="{StaticResource FSE_PrimaryBackgroundMidBrush}" Padding="2" TextElement.FontSize="{StaticResource FSE_SmallFontSize}">
                                    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                        <TreeView Style="{StaticResource FSE_Debug_TreeViewStyle}" x:Name="runTimeBreakPointTreeView">
                                            <TreeView.Resources>
                                                <HierarchicalDataTemplate ItemsSource="{Binding Nodes}" DataType="{x:Type global:DebugNode}">
                                                    <ContentControl Content="{Binding}" ContentTemplate="{StaticResource TreeViewDataTemplate}" />
                                                </HierarchicalDataTemplate>
                                            </TreeView.Resources>
                                            <TreeViewItem ItemsSource="{Binding Nodes}">
                                                <TreeViewItem.Header>
                                                    <ContentControl Content="{Binding}" ContentTemplate="{StaticResource TreeViewDataTemplate}" />
                                                </TreeViewItem.Header>
                                            </TreeViewItem>
                                        </TreeView>
                                    </ScrollViewer>
                                </Border>
                            </DockPanel>
                        </Canvas>
                    </Grid>

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

                    <Grid Grid.Column="3" IsHitTestVisible="{Binding RuntimeErrorFree}">
                        <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" IsEnabled="{Binding ProjectRunner.CanRun}">
                                            <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 IsHitTestVisible="{Binding ProjectRunner.CanRun}" 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>

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

                                        <ListBox IsHitTestVisible="{Binding ProjectRunner.CanRun}" Margin="25 5 0 0" ItemsSource="{Binding Project.Resources}" Visibility="{Binding ElementName=chkResources,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="Open" Command="{Binding Source={StaticResource proxy},Path=Data.OpenResourceCommand}" CommandParameter="{Binding}">
                                                                    <MenuItem.Icon>
                                                                        <material:PackIcon Kind="OpenInApp" />
                                                                    </MenuItem.Icon>
                                                                </MenuItem>
                                                                <MenuItem MinWidth="180" Header="Rename" Command="{Binding Source={StaticResource proxy},Path=Data.RenameResourceCommand}" CommandParameter="{Binding}">
                                                                    <MenuItem.Icon>
                                                                        <material:PackIcon Kind="Rename" />
                                                                    </MenuItem.Icon>
                                                                </MenuItem>
                                                                <MenuItem MinWidth="180" Header="Export To File" Command="{Binding Source={StaticResource proxy},Path=Data.ExportResourceCommand}" CommandParameter="{Binding}">
                                                                    <MenuItem.Icon>
                                                                        <material:PackIcon Kind="Export" />
                                                                    </MenuItem.Icon>
                                                                </MenuItem>
                                                                <Separator/>
                                                                <MenuItem MinWidth="180" Header="Delete" Command="{Binding Source={StaticResource proxy},Path=Data.RemoveResourceCommand}" 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>
                                                        <Image RenderOptions.BitmapScalingMode="Fant" Source="{Binding Icon}" Stretch="Uniform" Width="16" Height="16" />
                                                        <TextBlock Margin="5 0 0 0" Text="{Binding Name}"></TextBlock>
                                                    </DockPanel>
                                                </DataTemplate>
                                            </ListBox.ItemTemplate>
                                        </ListBox>

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

                                        <ListBox IsHitTestVisible="{Binding ProjectRunner.CanRun}" Margin="25 5 0 0" ItemsSource="{Binding Project.Dialogs}" Visibility="{Binding ElementName=chkDialogs,Path=IsChecked,Converter={StaticResource BooleanToVisibilityConverter}}">
                                            <ListBox.ItemContainerStyle>
                                                <Style TargetType="ListBoxItem" BasedOn="{StaticResource {x:Type ListBoxItem}}">
                                                    <EventSetter Event="PreviewMouseDoubleClick" Handler="OnDialogItemDoubleClick"></EventSetter>
                                                    <Setter Property="ContextMenu">
                                                        <Setter.Value>
                                                            <ContextMenu>
                                                                <MenuItem MinWidth="180" Header="Edit" Command="{Binding Source={StaticResource proxy},Path=Data.EditDialogCommand}" CommandParameter="{Binding}">
                                                                    <MenuItem.Icon>
                                                                        <material:PackIcon Kind="Edit" />
                                                                    </MenuItem.Icon>
                                                                </MenuItem>
                                                                <MenuItem MinWidth="180" Header="Remove" Command="{Binding Source={StaticResource proxy},Path=Data.RemoveDialogCommand}" 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="GestureTapButton" />
                                                        <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 IsEnabled="{Binding Source={StaticResource proxy},Path=Data.ProjectRunner.CanRun}">
                                                                <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>