Merge pull request #31 from WOA-Project/contacts-wip

Contacts wip
WOA-Project · Aug 9, 2021 · bf66ec9 · bf66ec9
2 parents fd4251d + 736081c
commit bf66ec9
Show file tree

Hide file tree

Showing 90 changed files with 639 additions and 47 deletions.
diff --git a/Dialer/App.xaml.cs b/Dialer/App.xaml.cs
@@ -71,6 +71,7 @@ private async Task InitializateSystems()
             ResourceLoader = ResourceLoader.GetForViewIndependentUse();
             NotificationSystem.Initializate();
             await CallSystem.Initializate();
+            ContactSystem.LoadContacts();
         }
 
         protected override void OnActivated(IActivatedEventArgs args)

diff --git a/Dialer/Assets/BadgeLogo.scale-100.png b/Dialer/Assets/BadgeLogo.scale-100.png
diff --git a/Dialer/Assets/BadgeLogo.scale-125.png b/Dialer/Assets/BadgeLogo.scale-125.png
diff --git a/Dialer/Assets/BadgeLogo.scale-150.png b/Dialer/Assets/BadgeLogo.scale-150.png
diff --git a/Dialer/Assets/BadgeLogo.scale-200.png b/Dialer/Assets/BadgeLogo.scale-200.png
diff --git a/Dialer/Assets/BadgeLogo.scale-400.png b/Dialer/Assets/BadgeLogo.scale-400.png
diff --git a/Dialer/Assets/LargeTile.scale-100.png b/Dialer/Assets/LargeTile.scale-100.png
diff --git a/Dialer/Assets/LargeTile.scale-125.png b/Dialer/Assets/LargeTile.scale-125.png
diff --git a/Dialer/Assets/LargeTile.scale-150.png b/Dialer/Assets/LargeTile.scale-150.png
diff --git a/Dialer/Assets/LargeTile.scale-200.png b/Dialer/Assets/LargeTile.scale-200.png
diff --git a/Dialer/Assets/LargeTile.scale-400.png b/Dialer/Assets/LargeTile.scale-400.png
diff --git a/Dialer/Assets/NoContactIcon.png b/Dialer/Assets/NoContactIcon.png
diff --git a/Dialer/Assets/SmallTile.scale-100.png b/Dialer/Assets/SmallTile.scale-100.png
diff --git a/Dialer/Assets/SmallTile.scale-125.png b/Dialer/Assets/SmallTile.scale-125.png
diff --git a/Dialer/Assets/SmallTile.scale-150.png b/Dialer/Assets/SmallTile.scale-150.png
diff --git a/Dialer/Assets/SmallTile.scale-200.png b/Dialer/Assets/SmallTile.scale-200.png
diff --git a/Dialer/Assets/SmallTile.scale-400.png b/Dialer/Assets/SmallTile.scale-400.png
diff --git a/Dialer/Assets/SplashScreen.scale-100.png b/Dialer/Assets/SplashScreen.scale-100.png
diff --git a/Dialer/Assets/SplashScreen.scale-125.png b/Dialer/Assets/SplashScreen.scale-125.png
diff --git a/Dialer/Assets/SplashScreen.scale-150.png b/Dialer/Assets/SplashScreen.scale-150.png
diff --git a/Dialer/Assets/SplashScreen.scale-200.png b/Dialer/Assets/SplashScreen.scale-200.png
diff --git a/Dialer/Assets/SplashScreen.scale-400.png b/Dialer/Assets/SplashScreen.scale-400.png
diff --git a/Dialer/Assets/Square150x150Logo.scale-100.png b/Dialer/Assets/Square150x150Logo.scale-100.png
diff --git a/Dialer/Assets/Square150x150Logo.scale-125.png b/Dialer/Assets/Square150x150Logo.scale-125.png
diff --git a/Dialer/Assets/Square150x150Logo.scale-150.png b/Dialer/Assets/Square150x150Logo.scale-150.png
diff --git a/Dialer/Assets/Square150x150Logo.scale-200.png b/Dialer/Assets/Square150x150Logo.scale-200.png
diff --git a/Dialer/Assets/Square150x150Logo.scale-400.png b/Dialer/Assets/Square150x150Logo.scale-400.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-16.png b/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-16.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-24.png b/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-24.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-256.png b/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-256.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-32.png b/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-32.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-48.png b/Dialer/Assets/Square44x44Logo.altform-lightunplated_targetsize-48.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-unplated_targetsize-16.png b/Dialer/Assets/Square44x44Logo.altform-unplated_targetsize-16.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-unplated_targetsize-256.png b/Dialer/Assets/Square44x44Logo.altform-unplated_targetsize-256.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-unplated_targetsize-32.png b/Dialer/Assets/Square44x44Logo.altform-unplated_targetsize-32.png
diff --git a/Dialer/Assets/Square44x44Logo.altform-unplated_targetsize-48.png b/Dialer/Assets/Square44x44Logo.altform-unplated_targetsize-48.png
diff --git a/Dialer/Assets/Square44x44Logo.scale-100.png b/Dialer/Assets/Square44x44Logo.scale-100.png
diff --git a/Dialer/Assets/Square44x44Logo.scale-125.png b/Dialer/Assets/Square44x44Logo.scale-125.png
diff --git a/Dialer/Assets/Square44x44Logo.scale-150.png b/Dialer/Assets/Square44x44Logo.scale-150.png
diff --git a/Dialer/Assets/Square44x44Logo.scale-200.png b/Dialer/Assets/Square44x44Logo.scale-200.png
diff --git a/Dialer/Assets/Square44x44Logo.scale-400.png b/Dialer/Assets/Square44x44Logo.scale-400.png
diff --git a/Dialer/Assets/Square44x44Logo.targetsize-16.png b/Dialer/Assets/Square44x44Logo.targetsize-16.png
diff --git a/Dialer/Assets/Square44x44Logo.targetsize-24.png b/Dialer/Assets/Square44x44Logo.targetsize-24.png
diff --git a/Dialer/Assets/Square44x44Logo.targetsize-24_altform-unplated.png b/Dialer/Assets/Square44x44Logo.targetsize-24_altform-unplated.png
diff --git a/Dialer/Assets/Square44x44Logo.targetsize-256.png b/Dialer/Assets/Square44x44Logo.targetsize-256.png
diff --git a/Dialer/Assets/Square44x44Logo.targetsize-32.png b/Dialer/Assets/Square44x44Logo.targetsize-32.png
diff --git a/Dialer/Assets/Square44x44Logo.targetsize-48.png b/Dialer/Assets/Square44x44Logo.targetsize-48.png
diff --git a/Dialer/Assets/StoreLogo.scale-100.png b/Dialer/Assets/StoreLogo.scale-100.png
diff --git a/Dialer/Assets/StoreLogo.scale-125.png b/Dialer/Assets/StoreLogo.scale-125.png
diff --git a/Dialer/Assets/StoreLogo.scale-150.png b/Dialer/Assets/StoreLogo.scale-150.png
diff --git a/Dialer/Assets/StoreLogo.scale-200.png b/Dialer/Assets/StoreLogo.scale-200.png
diff --git a/Dialer/Assets/StoreLogo.scale-400.png b/Dialer/Assets/StoreLogo.scale-400.png
diff --git a/Dialer/Assets/Wide310x150Logo.scale-100.png b/Dialer/Assets/Wide310x150Logo.scale-100.png
diff --git a/Dialer/Assets/Wide310x150Logo.scale-125.png b/Dialer/Assets/Wide310x150Logo.scale-125.png
diff --git a/Dialer/Assets/Wide310x150Logo.scale-150.png b/Dialer/Assets/Wide310x150Logo.scale-150.png
diff --git a/Dialer/Assets/Wide310x150Logo.scale-200.png b/Dialer/Assets/Wide310x150Logo.scale-200.png
diff --git a/Dialer/Assets/Wide310x150Logo.scale-400.png b/Dialer/Assets/Wide310x150Logo.scale-400.png
diff --git a/Dialer/Dialer.csproj b/Dialer/Dialer.csproj
@@ -31,7 +31,7 @@
     <HoursBetweenUpdateChecks>0</HoursBetweenUpdateChecks>
     <AppxPackageSigningEnabled>True</AppxPackageSigningEnabled>
     <AppxPackageSigningTimestampDigestAlgorithm>SHA256</AppxPackageSigningTimestampDigestAlgorithm>
