Artemis/src/Artemis.UI/Screens/ProfileEditor/DisplayConditions/Static/StaticConditionView.xaml

<UserControl x:Class="Artemis.UI.Screens.ProfileEditor.DisplayConditions.Static.StaticConditionView"
             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:local="clr-namespace:Artemis.UI.Screens.ProfileEditor.DisplayConditions.Static"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:controls="clr-namespace:Artemis.VisualScripting.Editor.Controls;assembly=Artemis.VisualScripting"
             xmlns:s="https://github.com/canton7/Stylet"
             xmlns:converters="clr-namespace:Artemis.UI.Converters"
             xmlns:shared="clr-namespace:Artemis.UI.Shared;assembly=Artemis.UI.Shared"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800"
             d:DataContext="{d:DesignInstance {x:Type local:StaticConditionViewModel}}">
    <UserControl.Resources>
        <converters:InverseBooleanConverter x:Key="InverseBooleanConverter" />
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Grid Grid.Row="0" MouseUp="{s:Action ScriptGridMouseUp}" Cursor="Hand">
            <controls:VisualScriptPresenter Script="{Binding StaticCondition.Script}" AutoFitScript="True"/>
            <Border Opacity="0">
                <Border.Background>
                    <SolidColorBrush Color="{Binding Color, Source={StaticResource MaterialDesignCardBackground}}" Opacity="0.75" />
                </Border.Background>
                <Border.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Grid}, Mode=FindAncestor}}" Value="True">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:0.25" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.25" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Border.Style>
                <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock Style="{StaticResource MaterialDesignHeadline5TextBlock}" VerticalAlignment="Center">
                            Click to edit script
                        </TextBlock>
                        <materialDesign:PackIcon Kind="OpenInNew" Margin="10 " Width="30" Height="30" VerticalAlignment="Center" />
                    </StackPanel>
                    <TextBlock Style="{StaticResource MaterialDesignSubtitle1TextBlock}" TextWrapping="Wrap" TextAlignment="Center">
                        Scripts with nothing connected to their end-node are always true.
                    </TextBlock>
                </StackPanel>
            </Border>
        </Grid>
        <Grid Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="22" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" MinWidth="140" />
                <ColumnDefinition Width="*" MinWidth="170" />
            </Grid.ColumnDefinitions>

            <!-- Play mode -->
            <TextBlock Grid.Column="0" Text="Play mode" VerticalAlignment="Center">
                <TextBlock.ToolTip>
                    <ToolTip Placement="Center" VerticalOffset="-30">
                        <TextBlock>
                                Configure how the layer should act while the conditions above are met
                        </TextBlock>
                    </ToolTip>
                </TextBlock.ToolTip>
                </TextBlock>
            <materialDesign:ColorZone Grid.Row="1" Grid.Column="0" Mode="Standard" CornerRadius="3" Margin="0 0 2 0">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <RadioButton Grid.Column="0"
                                     Style="{StaticResource MaterialDesignTabRadioButton}"
                                     IsChecked="{Binding DisplayContinuously}"
                                     MinWidth="0"
                                     Padding="5 0">
                        <RadioButton.ToolTip>
                            <ToolTip Placement="Center" VerticalOffset="-40">
                                <TextBlock>
                                        Continue repeating the main segment of the timeline while the condition is met
                                </TextBlock>
                            </ToolTip>
                        </RadioButton.ToolTip>
                        <TextBlock VerticalAlignment="Center" FontSize="12">
                                <materialDesign:PackIcon Kind="Repeat" VerticalAlignment="Center" Margin="-3 0 0 -3" />
                                REPEAT
                        </TextBlock>
                    </RadioButton>
                    <RadioButton Grid.Column="1"
                                     Style="{StaticResource MaterialDesignTabRadioButton}"
                                     IsChecked="{Binding DisplayContinuously, Converter={StaticResource InverseBooleanConverter}}"
                                     MinWidth="0"
                                     Padding="5 0">
                        <RadioButton.ToolTip>
                            <ToolTip Placement="Center" VerticalOffset="-40">
                                <TextBlock>
                                        Only play the timeline once when the condition is met
                                </TextBlock>
                            </ToolTip>
                        </RadioButton.ToolTip>
                        <TextBlock VerticalAlignment="Center" FontSize="12">
                                <materialDesign:PackIcon Kind="StopwatchOutline" VerticalAlignment="Center" Margin="-3 0 0 -3" />
                                ONCE
                        </TextBlock>
                    </RadioButton>
                </Grid>
            </materialDesign:ColorZone>

            <!-- Stop mode -->
            <TextBlock Grid.Row="0" Grid.Column="1" Text="Stop mode">
                <TextBlock.ToolTip>
                    <ToolTip Placement="Center" VerticalOffset="-30">
                        <TextBlock>
                                Configure how the layer should act when the conditions above are no longer met
                        </TextBlock>
                    </ToolTip>
                </TextBlock.ToolTip>
                </TextBlock>
            <materialDesign:ColorZone Grid.Row="1" Grid.Column="1" Mode="Standard" CornerRadius="3" Margin="2 0 0 0" HorizontalAlignment="Stretch">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition MinWidth="100" />
                    </Grid.ColumnDefinitions>
                    <RadioButton Grid.Column="0"
                                     Style="{StaticResource MaterialDesignTabRadioButton}"
                                     IsChecked="{Binding AlwaysFinishTimeline}"
                                     MinWidth="0"
                                     Padding="5 0">
                        <RadioButton.ToolTip>
                            <ToolTip Placement="Center" VerticalOffset="-40">
                                <TextBlock>
                                        When conditions are no longer met, finish the the current run of the main timeline
                                </TextBlock>
                            </ToolTip>
                        </RadioButton.ToolTip>
                        <TextBlock VerticalAlignment="Center" FontSize="12">
                                <materialDesign:PackIcon Kind="PlayOutline" VerticalAlignment="Center" Margin="-3 0 0 -3" />
                                FINISH
                        </TextBlock>
                    </RadioButton>
                    <RadioButton Grid.Column="1"
                                     Style="{StaticResource MaterialDesignTabRadioButton}"
                                     IsChecked="{Binding AlwaysFinishTimeline, Converter={StaticResource InverseBooleanConverter}}"
                                     MinWidth="0"
                                     Padding="5 0">
                        <RadioButton.ToolTip>
                            <ToolTip Placement="Center" VerticalOffset="-40">
                                <TextBlock>
                                        When conditions are no longer met, skip to the end segment of the timeline
                                </TextBlock>
                            </ToolTip>
                        </RadioButton.ToolTip>
                        <TextBlock VerticalAlignment="Center" FontSize="12">
                                <materialDesign:PackIcon Kind="SkipNextOutline" VerticalAlignment="Center" Margin="-3 0 0 -3" />
                                SKIP TO END
                        </TextBlock>
                    </RadioButton>
                </Grid>
            </materialDesign:ColorZone>
        </Grid>
    </Grid>
</UserControl>