You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
239 lines
16 KiB
239 lines
16 KiB
<Styles |
|
xmlns="https://github.com/avaloniaui" |
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|
xmlns:controls="using:StabilityMatrix.Avalonia.Controls" |
|
xmlns:inference="clr-namespace:StabilityMatrix.Avalonia.ViewModels.Inference" |
|
xmlns:lang="clr-namespace:StabilityMatrix.Avalonia.Languages" |
|
xmlns:mocks="clr-namespace:StabilityMatrix.Avalonia.DesignData" |
|
xmlns:models="clr-namespace:StabilityMatrix.Core.Models;assembly=StabilityMatrix.Core" |
|
xmlns:ui="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia" |
|
x:DataType="inference:ModelCardViewModel"> |
|
<Design.PreviewWith> |
|
<Panel Width="400" Height="200"> |
|
<StackPanel Width="300" VerticalAlignment="Center"> |
|
<controls:ModelCard DataContext="{x:Static mocks:DesignData.ModelCardViewModel}" /> |
|
</StackPanel> |
|
</Panel> |
|
</Design.PreviewWith> |
|
|
|
<Style Selector="controls|ModelCard"> |
|
<Setter Property="HorizontalAlignment" Value="Stretch" /> |
|
<Setter Property="Template"> |
|
<ControlTemplate> |
|
<controls:Card Padding="12"> |
|
<Grid ColumnDefinitions="Auto,*,Auto" RowDefinitions="*,*,*"> |
|
<!-- Model --> |
|
<TextBlock |
|
Grid.Column="0" |
|
MinWidth="60" |
|
VerticalAlignment="Center" |
|
Text="{x:Static lang:Resources.Label_Model}" |
|
TextAlignment="Left" /> |
|
<ui:FAComboBox |
|
Grid.Row="0" |
|
Grid.Column="1" |
|
HorizontalAlignment="Stretch" |
|
ItemsSource="{Binding ClientManager.Models}" |
|
SelectedItem="{Binding SelectedModel}"> |
|
<ui:FAComboBox.Styles> |
|
<Style Selector="ui|FAComboBoxItem"> |
|
<Setter Property="ToolTip.Placement" Value="RightEdgeAlignedTop" /> |
|
<Setter Property="ToolTip.Tip"> |
|
<Template> |
|
<StackPanel |
|
x:DataType="models:HybridModelFile" |
|
Orientation="Horizontal" |
|
Spacing="6"> |
|
<!-- Image --> |
|
<controls:BetterAdvancedImage |
|
Width="64" |
|
Height="96" |
|
CornerRadius="6" |
|
IsVisible="{Binding Local.PreviewImageFullPathGlobal, Converter={x:Static StringConverters.IsNotNullOrEmpty}, FallbackValue=''}" |
|
RenderOptions.BitmapInterpolationMode="HighQuality" |
|
Source="{Binding Local.PreviewImageFullPathGlobal, FallbackValue=''}" |
|
Stretch="UniformToFill" |
|
StretchDirection="Both" /> |
|
<Grid RowDefinitions="Auto,Auto,*" VerticalAlignment="Stretch" MaxWidth="300"> |
|
<!-- Title --> |
|
<TextBlock |
|
Margin="0,0,0,4" |
|
HorizontalAlignment="Left" |
|
FontSize="14" |
|
FontWeight="Medium" |
|
Foreground="{DynamicResource TextFillColorPrimaryBrush}" |
|
IsVisible="{Binding Local.ConnectedModelInfo, Converter={x:Static ObjectConverters.IsNotNull}, FallbackValue=False}" |
|
Text="{Binding Local.ConnectedModelInfo.ModelName, FallbackValue=''}" |
|
TextWrapping="WrapWithOverflow" /> |
|
<!-- Version --> |
|
<TextBlock |
|
Grid.Row="1" |
|
Margin="0,0,0,8" |
|
HorizontalAlignment="Left" |
|
FontSize="13" |
|
Foreground="{DynamicResource TextFillColorTertiaryBrush}" |
|
IsVisible="{Binding Local.ConnectedModelInfo, Converter={x:Static ObjectConverters.IsNotNull}, FallbackValue=False}" |
|
Text="{Binding Local.ConnectedModelInfo.VersionName, FallbackValue=''}" |
|
TextWrapping="WrapWithOverflow" /> |
|
<!-- Path --> |
|
<TextBlock |
|
Grid.Row="2" |
|
HorizontalAlignment="Left" |
|
FontSize="13" |
|
Foreground="{DynamicResource TextFillColorTertiaryBrush}" |
|
Text="{Binding RelativePath}" |
|
TextWrapping="Wrap" /> |
|
</Grid> |
|
</StackPanel> |
|
</Template> |
|
</Setter> |
|
</Style> |
|
<Style Selector="ui|FAComboBox /template/ ContentControl#ContentPresenter > StackPanel > TextBlock:nth-child(2)"> |
|
<Setter Property="IsVisible" Value="False" /> |
|
</Style> |
|
</ui:FAComboBox.Styles> |
|
<ui:FAComboBox.ItemTemplate> |
|
<DataTemplate DataType="models:HybridModelFile"> |
|
<StackPanel ToolTip.Placement="RightEdgeAlignedTop"> |
|
<!--<ToolTip.Tip> |
|
<StackPanel Orientation="Horizontal" Spacing="6"> |
|
~1~ Image @1@ |
|
<controls:BetterAdvancedImage |
|
RenderOptions.BitmapInterpolationMode="HighQuality" |
|
Height="96" |
|
Width="64" |
|
CornerRadius="6" |
|
Source="{Binding Local.PreviewImageFullPathGlobal, FallbackValue=''}" |
|
Stretch="UniformToFill" |
|
StretchDirection="Both" |
|
IsVisible="{Binding Local.PreviewImageFullPathGlobal, Converter={x:Static StringConverters.IsNotNullOrEmpty}, FallbackValue=''}" /> |
|
<StackPanel Spacing="4"> |
|
~1~ Title @1@ |
|
<TextBlock |
|
FontSize="14" |
|
FontWeight="Medium" |
|
Foreground="{DynamicResource TextFillColorPrimaryBrush}" |
|
HorizontalAlignment="Left" |
|
Text="{Binding Local.ConnectedModelInfo.ModelName, FallbackValue=''}" |
|
TextWrapping="WrapWithOverflow" |
|
IsVisible="{Binding Local.ConnectedModelInfo, Converter={x:Static ObjectConverters.IsNotNull}, FallbackValue=False}"/> |
|
~1~ Version @1@ |
|
<TextBlock |
|
FontSize="13" |
|
Foreground="{DynamicResource TextFillColorTertiaryBrush}" |
|
HorizontalAlignment="Left" |
|
Text="{Binding Local.ConnectedModelInfo.VersionName, FallbackValue=''}" |
|
TextWrapping="WrapWithOverflow" |
|
IsVisible="{Binding Local.ConnectedModelInfo, Converter={x:Static ObjectConverters.IsNotNull}, FallbackValue=False}" /> |
|
~1~ Path @1@ |
|
<TextBlock |
|
FontSize="13" |
|
Foreground="{DynamicResource TextFillColorTertiaryBrush}" |
|
HorizontalAlignment="Left" |
|
Text="{Binding FileName}" |
|
TextWrapping="WrapWithOverflow"/> |
|
</StackPanel> |
|
</StackPanel> |
|
</ToolTip.Tip>--> |
|
|
|
<TextBlock Text="{Binding ShortDisplayName}" TextTrimming="CharacterEllipsis" /> |
|
</StackPanel> |
|
</DataTemplate> |
|
</ui:FAComboBox.ItemTemplate> |
|
<!--<ui:FAComboBox.ItemTemplate> |
|
<DataTemplate DataType="models:HybridModelFile"> |
|
<Grid RowDefinitions="Auto,Auto" ColumnDefinitions="Auto,*"> |
|
<controls:BetterAdvancedImage |
|
Grid.Row="0" |
|
Grid.Column="0" |
|
Grid.RowSpan="2" |
|
Margin="0,0,8,0" |
|
Height="32" |
|
Width="32" |
|
Stretch="UniformToFill" |
|
StretchDirection="Both" |
|
RenderOptions.BitmapInterpolationMode="HighQuality" |
|
Source="{Binding Local.PreviewImageFullPathGlobal}"> |
|
<controls:BetterAdvancedImage.Clip> |
|
<EllipseGeometry Rect="0,0,32,32" /> |
|
</controls:BetterAdvancedImage.Clip> |
|
</controls:BetterAdvancedImage> |
|
<TextBlock |
|
Grid.Row="0" |
|
Grid.Column="1" |
|
Text="{Binding Local.ConnectedModelInfo.VersionName}"/> |
|
<TextBlock |
|
FontSize="11" |
|
Grid.Row="1" |
|
Grid.Column="1" |
|
Text="{Binding Local.ConnectedModelInfo.ModelName}"/> |
|
</Grid> |
|
</DataTemplate> |
|
</ui:FAComboBox.ItemTemplate>--> |
|
</ui:FAComboBox> |
|
|
|
<Button |
|
Grid.Row="0" |
|
Grid.Column="2" |
|
Margin="8,0,0,0"> |
|
<ui:SymbolIcon FontSize="16" Symbol="Setting" /> |
|
<Button.Flyout> |
|
<ui:FAMenuFlyout Placement="BottomEdgeAlignedLeft"> |
|
<ui:ToggleMenuFlyoutItem IsChecked="{Binding IsRefinerSelectionEnabled}" Text="{x:Static lang:Resources.Label_Refiner}" /> |
|
<ui:ToggleMenuFlyoutItem IsChecked="{Binding IsVaeSelectionEnabled}" Text="{x:Static lang:Resources.Label_VAE}" /> |
|
</ui:FAMenuFlyout> |
|
</Button.Flyout> |
|
</Button> |
|
|
|
<!-- Refiner --> |
|
<TextBlock |
|
Grid.Row="1" |
|
Grid.Column="0" |
|
MinWidth="60" |
|
Margin="0,8,0,0" |
|
VerticalAlignment="Center" |
|
IsVisible="{Binding IsRefinerSelectionEnabled}" |
|
Text="{x:Static lang:Resources.Label_Refiner}" |
|
TextAlignment="Left" /> |
|
|
|
<ui:FAComboBox |
|
Grid.Row="1" |
|
Grid.Column="1" |
|
Grid.ColumnSpan="2" |
|
Margin="0,8,0,0" |
|
HorizontalAlignment="Stretch" |
|
DisplayMemberBinding="{Binding ShortDisplayName}" |
|
IsTextSearchEnabled="True" |
|
IsVisible="{Binding IsRefinerSelectionEnabled}" |
|
ItemsSource="{Binding ClientManager.Models}" |
|
SelectedItem="{Binding SelectedRefiner}" /> |
|
|
|
<!-- VAE --> |
|
<TextBlock |
|
Grid.Row="2" |
|
Grid.Column="0" |
|
MinWidth="60" |
|
Margin="0,8,0,0" |
|
VerticalAlignment="Center" |
|
IsVisible="{Binding IsVaeSelectionEnabled}" |
|
Text="{x:Static lang:Resources.Label_VAE}" |
|
TextAlignment="Left" /> |
|
|
|
<ui:FAComboBox |
|
Grid.Row="2" |
|
Grid.Column="1" |
|
Grid.ColumnSpan="2" |
|
Margin="0,8,0,0" |
|
HorizontalAlignment="Stretch" |
|
DisplayMemberBinding="{Binding ShortDisplayName}" |
|
IsTextSearchEnabled="True" |
|
IsVisible="{Binding IsVaeSelectionEnabled}" |
|
ItemsSource="{Binding ClientManager.VaeModels}" |
|
SelectedItem="{Binding SelectedVae}" /> |
|
|
|
</Grid> |
|
</controls:Card> |
|
</ControlTemplate> |
|
</Setter> |
|
</Style> |
|
</Styles>
|
|
|