-    <PackageCertificateThumbprint>22CE1297025BAE413F6BEF99F1A63E5B7BB2536B</PackageCertificateThumbprint>
+    <PackageCertificateThumbprint>040885C2D07C83DDF905F42787FC244EFB3EFD00</PackageCertificateThumbprint>
   </PropertyGroup>
   <PropertyGroup Condition="'$(Configuration)|$(Platform)' == 'Debug|x86'">
     <DebugSymbols>true</DebugSymbols>
@@ -136,28 +136,38 @@
     <Compile Include="Helpers\ReadOnlyObservableCollection2.cs" />
     <Compile Include="Systems\BackgroundSystem.cs" />
     <Compile Include="Systems\CallSystem.cs" />
+    <Compile Include="Systems\ContactSystem.cs" />
     <Compile Include="Systems\DeviceSystem.cs" />
     <Compile Include="Systems\MessagingSystem.cs" />
     <Compile Include="Systems\NotificationSystem.cs" />
     <Compile Include="Helpers\DateTimeOffsetComparer.cs" />
+    <Compile Include="UI\Controls\AdditionalPhoneContactPresenter.xaml.cs">
+      <DependentUpon>AdditionalPhoneContactPresenter.xaml</DependentUpon>
+    </Compile>
     <Compile Include="UI\Controls\CallHistoryEntryPresenter.xaml.cs">
       <DependentUpon>CallHistoryEntryPresenter.xaml</DependentUpon>
     </Compile>
