Profile editor - Implemented timeline segments

Profile editor - Added snapping to multiple elements of the timeline

src/Artemis.UI/Screens/Module/ProfileEditor/DisplayConditions/DisplayConditionsView.xaml

@@ -1,4 +1,4 @@
-<UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions.DisplayConditionsView"
+<UserControl
              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"
@@ -6,8 +6,13 @@
              xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions"
              xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
              xmlns:s="https://github.com/canton7/Stylet"
+             xmlns:Converters="clr-namespace:Artemis.UI.Converters" x:Class="Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions.DisplayConditionsView"
              mc:Ignorable="d"
-             d:DesignHeight="450" d:DesignWidth="800">
+             d:DesignHeight="450" d:DesignWidth="800"
+             d:DataContext="{d:DesignInstance {x:Type local:DisplayConditionsViewModel}}">
+    <UserControl.Resources>
+        <Converters:InverseBooleanConverter x:Key="InverseBooleanConverter"/>
+    </UserControl.Resources>
     <Grid>
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="Auto" />
@@ -19,9 +24,7 @@
             <RowDefinition Height="*" />
             <RowDefinition Height="Auto" />
         </Grid.RowDefinitions>
-        <TextBlock Grid.ColumnSpan="2" Style="{StaticResource MaterialDesignSubtitle1TextBlock}" Margin="10 5 0 -4">
-            Display conditions
-        </TextBlock>
+        <TextBlock Grid.ColumnSpan="2" Style="{StaticResource MaterialDesignSubtitle1TextBlock}" Margin="10 5 0 -4"><Run Text="Display conditions"/></TextBlock>
         <Separator Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Style="{StaticResource MaterialDesignDarkSeparator}" Margin="8 0" />
 
         <Grid Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2">
@@ -31,38 +34,36 @@
         </Grid>
 
         <StackPanel Grid.Row="3" Grid.Column="0" Margin="13" Orientation="Horizontal" VerticalAlignment="Bottom" ToolTip="When conditions are met, only go through the entire timeline once.">
-            <CheckBox Style="{StaticResource MaterialDesignCheckBox}">
-                Play once
-            </CheckBox>
+            <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Content="Play once" IsChecked="{Binding RenderProfileElement.RepeatMainSegment, Converter={StaticResource InverseBooleanConverter}, Mode=OneWay}"/>
         </StackPanel>
 
         <StackPanel Grid.Row="3" Grid.Column="1" Margin="10" HorizontalAlignment="Right">
-            <TextBlock>When conditions no longer met</TextBlock>
+            <TextBlock><Run Text="When conditions no longer met"/></TextBlock>
             <ListBox Style="{StaticResource MaterialDesignToolToggleListBox}" SelectedIndex="{Binding CurrentTimelineIndex}" Height="20" Margin="0 5 0 0">
                 <ListBoxItem Padding="10 0">
                     <ListBoxItem.ToolTip>
                         <ToolTip Placement="Top" VerticalOffset="-5">
                             <StackPanel>
-                                <TextBlock>When conditions are no longer met, finish the timelines and then stop displaying.</TextBlock>
+                                <TextBlock><Run Text="When conditions are no longer met, finish the timelines and then stop displaying."/></TextBlock>
                             </StackPanel>
                         </ToolTip>
                     </ListBoxItem.ToolTip>
                     <StackPanel Orientation="Horizontal">
                         <materialDesign:PackIcon Kind="PlayArrow" Width="20" Height="20" Margin="0 -4" />
-                        <TextBlock Margin="5 0 0 0" FontSize="11">WAIT FOR FINISH</TextBlock>
+                        <TextBlock Margin="5 0 0 0" FontSize="11"><Run Text="WAIT FOR FINISH"/></TextBlock>
                     </StackPanel>
                 </ListBoxItem>
                 <ListBoxItem Padding="10 0">
                     <ListBoxItem.ToolTip>
                         <ToolTip Placement="Top" VerticalOffset="-5">
                             <StackPanel>
-                                <TextBlock>When conditions are no longer met, stop displaying immediately.</TextBlock>
+                                <TextBlock><Run Text="When conditions are no longer met, stop displaying immediately."/></TextBlock>
                             </StackPanel>
                         </ToolTip>
                     </ListBoxItem.ToolTip>
                     <StackPanel Orientation="Horizontal">
                         <materialDesign:PackIcon Kind="SkipNext" Width="20" Height="20" Margin="0 -4" />
-                        <TextBlock Margin="5 0 0 0" FontSize="11">SKIP</TextBlock>
+                        <TextBlock Margin="5 0 0 0" FontSize="11"><Run Text="SKIP"/></TextBlock>
                     </StackPanel>
                 </ListBoxItem>
             </ListBox>