Pretty pictures, data binding

Issue #14
AutomatedArchitecture · Apr 14, 2017 · df61a53 · df61a53
1 parent 7f8f671
commit df61a53
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/SirenOfShame.Uwp.Ui/Views/ViewUser.xaml b/SirenOfShame.Uwp.Ui/Views/ViewUser.xaml
@@ -5,8 +5,13 @@
     xmlns:local="using:SirenOfShame.Uwp.Ui.Views"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:converters="using:SirenOfShame.Uwp.Ui.Converters"
     mc:Ignorable="d">
 
+    <Page.Resources>
+        <converters:AvatarIdToImageConverter x:Key="AvatarIdToImageConverter" />
+    </Page.Resources>
+
     <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
         <Grid.RowDefinitions>
             <RowDefinition Height="140" />
@@ -20,17 +25,34 @@
         <Button Click="GoBack" 
                 IsEnabled="{Binding Frame.CanGoBack, ElementName=pageRoot}" 
                 Style="{StaticResource BackButtonStyle}"
-                Background="Yellow"
                 Grid.Row="0"
                 Grid.Column="0"
                 />
-        
+
         <TextBlock 
             x:Name="Title" 
             Grid.Row="0"
             Grid.Column="1"
-            Text="View User" 
+            Text="{Binding DisplayName}" 
             Style="{StaticResource PageHeaderTextStyle}" 
             />
+
+        <Grid Grid.Row="1" Grid.Column="1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+            <Image 
+                Grid.Column="0" 
+                Grid.Row="0" 
+                Height="128"
+                Width="128"
+                Source="{Binding AvatarId, Converter={StaticResource AvatarIdToImageConverter}, Mode=OneWay}" />
+        </Grid>
     </Grid>
 </Page>
+
diff --git a/SirenOfShame.Uwp.Ui/Views/ViewUser.xaml.cs b/SirenOfShame.Uwp.Ui/Views/ViewUser.xaml.cs
@@ -33,6 +33,7 @@ protected override void OnNavigatedTo(NavigationEventArgs e)
             base.OnNavigatedTo(e);
             var person = e.Parameter as PersonDto;
             if (person == null) return;
+            DataContext = person;
             Title.Text = person.DisplayName;
         }