+    <Compile Include="UI\Controls\ContactControl.xaml.cs">
+      <DependentUpon>ContactControl.xaml</DependentUpon>
+    </Compile>
     <Compile Include="UI\Controls\LinePresenter.xaml.cs">
       <DependentUpon>LinePresenter.xaml</DependentUpon>
     </Compile>
-    <Compile Include="UI\Conventers\CallHistoryEntryToCallStateGlyphString.cs" />
-    <Compile Include="UI\Conventers\CallHistoryEntryToContact.cs" />
-    <Compile Include="UI\Conventers\DateTimeToString.cs" />
-    <Compile Include="UI\Conventers\PhoneLineToDisplayNameText.cs" />
-    <Compile Include="UI\Conventers\CallHistoryEntryToLineIconBitmap.cs" />
-    <Compile Include="UI\Conventers\CallHistoryEntryToLineDisplayNameText.cs" />
-    <Compile Include="UI\Conventers\CallToCallStateGlyphString.cs" />
-    <Compile Include="UI\Conventers\CallHistoryEntryToCallStateTextString.cs" />
-    <Compile Include="UI\Conventers\CallToCallStateTextString.cs" />
-    <Compile Include="UI\Conventers\PageNameToGlyphString.cs" />
-    <Compile Include="UI\Conventers\PageNameToTextString.cs" />
-    <Compile Include="UI\Conventers\CallToCallLengthTextString.cs" />
+    <Compile Include="UI\Controls\VerticalIndexScrollbar.xaml.cs">
+      <DependentUpon>VerticalIndexScrollbar.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="UI\Converters\CallHistoryEntryToCallStateGlyphString.cs" />
+    <Compile Include="UI\Converters\CallHistoryEntryToContact.cs" />
+    <Compile Include="UI\Converters\DateTimeToString.cs" />
+    <Compile Include="UI\Converters\PhoneLineToDisplayNameText.cs" />
+    <Compile Include="UI\Converters\CallHistoryEntryToLineIconBitmap.cs" />
+    <Compile Include="UI\Converters\CallHistoryEntryToLineDisplayNameText.cs" />
+    <Compile Include="UI\Converters\CallToCallStateGlyphString.cs" />
+    <Compile Include="UI\Converters\CallHistoryEntryToCallStateTextString.cs" />
+    <Compile Include="UI\Converters\CallToCallStateTextString.cs" />
+    <Compile Include="UI\Converters\PageNameToGlyphString.cs" />
+    <Compile Include="UI\Converters\PageNameToTextString.cs" />
+    <Compile Include="UI\Converters\CallToCallLengthTextString.cs" />
     <Compile Include="Systems\UISystem.cs" />
     <Compile Include="UI\Glyphs.cs" />
     <Compile Include="UI\Pages\AboutSettings.xaml.cs">
