Only show video filenames not full path

Author: saddam213

OnnxStack.UI/App.xaml

@@ -37,6 +37,7 @@
         <converters:DiffuserVisibilityConverter x:Key="DiffuserVisibilityConverter" />
         <converters:PipelineVisibilityConverter x:Key="PipelineVisibilityConverter" />
         <converters:EnumDescriptionConverter x:Key="EnumDescriptionConverter" />
+        <converters:FullPathToFileNameConverter x:Key="FullPathToFileNameConverter" />
 
         <ObjectDataProvider x:Key="ListSortDirection" MethodName="GetValues" ObjectType="{x:Type system:Enum}">
             <ObjectDataProvider.MethodParameters>

OnnxStack.UI/Converters/FullPathToFileNameConverter.cs

@@ -0,0 +1,24 @@
+using System;
+using System.Globalization;
+using System.IO;
+using System.Windows.Data;
+
+namespace OnnxStack.UI.Converters
+{
+    [ValueConversion(typeof(string), typeof(string))]
+    public class FullPathToFileNameConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (value is not string fullPath)
+                return value;
+
+            return Path.GetFileName(fullPath);
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}

OnnxStack.UI/UserControls/VideoInputControl.xaml

@@ -23,10 +23,10 @@
 
             <StackPanel DockPanel.Dock="Bottom">
                 <UniformGrid  Columns="1" Height="30" Visibility="{Binding HasVideoResult, Converter={StaticResource BooleanToHiddenConverter}}">
-                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="0,3">
-                        <TextBlock Text="Video File:" Margin="5,0,0,0"  FontSize="10" Opacity=".6" VerticalAlignment="Center" FontStyle="Italic"/>
-                        <TextBlock Text="{Binding VideoResult.FileName}" Margin="5,0,0,0" VerticalAlignment="Center"/>
-                    </StackPanel>
+                    <DockPanel HorizontalAlignment="Left" Margin="0,3" MaxWidth="500">
+                        <TextBlock DockPanel.Dock="Left" Text="Video File:" Margin="5,0,0,0"  FontSize="10" Opacity=".6" VerticalAlignment="Center" FontStyle="Italic"/>
+                        <TextBlock Text="{Binding VideoResult.FileName, Converter={StaticResource FullPathToFileNameConverter}}" Margin="5,0,0,0" VerticalAlignment="Center" TextTrimming="CharacterEllipsis"/>
+                    </DockPanel>
                 </UniformGrid>
                 <DockPanel  Height="30" IsEnabled="{Binding IsGenerating, Converter={StaticResource InverseBoolConverter}}" >
                     <Button DockPanel.Dock="Right" Command="{Binding ClearVideoCommand}" Width="50" IsEnabled="{Binding HasVideoResult}">
@@ -68,9 +68,9 @@
             </StackPanel>
 
             <Grid>
-                <Image Source="{StaticResource PlaceholderImage}" Width="{Binding SchedulerOptions.Width}" Height="{Binding SchedulerOptions.Height}" />
-                <MediaElement x:Name="VideoMediaElement" Source="{Binding VideoResult.FileName}"  Width="{Binding SchedulerOptions.Width}" Height="{Binding SchedulerOptions.Height}" MinHeight="512" MinWidth="512" ClipToBounds="True" LoadedBehavior="Manual" Loaded="MediaElement_Loaded"  MediaEnded="MediaElement_MediaEnded" Volume="0" MouseLeftButtonDown="MediaElement_MouseDown" />
-                <Image Source="{Binding PreviewImage}" Width="{Binding SchedulerOptions.Width}" Height="{Binding SchedulerOptions.Height}" />
+                <Image Source="{StaticResource PlaceholderImage}" Width="{Binding SchedulerOptions.Width}" Height="{Binding SchedulerOptions.Height}" Visibility="{Binding IsPreviewVisible, Converter={StaticResource InverseBooleanToHiddenConverter}}"/>
+                <MediaElement x:Name="VideoMediaElement" Source="{Binding VideoResult.FileName}"  Width="{Binding SchedulerOptions.Width}" Height="{Binding SchedulerOptions.Height}" MinHeight="512" MinWidth="512" ClipToBounds="True" LoadedBehavior="Manual" Loaded="MediaElement_Loaded"  MediaEnded="MediaElement_MediaEnded" Volume="0" MouseLeftButtonDown="MediaElement_MouseDown" Visibility="{Binding IsPreviewVisible, Converter={StaticResource InverseBooleanToHiddenConverter}}" />
+                <Image Source="{Binding PreviewImage}" Width="{Binding SchedulerOptions.Width}" Height="{Binding SchedulerOptions.Height}" Stretch="Uniform" HorizontalAlignment="Center" />
             </Grid>
 
         </DockPanel>

OnnxStack.UI/UserControls/VideoInputControl.xaml.cs

@@ -64,7 +64,14 @@ public bool IsGenerating
             set { SetValue(IsGeneratingProperty, value); }
         }
         public static readonly DependencyProperty IsGeneratingProperty =
-            DependencyProperty.Register("IsGenerating", typeof(bool), typeof(VideoInputControl));
+            DependencyProperty.Register("IsGenerating", typeof(bool), typeof(VideoInputControl), new PropertyMetadata((s, e) =>
+            {
+                if (s is VideoInputControl control && e.NewValue is bool isGenerating)
+                {
+                    if (!isGenerating)
+                        control.IsPreviewVisible = false;
+                }
+            }));
 
         public bool HasVideoResult
         {
@@ -80,7 +87,20 @@ public BitmapImage PreviewImage
             set { SetValue(PreviewImageProperty, value); }
         }
         public static readonly DependencyProperty PreviewImageProperty =
-            DependencyProperty.Register("PreviewImage", typeof(BitmapImage), typeof(VideoInputControl));
+            DependencyProperty.Register("PreviewImage", typeof(BitmapImage), typeof(VideoInputControl), new PropertyMetadata((s, e) =>
+            {
+                if (s is VideoInputControl control && !control.IsPreviewVisible)
+                    control.IsPreviewVisible = true;
+            }));
+
+        private bool _isPreviewVisible;
+
+        public bool IsPreviewVisible
+        {
+            get { return _isPreviewVisible; }
+            set { _isPreviewVisible = value; NotifyPropertyChanged(); }
+        }
+
 
 
         /// <summary>

OnnxStack.UI/UserControls/VideoResultControl.xaml

@@ -17,7 +17,7 @@
                 <UniformGrid  Columns="1" Height="30" Visibility="{Binding HasVideoResult, Converter={StaticResource BooleanToVisibilityConverter}}">
                     <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="0,3">
                         <TextBlock Text="Video File:" Margin="5,0,0,0"  FontSize="10" Opacity=".6" VerticalAlignment="Center" FontStyle="Italic"/>
-                        <TextBlock Text="{Binding VideoResult.FileName}" Margin="5,0,0,0" VerticalAlignment="Center"/>
+                        <TextBlock Text="{Binding VideoResult.FileName, Converter={StaticResource FullPathToFileNameConverter}}" Margin="5,0,0,0" VerticalAlignment="Center"/>
                     </StackPanel>
                 </UniformGrid>