Merge pull request #3905 from Flow-Launcher/explorer_preview_panel

Fix Explorer preview panel issue

Author: Jack251970

Plugins/Flow.Launcher.Plugin.Explorer/Views/PreviewPanel.xaml

@@ -7,6 +7,7 @@
     xmlns:sys="clr-namespace:System;assembly=System.Runtime"
     d:DesignHeight="300"
     d:DesignWidth="300"
+    DataContext="{Binding RelativeSource={RelativeSource Self}}"
     mc:Ignorable="d">
     <Grid x:Name="PreviewGrid" VerticalAlignment="Stretch">
         <Grid.RowDefinitions>
@@ -20,40 +21,22 @@
             </Grid.RowDefinitions>
             <Image
                 Grid.Row="0"
+                MaxWidth="96"
+                MaxHeight="96"
                 Margin="5 12 8 0"
-                Source="{Binding PreviewImage, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}">
-                <Image.Style>
-                    <Style TargetType="Image">
-                        <Style.Triggers>
-                            <DataTrigger Binding="{Binding UseBigThumbnail}" Value="False">
-                                <Setter Property="MaxWidth" Value="96" />
-                                <Setter Property="MaxHeight" Value="96" />
-                            </DataTrigger>
-                        </Style.Triggers>
-                    </Style>
-                </Image.Style>
-            </Image>
+                Source="{Binding PreviewImage, IsAsync=True, Mode=OneWay}" />
             <Grid Grid.Row="1">
                 <TextBlock
                     Margin="5 6 5 16"
                     HorizontalAlignment="Stretch"
                     VerticalAlignment="Top"
                     Style="{DynamicResource PreviewItemTitleStyle}"
-                    Text="{Binding Result.Title}"
+                    Text="{Binding FileName, Mode=OneTime}"
                     TextAlignment="Center"
                     TextWrapping="Wrap" />
             </Grid>
         </Grid>
         <StackPanel Grid.Row="1">
-            <StackPanel.Style>
-                <Style TargetType="StackPanel">
-                    <Style.Triggers>
-                        <DataTrigger Binding="{Binding Result.SubTitle.Length}" Value="0">
-                            <Setter Property="Visibility" Value="Collapsed" />
-                        </DataTrigger>
-                    </Style.Triggers>
-                </Style>
-            </StackPanel.Style>
             <Rectangle
                 x:Name="PreviewSep"
                 Width="Auto"
@@ -64,7 +47,7 @@
             <TextBlock
                 Margin="5 8 8 8"
                 Style="{DynamicResource PreviewItemSubTitleStyle}"
-                Text="{Binding Result.SubTitle}" />
+                Text="{Binding FilePath, Mode=OneTime}" />
             <Rectangle
                 Width="Auto"
                 Height="1"
@@ -77,17 +60,17 @@
                         <Style.Triggers>
                             <MultiDataTrigger>
                                 <MultiDataTrigger.Conditions>
-                                    <Condition Binding="{Binding FileSizeVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" Value="Collapsed" />
-                                    <Condition Binding="{Binding CreatedAtVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" Value="Collapsed" />
-                                    <Condition Binding="{Binding LastModifiedAtVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" Value="Collapsed" />
+                                    <Condition Binding="{Binding FileSizeVisibility}" Value="Collapsed" />
+                                    <Condition Binding="{Binding CreatedAtVisibility}" Value="Collapsed" />
+                                    <Condition Binding="{Binding LastModifiedAtVisibility}" Value="Collapsed" />
                                 </MultiDataTrigger.Conditions>
                                 <Setter Property="Visibility" Value="Collapsed" />
                             </MultiDataTrigger>
                         </Style.Triggers>
                     </Style>
                 </Rectangle.Style>
             </Rectangle>
-            <Grid Margin="0 10 0 0" Visibility="{Binding FileInfoVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}">
+            <Grid Margin="0 10 0 0" Visibility="{Binding FileInfoVisibility, Mode=OneTime}">
                 <Grid.ColumnDefinitions>
                     <ColumnDefinition Width="100" />
                     <ColumnDefinition Width="*" />
@@ -105,17 +88,17 @@
                     Style="{DynamicResource PreviewItemSubTitleStyle}"
                     Text="{DynamicResource FileSize}"
                     TextWrapping="Wrap"
