Profile editor - Improved scrubbing past layer timeline bounds

src/Artemis.UI/Screens/ProfileEditor/LayerProperties/LayerPropertiesView.xaml

@@ -127,8 +127,12 @@
                                         <TextBlock Text="Repeat segment"
                                                    Visibility="{Binding RepeatSegment, Converter={StaticResource BoolToVisibilityConverter}, Mode=OneWay}" />
                                     </StackPanel>
-                                    <TextBlock Visibility="{Binding Repeating, Converter={x:Static s:BoolToVisibilityConverter.InverseInstance}, Mode=OneWay}">Don't repeat the timeline</TextBlock>
-                                    <TextBlock>This setting only applies to the editor and <Run Text="does not" FontWeight="Bold" /> affect the repeat mode during profile use</TextBlock>
+                                    <TextBlock Visibility="{Binding Repeating, Converter={x:Static s:BoolToVisibilityConverter.InverseInstance}, Mode=OneWay}">
+                                        Don't repeat the timeline
+                                    </TextBlock>
+                                    <TextBlock TextWrapping="Wrap">
+                                        This setting only applies to the editor and <Run Text="does not" FontWeight="Bold" /> affect the repeat mode during normal profile playback
+                                    </TextBlock>
                                 </StackPanel>
                             </shared:LockableToggleButton.ToolTip>
                             <Grid>
@@ -223,6 +227,18 @@
                             <ContentControl Canvas.Left="{Binding MainTimelineSegmentViewModel.SegmentStartPosition}" s:View.Model="{Binding MainTimelineSegmentViewModel}" />
                             <ContentControl Canvas.Left="{Binding StartTimelineSegmentViewModel.SegmentStartPosition}" s:View.Model="{Binding StartTimelineSegmentViewModel}" />
 
+                            <!-- Timeline header body -->
+                            <controls:PropertyTimelineHeader Margin="0 18 0 0"
+                                                             Foreground="{DynamicResource MaterialDesignBody}"
+                                                             Background="{DynamicResource MaterialDesignCardBackground}"
+                                                             PixelsPerSecond="{Binding ProfileEditorService.PixelsPerSecond}"
+                                                             HorizontalOffset="{Binding ContentHorizontalOffset, ElementName=TimelineHeaderScrollViewer}"
+                                                             VisibleWidth="{Binding ActualWidth, ElementName=TimelineHeaderScrollViewer}"
+                                                             OffsetFirstValue="True"
+                                                             MouseLeftButtonUp="{s:Action TimelineJump}"
+                                                             Width="{Binding ActualWidth, ElementName=PropertyTimeLine}"
+                                                             Cursor="Hand"/>
+
                             <!-- Timeline caret -->
                             <Polygon Canvas.Left="{Binding TimeCaretPosition}"
                                      Cursor="SizeWE"
@@ -242,16 +258,6 @@
                                   Y2="{Binding ActualHeight, ElementName=ContainerGrid}"
                                   StrokeThickness="2"
                                   Stroke="{StaticResource SecondaryAccentBrush}" />
-
-
-                            <!-- Timeline header body -->
-                            <controls:PropertyTimelineHeader Margin="0 18 0 0"
-                                                             Fill="{DynamicResource MaterialDesignBody}"
-                                                             PixelsPerSecond="{Binding ProfileEditorService.PixelsPerSecond}"
-                                                             HorizontalOffset="{Binding ContentHorizontalOffset, ElementName=TimelineHeaderScrollViewer}"
-                                                             VisibleWidth="{Binding ActualWidth, ElementName=TimelineHeaderScrollViewer}"
-                                                             OffsetFirstValue="True"
-                                                             Width="{Binding ActualWidth, ElementName=PropertyTimeLine}" />
                         </Canvas>
                     </ScrollViewer>
 

src/Artemis.UI/Screens/ProfileEditor/LayerProperties/LayerPropertiesViewModel.cs

@@ -486,7 +486,7 @@ namespace Artemis.UI.Screens.ProfileEditor.LayerProperties
 
         public void GoToEnd()
         {
-            ProfileEditorService.CurrentTime = CalculateEndTime();
+            ProfileEditorService.CurrentTime = SelectedProfileElement.Timeline.EndSegmentEndPosition;
         }
 
         public void GoToPreviousFrame()
@@ -500,7 +500,7 @@ namespace Artemis.UI.Screens.ProfileEditor.LayerProperties
         {
             double frameTime = 1000.0 / SettingsService.GetSetting("Core.TargetFrameRate", 25).Value;
             double newTime = Math.Round((ProfileEditorService.CurrentTime.TotalMilliseconds + frameTime) / frameTime) * frameTime;
-            newTime = Math.Min(newTime, CalculateEndTime().TotalMilliseconds);
+            newTime = Math.Min(newTime, SelectedProfileElement.Timeline.EndSegmentEndPosition.TotalMilliseconds);
             ProfileEditorService.CurrentTime = TimeSpan.FromMilliseconds(newTime);
         }
 
@@ -524,18 +524,7 @@ namespace Artemis.UI.Screens.ProfileEditor.LayerProperties
                 Repeating = false;
             }
         }
