Add UI for files

Author: ScottIsAFool

LiveWriterPluginManager/Controls/CreatePackageControl.xaml

@@ -3,14 +3,72 @@
              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:viewModel="clr-namespace:LiveWriterPluginManager.ViewModel"
              mc:Ignorable="d"
              d:DesignHeight="300"
              d:DesignWidth="300"
              DataContext="{Binding CreatePackage, Source={StaticResource Locator}}">
+
+    <UserControl.Resources>
+        <DataTemplate DataType="{x:Type viewModel:FileViewModel}">
+            <Border BorderBrush="{StaticResource LiveWriterPurpleBrush}"
+                    BorderThickness="0,0,0,1"
+                    Padding="10">
+                <Grid>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="Auto" />
+                    </Grid.ColumnDefinitions>
+                    
+                    <TextBlock Text="{Binding Name}"
+                               VerticalAlignment="Center"/>
+
+                    <Button Grid.Column="1"
+                            Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}"
+                            Height="30"
+                            Width="30"
+                            Command="{Binding RemoveFileCommand}">
+                        <Viewbox Stretch="Uniform"
+                                 StretchDirection="DownOnly"
+                                 Width="20"
+                                 Height="20"
+                                 HorizontalAlignment="Center"
+                                 VerticalAlignment="Center">
+                            <Path Height="15"
+                                  Width="10"
+                                  Stretch="Fill"
+                                  Fill="White"
+                                  Data="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" />
+                        </Viewbox>
+                    </Button>
+                </Grid>
+            </Border>
+        </DataTemplate>
+    </UserControl.Resources>
     <Grid>
         <Grid.RowDefinitions>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="*"/>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+            <RowDefinition Height="Auto" />
         </Grid.RowDefinitions>
+
+        <StackPanel>
+            <TextBlock Text="Please choose the files that you would like to add to your package."
+                       TextWrapping="WrapWithOverflow"
+                       Margin="10" />
+            <Button Content="Add files"
+                    HorizontalAlignment="Left"
+                    Margin="10,0,10,10"
+                    Command="{Binding AddFilesCommand}" />
+        </StackPanel>
+
+        <ListView ItemsSource="{Binding Files}"
+                  Grid.Row="1" />
+
+        <Button Content="Create package"
+                Grid.Row="2"
+                HorizontalAlignment="Right"
+                Margin="10"
+                IsEnabled="{Binding IsValidPackage}" />
     </Grid>
 </UserControl>

LiveWriterPluginManager/ViewModel/CreatePackageViewModel.cs

@@ -41,13 +41,7 @@ public RelayCommand AddFilesCommand
                 {
                     var filenames = _fileService.GetPackageFiles();
                     var files = filenames.Select(x => new FileViewModel(x)).ToList();
-                    if (!files.Any(x => x.Name.Equals(Manifest.ManifestFileName, StringComparison.InvariantCultureIgnoreCase)))
-                    {
-                        IsValidPackage = false;
-                        return;
-                    }
-
-                    IsValidPackage = true;
+                    IsValidPackage = files.Any(x => x.Name.Equals(Manifest.ManifestFileName, StringComparison.InvariantCultureIgnoreCase));
 
                     foreach (var file in files)
                     {