Start refining the UI

Bitvault.Avalonia/App.axaml.cs

@@ -93,7 +93,7 @@ public partial class App : Application
                         services.AddTemplate<CategoriesNavigationViewModel, CategoriesNavigationView>();
                         services.AddTemplate<ArchiveNavigationViewModel, ArchiveNavigationView>();
 
-                        services.AddTemplate<OpenLockerViewModel, OpenView>("OpenLocker");
+                        services.AddTemplate<OpenLockerViewModel, OpenLockerView>("OpenLocker");
 
                         services.AddScoped<LockerViewModelConfiguration>();
 
@@ -106,7 +106,7 @@ public partial class App : Application
                         services.AddTemplate<CreateItemActionViewModel, CreateItemActionView>();
                         services.AddTemplate<SearchLockerActionViewModel, SearchLockerActionView>();
 
-                        services.AddTemplate<ItemCategoryCollectionViewModel, ItemCategoryCollectionView>("LockerItemCategoryCollection");
+                        services.AddTemplate<ItemCategoryCollectionViewModel, ItemCategoryCollectionView>("ItemCategoryCollection");
                         services.AddTemplate<ItemCategoryNavigationViewModel, ItemCategoryNavigationView>();
                        
                         services.AddHandler<AggerateLockerItemCategoryViewModelHandler>();
@@ -126,6 +126,7 @@ public partial class App : Application
                         services.AddTemplate<EditItemActionViewModel, EditItemActionView>();
                         services.AddTemplate<DeleteItemActionViewModel, DeleteItemActionView>();
 
+                        services.AddTemplate<EmptyItemCollectionViewModel, EmptyItemCollectionView>("EmptyItemCollection");
                         services.AddTemplate<ItemHeaderViewModel, ItemHeaderView>();
                         services.AddTemplate<ItemContentViewModel, ItemContentView>();
                         services.AddTemplate<AddItemNavigationViewModel, AddItemNavigationView>();

Bitvault.Avalonia/Bitvault.Avalonia.csproj

@@ -76,8 +76,8 @@
 	  <Compile Update="ItemContentView.axaml.cs">
 	    <DependentUpon>ItemContentView.axaml</DependentUpon>
 	  </Compile>
-	  <Compile Update="OpenView.axaml.cs">
-	    <DependentUpon>OpenView.axaml</DependentUpon>
+	  <Compile Update="OpenLockerView.axaml.cs">
+	    <DependentUpon>OpenLockerView.axaml</DependentUpon>
 	  </Compile>
 	  <Compile Update="ManageNavigationView.axaml.cs">
 	    <DependentUpon>ManageNavigationView.axaml</DependentUpon>

Bitvault.Avalonia/CreateItemActionView.axaml

@@ -28,7 +28,7 @@
         </Grid>
         <Interaction.Behaviors>
             <EventTriggerBehavior EventName="Click">
-                <NavigateAction Region="Left" Route="LockerItemCategoryCollection">
+                <NavigateAction Region="Left" Route="ItemCategoryCollection">
                     <Parameter Key="Transition" Value="FromRight" />
                     <Parameter Key="NavigationStackEnabled" Value="{x:True}" />
                 </NavigateAction>

Bitvault.Avalonia/EmptyItemCollectionView.axaml

@@ -0,0 +1,30 @@
+<UserControl
+    x:Class="Bitvault.Avalonia.EmptyItemCollectionView"
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:vm="using:Bitvault"
+    x:DataType="vm:EmptyItemCollectionViewModel">
+    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
+        <TextBlock
+            Text="Nothing to see here"
+            TextAlignment="Center"
+            Theme="{DynamicResource BodyStrongTextBlockStyle}" />
+        <HyperlinkButton Content="Let's start securing your items">
+            <Interaction.Behaviors>
+                <EventTriggerBehavior EventName="Click">
+                    <NavigateAction Region="Left" Route="ItemCategoryCollection">
+                        <Parameter Key="Transition" Value="FromRight" />
+                        <Parameter Key="NavigationStackEnabled" Value="{x:True}" />
+                    </NavigateAction>
+                    <NavigateAction
+                        Region="{Binding Named, StringFormat='{}{0}:Content'}"
+                        Route="Item"
+                        Scope="self">
+                        <Parameter Key="test" Value="{x:True}" />
+                        <Parameter Key="State" Value="{x:Static vm:ItemState.Write}" />
+                    </NavigateAction>
+                </EventTriggerBehavior>
+            </Interaction.Behaviors>
+        </HyperlinkButton>
+    </StackPanel>
+</UserControl>

Bitvault.Avalonia/EmptyItemCollectionView.axaml.cs

@@ -0,0 +1,10 @@
+using Avalonia.Controls;
+
+namespace Bitvault.Avalonia;
+
+public partial class EmptyItemCollectionView : 
+    UserControl
+{
+    public EmptyItemCollectionView() => 
+        InitializeComponent();
+}

Bitvault.Avalonia/ItemCollectionView.axaml

@@ -4,11 +4,32 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:vm="using:Bitvault"
     x:DataType="vm:ItemCollectionViewModel">