-
-        private TimeSpan CalculateEndTime()
-        {
-            List<ITimelineKeyframeViewModel> keyframeViewModels = Items.SelectMany(g => g.GetAllKeyframeViewModels(false)).ToList();
-
-            // If there are no keyframes, don't stop at all
-            if (!keyframeViewModels.Any())
-                return TimeSpan.MaxValue;
-            // If there are keyframes, stop after the last keyframe + 10 sec
-            return keyframeViewModels.Max(k => k.Position).Add(TimeSpan.FromSeconds(10));
-        }
-
+        
         private TimeSpan GetCurrentSegmentStart()
         {
             TimeSpan current = ProfileEditorService.CurrentTime;
@@ -642,6 +631,24 @@ namespace Artemis.UI.Screens.ProfileEditor.LayerProperties
             }
         }
 
+        public void TimelineJump(object sender, MouseButtonEventArgs e)
+        {
+            // Get the parent grid, need that for our position
+            IInputElement parent = (IInputElement)VisualTreeHelper.GetParent((DependencyObject)sender);
+            double x = Math.Max(0, e.GetPosition(parent).X);
+            TimeSpan newTime = TimeSpan.FromSeconds(x / ProfileEditorService.PixelsPerSecond);
+
+            // Round the time to something that fits the current zoom level
+            if (ProfileEditorService.PixelsPerSecond < 200)
+                newTime = TimeSpan.FromMilliseconds(Math.Round(newTime.TotalMilliseconds / 5.0) * 5.0);
+            else if (ProfileEditorService.PixelsPerSecond < 500)
+                newTime = TimeSpan.FromMilliseconds(Math.Round(newTime.TotalMilliseconds / 2.0) * 2.0);
+            else
+                newTime = TimeSpan.FromMilliseconds(Math.Round(newTime.TotalMilliseconds));
+
+            ProfileEditorService.CurrentTime = newTime;
+        }
+
         #endregion
     }
 }

src/Artemis.UI/Screens/ProfileEditor/LayerProperties/Timeline/Controls/PropertyTimelineHeader.cs

@@ -8,7 +8,10 @@ namespace Artemis.UI.Screens.ProfileEditor.LayerProperties.Timeline.Controls
 {
     public class PropertyTimelineHeader : FrameworkElement
     {
-        public static readonly DependencyProperty FillProperty = DependencyProperty.Register(nameof(Fill), typeof(Brush), typeof(PropertyTimelineHeader),
+        public static readonly DependencyProperty ForegroundProperty = DependencyProperty.Register(nameof(Foreground), typeof(Brush), typeof(PropertyTimelineHeader),
+            new FrameworkPropertyMetadata(default(Brush), FrameworkPropertyMetadataOptions.AffectsRender));
+
+        public static readonly DependencyProperty BackgroundProperty = DependencyProperty.Register(nameof(Background), typeof(Brush), typeof(PropertyTimelineHeader),
             new FrameworkPropertyMetadata(default(Brush), FrameworkPropertyMetadataOptions.AffectsRender));
 
         public static readonly DependencyProperty FontFamilyProperty = DependencyProperty.Register(nameof(FontFamily), typeof(FontFamily), typeof(PropertyTimelineHeader),
@@ -30,10 +33,16 @@ namespace Artemis.UI.Screens.ProfileEditor.LayerProperties.Timeline.Controls
         private double _subd2;
         private double _subd3;
 
-        public Brush Fill
+        public Brush Foreground
         {
-            get => (Brush) GetValue(FillProperty);
-            set => SetValue(FillProperty, value);
+            get => (Brush) GetValue(ForegroundProperty);
+            set => SetValue(ForegroundProperty, value);
+        }
+
+        public Brush Background
+        {
+            get => (Brush) GetValue(BackgroundProperty);
+            set => SetValue(BackgroundProperty, value);
         }
 
         public FontFamily FontFamily
@@ -71,7 +80,10 @@ namespace Artemis.UI.Screens.ProfileEditor.LayerProperties.Timeline.Controls
             base.OnRender(drawingContext);
             UpdateTimeScale();
 
-            Pen linePen = new(Fill, 1);
+            if (Background != null)
+                drawingContext.DrawRectangle(Background, null, new Rect(0,0, ActualWidth, 30));
+
+            Pen linePen = new(Foreground, 1);
             double width = HorizontalOffset + VisibleWidth;
             int frameStart = 0;
 
@@ -127,7 +139,7 @@ namespace Artemis.UI.Screens.ProfileEditor.LayerProperties.Timeline.Controls
         private void RenderLabel(DrawingContext drawingContext, string text, double x)
         {
             Typeface typeFace = new(FontFamily, new FontStyle(), new FontWeight(), new FontStretch());
-            FormattedText formattedText = new(text, CultureInfo.CurrentUICulture, FlowDirection.LeftToRight, typeFace, 9, Fill, null, VisualTreeHelper.GetDpi(this).PixelsPerDip);
+            FormattedText formattedText = new(text, CultureInfo.CurrentUICulture, FlowDirection.LeftToRight, typeFace, 9, Foreground, null, VisualTreeHelper.GetDpi(this).PixelsPerDip);
             if (x == 0 && OffsetFirstValue)
                 drawingContext.DrawText(formattedText, new Point(2, 5));
             else