StabilityMatrix/StabilityMatrix.Avalonia/Views/PackageManagerPage.axaml

<controls:UserControlBase xmlns="https://github.com/avaloniaui"
                          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                          xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                          xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                          xmlns:viewModels="clr-namespace:StabilityMatrix.Avalonia.ViewModels"
                          xmlns:ui="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
                          xmlns:controls="clr-namespace:StabilityMatrix.Avalonia.Controls"
                          xmlns:designData="clr-namespace:StabilityMatrix.Avalonia.DesignData"
                          xmlns:packageManager="clr-namespace:StabilityMatrix.Avalonia.ViewModels.PackageManager"
                          xmlns:icons="clr-namespace:Projektanker.Icons.Avalonia;assembly=Projektanker.Icons.Avalonia"
                          xmlns:lang="clr-namespace:StabilityMatrix.Avalonia.Languages"
                          xmlns:system="clr-namespace:System;assembly=System.Runtime"
                          mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
                          x:DataType="viewModels:PackageManagerViewModel"
                          x:CompileBindings="True"
                          d:DataContext="{x:Static designData:DesignData.PackageManagerViewModel}"
                          x:Class="StabilityMatrix.Avalonia.Views.PackageManagerPage">

    <Grid Margin="16" RowDefinitions="Auto,*,Auto">
        <ScrollViewer Grid.Row="1">
            <ItemsRepeater
                ItemsSource="{Binding PackageCards}">
                <ItemsRepeater.Layout>
                    <UniformGridLayout MinColumnSpacing="12" MinRowSpacing="12" />
                </ItemsRepeater.Layout>
                <ItemsRepeater.ItemTemplate>
                    <DataTemplate DataType="{x:Type packageManager:PackageCardViewModel}">
                        <controls:Card Padding="8"
                                       CornerRadius="8">
                            <Grid RowDefinitions="Auto, Auto, Auto, Auto"
                                  ColumnDefinitions="*,Auto">

                                <TextBlock Grid.Row="0"
                                           Grid.Column="0"
                                           ToolTip.Tip="{Binding Package.DisplayName, FallbackValue=''}"
                                           Text="{Binding Package.DisplayName, FallbackValue=''}"
                                           TextTrimming="WordEllipsis"
                                           TextAlignment="Left" />
                                <Button
                                    Grid.Row="0"
                                    Grid.Column="1"
                                    HorizontalContentAlignment="Right"
                                    HorizontalAlignment="Right"
                                    VerticalContentAlignment="Top"
                                    VerticalAlignment="Top"
                                    Padding="4,1"
                                    Margin="4,0,0,0"
                                    Classes="transparent"
                                    Width="24"
                                    BorderThickness="0">
                                    <ui:SymbolIcon FontSize="18" Symbol="MoreVertical" />
                                    <Button.Flyout>
                                        <MenuFlyout Placement="BottomEdgeAlignedLeft">
                                            <MenuItem Header="{x:Static lang:Resources.Action_CheckForUpdates}"
                                                      IsVisible="{Binding !IsUnknownPackage}"
                                                      Command="{Binding OnLoadedAsync}">
                                                <MenuItem.Icon>
                                                    <ui:SymbolIcon Symbol="Refresh" />
                                                </MenuItem.Icon>
                                            </MenuItem>
                                            <MenuItem
                                                Header="{OnPlatform Default={x:Static lang:Resources.Action_OpenInExplorer}, macOS={x:Static lang:Resources.Action_OpenInFinder}}"
                                                Command="{Binding OpenFolder}">
                                                <MenuItem.Icon>
                                                    <ui:SymbolIcon Symbol="OpenFolder" />
                                                </MenuItem.Icon>
                                            </MenuItem>
                                            <MenuItem
                                                Header="{x:Static lang:Resources.Label_PythonPackages}"
                                                IsVisible="{Binding !IsUnknownPackage}"
                                                Command="{Binding OpenPythonPackagesDialogCommand}">
                                                <MenuItem.Icon>
                                                    <icons:Icon
                                                        Value="fa-brands fa-python" />
                                                </MenuItem.Icon>
                                            </MenuItem>
                                            <MenuItem
                                                Header="Extensions"
                                                IsVisible="{Binding !IsUnknownPackage}"
                                                Command="{Binding OpenExtensionsDialogCommand}">
                                                <MenuItem.Icon>
                                                    <icons:Icon
                                                        Value="fa-solid fa-puzzle-piece" />
                                                </MenuItem.Icon>
                                            </MenuItem>
                                            
                                            <MenuItem
                                                Header="{x:Static lang:Resources.Action_OpenGithub}"
                                                IsVisible="{Binding !IsUnknownPackage}"
                                                Command="{Binding OpenOnGitHubCommand}">
                                                <MenuItem.Icon>
                                                    <icons:Icon
                                                        Value="fa-brands fa-github" />
                                                </MenuItem.Icon>
                                            </MenuItem>
                                            
                                            <Separator IsVisible="{Binding CanUseSharedOutput}" />
                                            
                                            <MenuItem Header="{x:Static lang:Resources.Label_SharedModelStrategyShort}"
                                                      IsVisible="{Binding !IsUnknownPackage}">
                                                <MenuItem.Icon>
                                                    <ui:SymbolIcon Symbol="FolderLink" />
                                                </MenuItem.Icon>
                                                <!-- ReSharper disable Xaml.RedundantResource -->
                                                <MenuItem Header="Symlink"
                                                          Command="{Binding ToggleSharedModelSymlink}"
                                                          IsVisible="{Binding CanUseSymlinkMethod}">
                                                    <MenuItem.Icon>
                                                        <CheckBox IsChecked="{Binding IsSharedModelSymlink}"
                                                                  Margin="8,0,0,0"
                                                                  Padding="0"
                                                                  Width="28" Height="28">
                                                            <CheckBox.RenderTransform>
                                                                <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                                                            </CheckBox.RenderTransform>
                                                        </CheckBox>
                                                    </MenuItem.Icon>
                                                </MenuItem>
                                                <MenuItem Header="Config"
                                                          Command="{Binding ToggleSharedModelConfig}"
                                                          IsVisible="{Binding CanUseConfigMethod}">
                                                    <MenuItem.Icon>
                                                        <CheckBox Margin="8,0,0,0"
                                                                  Padding="0"
                                                                  Width="28" Height="28"
                                                                  IsChecked="{Binding IsSharedModelConfig}">
                                                            <CheckBox.RenderTransform>
                                                                <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                                                            </CheckBox.RenderTransform>
                                                        </CheckBox>
                                                    </MenuItem.Icon>
                                                </MenuItem>
                                                <MenuItem Header="None"
                                                          Command="{Binding ToggleSharedModelNone}">
                                                    <MenuItem.Icon>
                                                        <CheckBox IsChecked="{Binding IsSharedModelDisabled}"
                                                                  Margin="8,0,0,0"
                                                                  Padding="0"
                                                                  Width="28" Height="28">
                                                            <CheckBox.RenderTransform>
                                                                <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                                                            </CheckBox.RenderTransform>
                                                        </CheckBox>
                                                    </MenuItem.Icon>
                                                </MenuItem>
                                                <!-- ReSharper enable Xaml.RedundantResource -->
                                            </MenuItem>
                                            <MenuItem
                                                Header="{x:Static lang:Resources.Label_UseSharedOutputFolder}"
                                                Command="{Binding ToggleSharedOutput}"
                                                IsVisible="{Binding CanUseSharedOutput}">
                                                <MenuItem.Icon>
                                                    <CheckBox Margin="8,0,0,0"
                                                              Padding="0"
                                                              Width="28" Height="28"
                                                              IsChecked="{Binding UseSharedOutput}">
                                                        <CheckBox.RenderTransform>
                                                            <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                                                        </CheckBox.RenderTransform>
                                                    </CheckBox>
                                                </MenuItem.Icon>
                                            </MenuItem>
                                            <Separator />
                                            <MenuItem Header="{x:Static lang:Resources.Action_Uninstall}"
                                                      Command="{Binding Uninstall}">
                                                <MenuItem.Icon>
                                                    <ui:SymbolIcon Symbol="Delete" />
                                                </MenuItem.Icon>
                                            </MenuItem>
                                        </MenuFlyout>
                                    </Button.Flyout>
                                </Button>

                                <TextBlock Grid.Row="1"
                                           Grid.Column="0"
                                           Grid.ColumnSpan="2"
                                           Margin="2,0,0,0"
                                           VerticalAlignment="Center"
                                           Text="{Binding InstalledVersion}" />

                                <!-- Normal packages shows image -->
                                <controls:BetterAdvancedImage
                                    Grid.Row="2"
                                    Grid.Column="0"
                                    Grid.ColumnSpan="2"
                                    Margin="0,8,0,8"
                                    Height="180"
                                    Width="225"
                                    CornerRadius="4"
                                    HorizontalAlignment="Center"
                                    VerticalContentAlignment="Top"
                                    HorizontalContentAlignment="Center"
                                    Source="{Binding CardImageSource}"
                                    IsVisible="{Binding !IsUnknownPackage}"
                                    Stretch="UniformToFill" />

                                <!-- Unknown packages panel -->
                                <Border
                                    Grid.Row="2"
                                    Grid.Column="0"
                                    Grid.ColumnSpan="2"
                                    Margin="0,8,0,8"
                                    Height="180"
                                    Width="225"
                                    CornerRadius="4"
                                    HorizontalAlignment="Center"
                                    IsVisible="{Binding IsUnknownPackage}"
                                    Background="#202020">
                                    <TextBlock
                                        TextAlignment="Center"
                                        VerticalAlignment="Center"
                                        FontSize="18"
                                        TextWrapping="Wrap"
                                        Text="{x:Static lang:Resources.Label_UnknownPackage}" />
                                </Border>


                                <Grid
                                    Grid.Row="3"
                                    Grid.Column="0"
                                    Grid.ColumnSpan="2"
                                    IsVisible="{Binding IsUpdateAvailable}"
                                    ColumnDefinitions="*, *">
                                    <!-- Launch and update buttons -->
                                    <Button Grid.Column="0" Classes="accent"
                                            VerticalAlignment="Bottom"
                                            HorizontalAlignment="Stretch"
                                            Command="{Binding Launch}">
                                        <StackPanel Orientation="Horizontal" Margin="0,2,0,2">
                                            <icons:Icon Value="fa-solid fa-rocket"
                                                         Margin="0,0,8,0"
                                                         FontSize="14" />
                                            <TextBlock Text="{x:Static lang:Resources.Action_Launch}" />
                                        </StackPanel>
                                    </Button>
                                    <Button Grid.Column="1" Classes="accent"
                                            VerticalAlignment="Bottom"
                                            HorizontalAlignment="Stretch"
                                            Command="{Binding Update}">
                                        <StackPanel Orientation="Horizontal" Margin="0,2,0,2">
                                            <icons:Icon Value="fa-solid fa-download"
                                                         Margin="0,0,8,0"
                                                         FontSize="14" />
                                            <TextBlock Text="{x:Static lang:Resources.Action_Update}" />
                                        </StackPanel>
                                    </Button>
                                </Grid>

                                <!-- Big launch button -->
                                <Button
                                    Grid.Row="3"
                                    Grid.Column="0"
                                    Grid.ColumnSpan="2"
                                    Classes="accent"
                                    VerticalAlignment="Bottom"
                                    Command="{Binding Launch}"
                                    HorizontalAlignment="Stretch">
                                    <Button.IsVisible>
                                        <MultiBinding Converter="{x:Static BoolConverters.And}">
                                            <Binding Path="!IsUpdateAvailable" />
                                            <Binding Path="!IsUnknownPackage" />
                                        </MultiBinding>
                                    </Button.IsVisible>
                                    <StackPanel Orientation="Horizontal" Margin="0,2,0,2">
                                        <icons:Icon Value="fa-solid fa-rocket"
                                                     Margin="0,0,8,0"
                                                     FontSize="14" />
                                        <TextBlock Text="{x:Static lang:Resources.Action_Launch}" />
                                    </StackPanel>
                                </Button>

                                <!-- Import button (for unknown) -->
                                <Button Grid.Row="3" Grid.Column="0" Classes="transparent-info"
                                        Grid.ColumnSpan="2"
                                        VerticalAlignment="Bottom"
                                        HorizontalAlignment="Stretch"
                                        Command="{Binding Import}"
                                        IsVisible="{Binding IsUnknownPackage}">
                                    <StackPanel Orientation="Horizontal" Margin="0,2,0,2">
                                        <icons:Icon Value="fa-solid fa-circle-question"
                                                     Margin="0,0,8,0"
                                                     FontSize="14" />
                                        <TextBlock Text="{x:Static lang:Resources.Action_Import}" />
                                    </StackPanel>
                                </Button>

                                <!-- Update overlay -->
                                <Border
                                    Grid.Row="0" Grid.RowSpan="4"
                                    Grid.Column="0"
                                    Grid.ColumnSpan="2"
                                    Background="#DD000000"
                                    CornerRadius="4"
                                    HorizontalAlignment="Stretch"
                                    VerticalAlignment="Stretch"
                                    IsVisible="{Binding IsProgressVisible}" />
                                <Grid Grid.Row="0" Grid.RowSpan="4"
                                      Grid.Column="0"
                                      Grid.ColumnSpan="2"
                                      HorizontalAlignment="Center"
                                      VerticalAlignment="Center"
                                      RowDefinitions="Auto, *"
                                      IsVisible="{Binding IsProgressVisible}">
                                    <controls:ProgressRing
                                        HorizontalAlignment="Center"
                                        IsIndeterminate="{Binding IsIndeterminate}"
                                        Width="150"
                                        Height="150"
                                        StartAngle="90"
                                        EndAngle="450"
                                        Value="{Binding Value}"
                                        VerticalAlignment="Center" />
                                    <TextBlock Grid.Row="1"
                                               HorizontalAlignment="Center"
                                               Margin="8,8,8,0"
                                               TextAlignment="Center"
                                               Width="200"
                                               Text="{Binding Text}"
                                               TextWrapping="Wrap"
                                               VerticalAlignment="Center" />
                                </Grid>
                            </Grid>
                        </controls:Card>
                    </DataTemplate>
                </ItemsRepeater.ItemTemplate>
            </ItemsRepeater>
        </ScrollViewer>

        <!-- Teaching Tip -->
        <ui:TeachingTip Grid.Row="0" Name="TeachingTip1"
                        Target="{Binding #AddPackagesButton}"
                        Title="{x:Static lang:Resources.TeachingTip_AddPackageToGetStarted}"
                        PreferredPlacement="Top"
                        IsOpen="{Binding !Packages.Count}" />

        <!-- Add Packages Button -->
        <Button Grid.Row="2"
                Classes="transparent"
                VerticalAlignment="Bottom"
                Name="AddPackagesButton"
                Margin="0, 8, 0, 0"
                HorizontalAlignment="Stretch"
                Command="{Binding ShowInstallDialog}">
            <StackPanel Orientation="Horizontal" Margin="8">
                <ui:SymbolIcon FontSize="18" Symbol="Add" />
                <TextBlock Margin="4,0,0,0" Text="{x:Static lang:Resources.Action_AddPackage}" />
            </StackPanel>
        </Button>
    </Grid>
</controls:UserControlBase>