+    <Interaction.Behaviors>
+        <AttachedBehaviour>
+            <ConditionAction>
+                <ConditionAction.Condition>
+                    <ConditionalExpression ForwardChaining="And">
+                        <ComparisonCondition
+                            LeftOperand="{Binding Count}"
+                            Operator="LessThanOrEqual"
+                            RightOperand="0" />
+                    </ConditionalExpression>
+                </ConditionAction.Condition>
+                <NavigateAction Region="{Binding Named, StringFormat='{}{0}:Content'}" Route="EmptyItemCollection" />
+            </ConditionAction>
+        </AttachedBehaviour>
+        <DataTriggerBehavior
+            Binding="{Binding Count}"
+            ComparisonCondition="LessThanOrEqual"
+            Value="0">
+            <NavigateAction Region="{Binding Named, StringFormat='{}{0}:Content'}" Route="EmptyItemCollection" />
+        </DataTriggerBehavior>
+    </Interaction.Behaviors>
     <ListBox
         Margin="2,-1,0,0"
         AutoScrollToSelectedItem="True"
         ItemTemplate="{ReflectionBinding Template}"
         ItemsSource="{Binding}"
-        SelectedItem="{Binding SelectedItem, Mode=TwoWay}"
+        SelectedItem="{Binding SelectedItem}"
         SelectionMode="Single" />
 </UserControl>

Bitvault.Avalonia/ItemHeaderView.axaml

@@ -4,10 +4,10 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:vm="using:Bitvault"
     x:DataType="vm:ItemHeaderViewModel">
-    <StackPanel Grid.Column="1" Spacing="18">
+    <StackPanel Grid.Column="1" Spacing="12">
         <PersonPicture
-            Width="96"
-            Height="96"
+            Width="144"
+            Height="144"
             DisplayName="{Binding Value}" />
         <TextBox
             MaxWidth="360"

Bitvault.Avalonia/ItemView.axaml

@@ -24,6 +24,18 @@
                 <NavigateBackAction Region="Left" />
             </ConditionAction>
         </DataTriggerBehavior>
+        <DataTriggerBehavior
+            Binding="{Binding SelectedItem}"
+            ComparisonCondition="Equal"
+            Value="{x:Null}">
+            <NavigateAction
+                Region="{Binding Named, StringFormat='{}{0}:Content'}"
+                Route="Item"
+                Scope="self">
+                <Parameter Key="test" Value="{x:True}" />
+                <Parameter Key="State" Value="{x:Static vm:ItemState.Write}" />
+            </NavigateAction>
+        </DataTriggerBehavior>
     </Interaction.Behaviors>
     <ScrollViewer Padding="12,12,12,0">
         <ItemsControl ItemTemplate="{ReflectionBinding Template}" ItemsSource="{Binding}">

Bitvault.Avalonia/LockerNavigationView.axaml

@@ -19,7 +19,9 @@
                         <ComparisonCondition LeftOperand="{Binding Selected}" RightOperand="True" />
                     </ConditionalExpression>
                 </ConditionAction.Condition>
-                <NavigateAction Region="Main" Route="OpenLocker" />
+                <NavigateAction Region="Main" Route="OpenLocker">
+                    <Parameter Key="Name" Value="{Binding Name}" />
+                </NavigateAction>
                 <ChangePropertyAction
                     PropertyName="SelectsOnInvoked"
                     TargetObject="{Binding #NavigationViewItem}"
@@ -47,7 +49,9 @@
                         <ComparisonCondition LeftOperand="{Binding Opened}" RightOperand="False" />
                     </ConditionalExpression>
                 </ConditionAction.Condition>
-                <NavigateAction Region="Main" Route="OpenLocker" />
+                <NavigateAction Region="Main" Route="OpenLocker">
+                    <Parameter Key="Name" Value="{Binding Name}" />
+                </NavigateAction>
             </ConditionAction>
             <ConditionAction>
                 <ConditionAction.Condition>

Bitvault.Avalonia/OpenLockerView.axaml

@@ -1,12 +1,24 @@
 <UserControl
-    x:Class="Bitvault.Avalonia.OpenView"
+    x:Class="Bitvault.Avalonia.OpenLockerView"
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:vm="using:Bitvault"
     x:DataType="vm:OpenLockerViewModel">
-    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
+    <StackPanel
+        HorizontalAlignment="Center"
+        VerticalAlignment="Center"
+        Spacing="12">
+        <PersonPicture
+            Width="144"
+            Height="144"
+            Margin="0,-144,0,0"
+            DisplayName="{Binding Name}" />
+        <TextBlock
+            Text="{Binding Name}"
+            TextAlignment="Center"
+            Theme="{DynamicResource SubtitleTextBlockStyle}" />
         <TextBox
-            Width="300"
+            Width="360"
             Classes="revealPasswordButton"
             PasswordChar="&#x25CF;"
             Text="{Binding Password}">

Bitvault.Avalonia/OpenLockerView.axaml.cs

@@ -0,0 +1,9 @@
+using Avalonia.Controls;
+
+namespace Bitvault.Avalonia;
+
+public partial class OpenLockerView : UserControl
+{
+    public OpenLockerView() => 
+        InitializeComponent();
+}

Bitvault.Avalonia/OpenView.axaml.cs

@@ -1,8 +0,0 @@
-using Avalonia.Controls;
-
-namespace Bitvault.Avalonia;
-
-public partial class OpenView : UserControl
-{
-    public OpenView() => InitializeComponent();
-}