-                    Visibility="{Binding FileSizeVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" />
+                    Visibility="{Binding FileSizeVisibility, Mode=OneTime}" />
                 <TextBlock
                     Grid.Row="0"
                     Grid.Column="1"
                     Margin="0 0 13 0"
                     HorizontalAlignment="Right"
                     VerticalAlignment="Top"
                     Style="{DynamicResource PreviewItemSubTitleStyle}"
-                    Text="{Binding FileSize, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}, Mode=OneWay}"
+                    Text="{Binding FileSize, Mode=OneWay}"
                     TextWrapping="Wrap"
-                    Visibility="{Binding FileSizeVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" />
+                    Visibility="{Binding FileSizeVisibility, Mode=OneTime}" />
 
                 <TextBlock
                     Grid.Row="1"
@@ -125,17 +108,17 @@
                     Style="{DynamicResource PreviewItemSubTitleStyle}"
                     Text="{DynamicResource Created}"
                     TextWrapping="Wrap"
-                    Visibility="{Binding CreatedAtVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" />
+                    Visibility="{Binding CreatedAtVisibility, Mode=OneTime}" />
                 <TextBlock
                     Grid.Row="1"
                     Grid.Column="1"
                     Margin="0 0 13 0"
                     HorizontalAlignment="Right"
                     VerticalAlignment="Top"
                     Style="{DynamicResource PreviewItemSubTitleStyle}"
-                    Text="{Binding CreatedAt, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}"
+                    Text="{Binding CreatedAt, Mode=OneWay}"
                     TextWrapping="Wrap"
-                    Visibility="{Binding CreatedAtVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" />
+                    Visibility="{Binding CreatedAtVisibility, Mode=OneTime}" />
 
                 <TextBlock
                     Grid.Row="2"
@@ -145,17 +128,17 @@
                     Style="{DynamicResource PreviewItemSubTitleStyle}"
                     Text="{DynamicResource LastModified}"
                     TextWrapping="Wrap"
-                    Visibility="{Binding LastModifiedAtVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" />
+                    Visibility="{Binding LastModifiedAtVisibility, Mode=OneTime}" />
                 <TextBlock
                     Grid.Row="2"
                     Grid.Column="1"
                     Margin="0 0 13 0"
                     HorizontalAlignment="Right"
                     VerticalAlignment="Top"
                     Style="{DynamicResource PreviewItemSubTitleStyle}"
-                    Text="{Binding LastModifiedAt, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}"
+                    Text="{Binding LastModifiedAt, Mode=OneWay}"
                     TextWrapping="Wrap"
-                    Visibility="{Binding LastModifiedAtVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}" />
+                    Visibility="{Binding LastModifiedAtVisibility, Mode=OneTime}" />
             </Grid>
         </StackPanel>
     </Grid>

Plugins/Flow.Launcher.Plugin.Explorer/Views/PreviewPanel.xaml.cs

@@ -21,22 +21,22 @@ public partial class PreviewPanel : UserControl
 {
     private static readonly string ClassName = nameof(PreviewPanel);
 
-    private string FilePath { get; }
-    public string FileSize { get; private set; } = Main.Context.API.GetTranslation("plugin_explorer_plugin_tooltip_more_info_unknown");
-    public string CreatedAt { get; } = "";
-    public string LastModifiedAt { get; } = "";
+    public string FilePath { get; }
+    public string FileName { get; }
+
+    [ObservableProperty]
+    private string _fileSize = Main.Context.API.GetTranslation("plugin_explorer_plugin_tooltip_more_info_unknown");
+    
+    [ObservableProperty]
+    private string _createdAt = "";
+    
+    [ObservableProperty]
+    private string _lastModifiedAt = "";
+
+    [ObservableProperty]
     private ImageSource _previewImage = new BitmapImage();
-    private Settings Settings { get; }
 
-    public ImageSource PreviewImage
-    {
-        get => _previewImage;
-        private set
-        {
-            _previewImage = value;
-            OnPropertyChanged();
-        }
-    }
+    private Settings Settings { get; }
 
     public Visibility FileSizeVisibility => Settings.ShowFileSizeInPreviewPanel
         ? Visibility.Visible
@@ -57,11 +57,11 @@ private set
 
     public PreviewPanel(Settings settings, string filePath, ResultType type)
     {
-        InitializeComponent();
-
         Settings = settings;
-
         FilePath = filePath;
+        FileName = Path.GetFileName(filePath);
+
+        InitializeComponent();
 
         if (Settings.ShowFileSizeInPreviewPanel)
         {