@@ -235,6 +245,7 @@
     <Content Include="Assets\LargeTile.scale-150.png" />
     <Content Include="Assets\LargeTile.scale-200.png" />
     <Content Include="Assets\LargeTile.scale-400.png" />
+    <Content Include="Assets\NoContactIcon.png" />
     <Content Include="Assets\SmallTile.scale-100.png" />
     <Content Include="Assets\SmallTile.scale-125.png" />
     <Content Include="Assets\SmallTile.scale-150.png" />
@@ -288,10 +299,18 @@
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
     </ApplicationDefinition>
+    <Page Include="UI\Controls\AdditionalPhoneContactPresenter.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="UI\Controls\CallHistoryEntryPresenter.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="UI\Controls\ContactControl.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="UI\Controls\LinePresenter.xaml">
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
@@ -308,7 +327,11 @@
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
     </Page>
-    <Page Include="UI\Conventers\Conventers.xaml">
+    <Page Include="UI\Controls\VerticalIndexScrollbar.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
+    <Page Include="UI\Converters\Converters.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>

diff --git a/Dialer/Systems/ContactSystem.cs b/Dialer/Systems/ContactSystem.cs
@@ -0,0 +1,104 @@
+using Dialer.UI.Controls;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Diagnostics;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Windows.ApplicationModel.Contacts;
+
+namespace Dialer.Systems
+{
+    class ContactSystem
+    {
+        private static ContactStore _contactStore;
+        private static ObservableCollection<Contact> _contacts;
+        private static ObservableCollection<ContactControl> _contactControls;
+
+        public static event EventHandler ContactsLoaded;
+
+        public static bool ContactsLoading = false;
+
+        public static ObservableCollection<Contact> Contacts
+        {
+            get
+            {
+                if (_contacts != null) return _contacts;
+                else return null;
+            }
+        }
+
+        public static ObservableCollection<ContactControl> ContactControls
+        {
+            get
+            {
+                if (_contactControls != null) return _contactControls;
+                else return null;
+            }
+        }
+
+        public static async void LoadContacts()
+        {
+            if(_contacts == null && ContactsLoading == false)
+            {
+                ContactsLoading = true;
+                _contactStore = await ContactManager.RequestStoreAsync();
+                ObservableCollection<Contact> t_contacts = new ObservableCollection<Contact>(await _contactStore.FindContactsAsync());
+
+                Debug.WriteLine("Found " + t_contacts.Count + " contacts");
+
+                ObservableCollection<ContactControl> t_contactControls = new ObservableCollection<ContactControl>();
+
+                foreach (Contact contact in t_contacts)
+                {
+                    ContactControl cc = new ContactControl();
+                    cc.AssociatedContact = contact;
+                    cc.ContactName = contact.DisplayName;
+                    if (contact.Phones.Count == 0) continue;
+                    cc.ContactMainPhone = contact.Phones[0].Number;
+                    List<Tuple<string, string>> additionalPhones = new List<Tuple<string, string>>();
+                    foreach (ContactPhone contactPhone in contact.Phones)
+                    {
+                        additionalPhones.Add(new Tuple<string, string>(contactPhone.Kind.ToString(), contactPhone.Number));
+                    }
+                    cc.AdditionalContactPhones = additionalPhones;
+                    if (contact.SmallDisplayPicture != null)
+                        //TODO: Fix wrong cast
+                        cc.ContactPicture = contact.SmallDisplayPicture;
+                    t_contactControls.Add(cc);
+                }
+                _contacts = t_contacts;
+                _contactControls = t_contactControls;
+
+                ContactsLoading = false;
+
+                ContactsLoaded?.Invoke(null, EventArgs.Empty);
+            }
+        }
+
+        public static async Task DeleteContact(Contact contact)
+        {
+            ContactStore cs = await ContactManager.RequestStoreAsync();
+            ContactList cl = null;
+            try
+            {
+                cl = await cs.GetContactListAsync(contact.ContactListId);
+            }
+            catch
+            {
+                IReadOnlyList<ContactList> contactlists = await cs.FindContactListsAsync();
+                foreach (ContactList _cl in contactlists)
+                {
+                    try
+                    {
+                        if (_cl.GetContactAsync(contact.Id) != null) cl = _cl;
+                    }
+                    catch { }
+                }
+            }
+            if (cl == null) return; //For some reason the correct contact list can't be retrieved. It should be in Contact.ContactListId, but...
+            await cl.DeleteContactAsync(contact);
+        }
+    }
+}
diff --git a/Dialer/Systems/NotificationSystem.cs b/Dialer/Systems/NotificationSystem.cs
@@ -1,5 +1,5 @@
 using Dialer.Helpers;
