Privacy Ring Details View
MODIFY
WalletWasabi.Fluent/Controls/LabelsItemsPresenter.axaml
WalletWasabi.Fluent/Controls/LabelsItemsPresenter.axaml
<Style Selector="c|LabelsItemsPresenter">
<Setter Property="Margin" Value="0" />
<Setter Property="VirtualizationMode" Value="Simple" />
+ <Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="ItemTemplate">
<DataTemplate>
<Panel Margin="0 0 4 0">
</Setter>
<Setter Property="ItemsPanel">
<ItemsPanelTemplate>
- <c:LabelsPanel Orientation="Horizontal" Spacing="2" HorizontalAlignment="Left">
+ <c:LabelsPanel Orientation="Horizontal" Spacing="2" HorizontalAlignment="{Binding HorizontalAlignment, RelativeSource={RelativeSource AncestorType={x:Type c:LabelsItemsPresenter}}}">
<c:LabelsPanel.EllipsisControl>
<Panel Margin="0 0 0 0">
<Border Classes="label">
</ItemsPanelTemplate>
</Setter>
</Style>
-
</Styles>

ADD
WalletWasabi.Fluent/Views/Wallets/Home/Tiles/PrivacyRing/PrivacyRingDetailsView.axaml
+<UserControl 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:i="using:Avalonia.Xaml.Interactivity"
+ xmlns:controls="clr-namespace:WalletWasabi.Fluent.Controls"
+ mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+ x:Class="WalletWasabi.Fluent.Views.Wallets.Home.Tiles.PrivacyRing.PrivacyRingDetailsView">
+ <DockPanel>
+ <TextBlock Text="PRIVACY PROGRESS" DockPanel.Dock="Top" Classes="h8 bold" HorizontalAlignment="Center" />
+
+ <StackPanel DockPanel.Dock="Bottom" Spacing="8" IsVisible="{Binding HasPrivateBalance}">
+ <Separator />
+ <StackPanel Opacity="0.8" Orientation="Horizontal" Spacing="10" HorizontalAlignment="Center">
+ <Border VerticalAlignment="Center" BorderThickness="1" CornerRadius="2"
+ BorderBrush="{StaticResource ButtonForeground}">
+ <TextBlock
+ Text="PRIVATE" Classes="bold" Margin="4 2 " VerticalAlignment="Center" HorizontalAlignment="Center" />
+ </Border>
+ <controls:PrivacyContentControl Classes="bold" NumberOfPrivacyChars="9"
+ VerticalAlignment="Center"
+
+ Content="{Binding BalancePrivateBtc}" />
+ </StackPanel>
+ </StackPanel>
+
+ <StackPanel VerticalAlignment="Center" Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 3">
+
+ <Image Source="{StaticResource privacy_indicator_good}"
+ VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0 0 10 0"
+ Height="36" Width="36" />
+
+ <TextBlock
+ VerticalAlignment="Center" HorizontalAlignment="Center"
+ TextAlignment="Center"
+ Text="{Binding PercentText}" Classes="h2" />
+ </StackPanel>
+ </DockPanel>
+</UserControl>

ADD
WalletWasabi.Fluent/Views/Wallets/Home/Tiles/PrivacyRing/PrivacyRingDetailsView.axaml.cs
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace WalletWasabi.Fluent.Views.Wallets.Home.Tiles.PrivacyRing;
+
+public partial class PrivacyRingDetailsView : UserControl
+{
+ public PrivacyRingDetailsView()
+ {
+ InitializeComponent();
+ }
+
+ private void InitializeComponent()
+ {
+ AvaloniaXamlLoader.Load(this);
+ }
+}

MODIFY
WalletWasabi.Fluent/Views/Wallets/Home/Tiles/PrivacyRing/PrivacyRingView.axaml
WalletWasabi.Fluent/Views/Wallets/Home/Tiles/PrivacyRing/PrivacyRingView.axaml
xmlns:c="using:WalletWasabi.Fluent.Controls"
xmlns:behaviors="using:WalletWasabi.Fluent.Behaviors"
xmlns:tiles="using:WalletWasabi.Fluent.ViewModels.Wallets.Home.Tiles"
- xmlns:tilesView="using:WalletWasabi.Fluent.Views.Wallets.Home.Tiles"
xmlns:ring="using:WalletWasabi.Fluent.ViewModels.Wallets.Home.Tiles.PrivacyRing"
+ xmlns:ringView="using:WalletWasabi.Fluent.Views.Wallets.Home.Tiles.PrivacyRing"
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
x:Class="WalletWasabi.Fluent.Views.Wallets.Home.Tiles.PrivacyRing.PrivacyRingView"
x:Name="View">
</Carousel.PageTransition>
<Carousel.DataTemplates>
<DataTemplate DataType="{x:Type tiles:PrivacyControlTileViewModel}">
- <tilesView:PrivacyControlTileView Width="300" Height="150" IsEnabled="False">
+ <ringView:PrivacyRingDetailsView IsEnabled="False" Height="90" Width="230">
<i:Interaction.Behaviors>
<behaviors:FadeInBehavior InitialDelay="0:0:1" />
</i:Interaction.Behaviors>
- </tilesView:PrivacyControlTileView>
+ </ringView:PrivacyRingDetailsView>
</DataTemplate>
<DataTemplate DataType="{x:Type ring:PrivacyRingItemViewModel}">
- <c:TileControl TileSize="Medium" Width="300" Height="150">
- <DockPanel>
+ <DockPanel Width="230" Height="90">
<c:LabelsItemsPresenter Items="{Binding Coin.SmartLabel}" DockPanel.Dock="Top" HorizontalAlignment="Center" />
- <StackPanel DockPanel.Dock="Bottom" Height="25" Spacing="8">
+ <StackPanel DockPanel.Dock="Bottom" Spacing="8">
<Separator />
<StackPanel Orientation="Horizontal" Spacing="10" HorizontalAlignment="Center">
<StackPanel Opacity="0.8" Orientation="Horizontal" Spacing="10" HorizontalAlignment="Center" IsVisible="{Binding !IsNonPrivate}">
<TextBlock Text="{Binding Coin.Confirmations, StringFormat='Confirmations: {0}'}" Classes="h8" VerticalAlignment="Center" HorizontalAlignment="Center" />
</StackPanel>
</DockPanel>
- </c:TileControl>
</DataTemplate>
</Carousel.DataTemplates>
</Carousel>

Privacy Ring Details View