-using Dialer.UI.Conventers;
+using Dialer.UI.Converters;
 using Internal.Windows.Calls;
 using Microsoft.Toolkit.Uwp.Notifications;
 using System;

diff --git a/Dialer/UI/Controls/AdditionalPhoneContactPresenter.xaml b/Dialer/UI/Controls/AdditionalPhoneContactPresenter.xaml
@@ -0,0 +1,29 @@
+<UserControl
+    x:Class="Dialer.UI.Controls.AdditionalPhoneContactPresenter"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:Dialer.UI.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d"
+    d:DesignHeight="300"
+    d:DesignWidth="400">
+
+    <Grid>
+        <StackPanel Orientation="Vertical" HorizontalAlignment="Left" VerticalAlignment="Center">
+            <TextBlock x:Name="PhoneTypeTB" Style="{StaticResource CaptionTextBlockStyle}" Margin="0, 0, 0, 5"><Run Text="[PhoneType]"/></TextBlock>
+            <TextBlock x:Name="PhoneNumberTB"><Run Text="[+99 999 999999]"/></TextBlock>
+        </StackPanel>
+        <StackPanel Orientation="Horizontal" Spacing="10" HorizontalAlignment="Right">
+            <Button Style="{StaticResource TextBlockButtonStyle}">
+                <FontIcon Foreground="{StaticResource ApplicationForegroundThemeBrush}" FontSize="18" Glyph="&#xE16F;"></FontIcon>
+            </Button>
+            <Button HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0, 0, 0, 0">
+                <StackPanel Orientation="Horizontal" Spacing="10">
+                    <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xE13A;" />
+                    <TextBlock Text="Call"></TextBlock>
+                </StackPanel>
+            </Button>
+        </StackPanel>
+    </Grid>
+</UserControl>
diff --git a/Dialer/UI/Controls/AdditionalPhoneContactPresenter.xaml.cs b/Dialer/UI/Controls/AdditionalPhoneContactPresenter.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+
+namespace Dialer.UI.Controls
+{
+    public sealed partial class AdditionalPhoneContactPresenter : UserControl
+    {
+        public string PhoneType
+        {
+            get => PhoneTypeTB.Text;
+            set => PhoneTypeTB.Text = value;
+        }
+
+        public string PhoneNumber
+        {
+            get => PhoneNumberTB.Text;
+            set => PhoneNumberTB.Text = value;
+        }
+
+        public AdditionalPhoneContactPresenter()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/Dialer/UI/Controls/CallHistoryEntryPresenter.xaml b/Dialer/UI/Controls/CallHistoryEntryPresenter.xaml
@@ -10,7 +10,7 @@
     d:DesignWidth="400" d:DesignHeight="75" HorizontalContentAlignment="Stretch">
 
     <UserControl.Resources>
-        <ResourceDictionary Source="..\Conventers\Conventers.xaml"/>
+        <ResourceDictionary Source="..\Converters\Converters.xaml"/>
     </UserControl.Resources>
 
     <Grid>

diff --git a/Dialer/UI/Controls/CallStatePresenter.xaml b/Dialer/UI/Controls/CallStatePresenter.xaml
@@ -11,7 +11,7 @@
     d:DesignWidth="128">
 
     <UserControl.Resources>
-        <ResourceDictionary Source="..\Conventers\Conventers.xaml"/>
+        <ResourceDictionary Source="..\Converters\Converters.xaml"/>
     </UserControl.Resources>
 
     <Grid HorizontalAlignment="Center">

diff --git a/Dialer/UI/Controls/ContactControl.xaml b/Dialer/UI/Controls/ContactControl.xaml
@@ -0,0 +1,56 @@
+<UserControl
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:Dialer.UI.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:Custom="using:System.Numerics" 
+    xmlns:Windows10version1809="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractPresent(Windows.Foundation.UniversalApiContract, 7)" 
+    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+    x:Class="Dialer.UI.Controls.ContactControl"
+    mc:Ignorable="d"
+    d:DesignHeight="80"
+    d:DesignWidth="600">
+
+    <muxc:Expander x:Name="ContactExpander" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" HorizontalContentAlignment="Stretch">
+        <muxc:Expander.ContextFlyout>
+            <MenuFlyout>
+                <MenuFlyoutItem Text="Call" Icon="Phone" Click="FlyoutCallContact_Click"></MenuFlyoutItem>
+                <MenuFlyoutSeparator></MenuFlyoutSeparator>
+                <MenuFlyoutItem Text="Copy" Icon="Copy" IsEnabled="False"></MenuFlyoutItem>
+                <MenuFlyoutItem Text="Share Contact" Icon="Share" IsEnabled="False"></MenuFlyoutItem>
+                <MenuFlyoutSeparator></MenuFlyoutSeparator>
+                <MenuFlyoutItem Text="Delete Contact" Icon="Delete" Click="FlyoutDeleteContact_Click" IsEnabled="False"></MenuFlyoutItem>
+            </MenuFlyout>
+        </muxc:Expander.ContextFlyout>
+        <muxc:Expander.Header>
+            <Grid x:Name="PrimaryPanel" MinHeight="80" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
+                <Ellipse HorizontalAlignment="Left" VerticalAlignment="Center" Margin="30, 0, 0, 0" Width="40" Height="40">
+                    <Ellipse.Fill>
+                        <ImageBrush x:Name="ContactImage" ImageSource="/Assets/NoContactIcon.png"/>
+                    </Ellipse.Fill>
+                </Ellipse>
+                <StackPanel Orientation="Vertical" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="90, 0, 0, 0">
+                    <TextBlock x:Name="ContactNameTB"><Run Text="[ContactName]"/></TextBlock>
+                    <TextBlock x:Name="ContactMainPhoneTB" Style="{StaticResource CaptionTextBlockStyle}"><Run Text="[+99 999 999999]"/></TextBlock>
+                </StackPanel>
+                <Button x:Name="MainCallButton" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0, 0, 0, 0" Tapped="MainCallButton_Tapped">
+                    <StackPanel Orientation="Horizontal" Spacing="10">
+                        <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xE13A;" />
+                        <TextBlock Text="Call"></TextBlock>
+                    </StackPanel>
+                </Button>
+            </Grid>
+        </muxc:Expander.Header>
+        <Grid x:Name="MoreDataPanel" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
+            <ItemsControl x:Name="ContactsItemsControl" ItemsSource="{x:Bind additionalPhoneContactPresenters}">
+                <ItemsControl.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <StackPanel Spacing="10">
+                        </StackPanel>
+                    </ItemsPanelTemplate>
+                </ItemsControl.ItemsPanel>
+            </ItemsControl>
+        </Grid>
+    </muxc:Expander>
+</UserControl>