Work on smartboxpage

- adds files for account model and view model.
- adds files for contact model and view model.
- adds controls for the smartlist pan.
- adds some stub assets.

Change-Id: I7e5b0cc5d29ac777bce13d1b7db1b6b847513d62

Account.cpp

+/**************************************************************************
+* Copyright (C) 2016 by Savoir-faire Linux                                *
+* Author: Jäger Nicolas <nicolas.jager@savoirfairelinux.com>              *
+*                                                                         *
+* This program is free software; you can redistribute it and/or modify    *
+* it under the terms of the GNU General Public License as published by    *
+* the Free Software Foundation; either version 3 of the License, or       *
+* (at your option) any later version.                                     *
+*                                                                         *
+* This program is distributed in the hope that it will be useful,         *
+* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
+* GNU General Public License for more details.                            *
+*                                                                         *
+* You should have received a copy of the GNU General Public License       *
+* along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
+**************************************************************************/
+#include "pch.h"
+
+#include "Account.h"
+
+using namespace Windows::ApplicationModel::Core;
+using namespace Platform;
+using namespace Windows::UI::Core;
+
+using namespace RingClientUWP;
+
+Account::Account(String^ name,
+                 String^ ringID)
+{
+    name_ = name;
+    ringID_ = ringID;
+}
+
+void
+Account::NotifyPropertyChanged(String^ propertyName)
+{
+    CoreApplicationView^ view = CoreApplication::MainView;
+    view->CoreWindow->Dispatcher->RunAsync(
+        CoreDispatcherPriority::Normal,
+        ref new DispatchedHandler([this, propertyName]()
+    {
+        PropertyChanged(this, ref new PropertyChangedEventArgs(propertyName));
+
+    }));
+}
\ No newline at end of file

Account.h

+#pragma once
+/**************************************************************************
+* Copyright (C) 2016 by Savoir-faire Linux                                *
+* Author: Jäger Nicolas <nicolas.jager@savoirfairelinux.com>              *
+*                                                                         *
+* This program is free software; you can redistribute it and/or modify    *
+* it under the terms of the GNU General Public License as published by    *
+* the Free Software Foundation; either version 3 of the License, or       *
+* (at your option) any later version.                                     *
+*                                                                         *
+* This program is distributed in the hope that it will be useful,         *
+* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
+* GNU General Public License for more details.                            *
+*                                                                         *
+* You should have received a copy of the GNU General Public License       *
+* along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
+**************************************************************************/
+using namespace Platform;
+using namespace Windows::UI::Xaml::Data;
+
+namespace RingClientUWP
+{
+public ref class Account sealed : public INotifyPropertyChanged
+{
+public:
+    Account(String^ name, String^ ringID);
+
+
+    virtual event PropertyChangedEventHandler^ PropertyChanged;
+
+    property String^ name_;
+    property String^ ringID_;
+
+protected:
+    void NotifyPropertyChanged(String^ propertyName);
+
+
+};
+}
+

AccountsViewModel.cpp

+/***************************************************************************
+* Copyright (C) 2016 by Savoir-faire Linux                                *
+* Author: Jger Nicolas <nicolas.jager@savoirfairelinux.com>              *
+*                                                                         *
+* This program is free software; you can redistribute it and/or modify    *
+* it under the terms of the GNU General Public License as published by    *
+* the Free Software Foundation; either version 3 of the License, or       *
+* (at your option) any later version.                                     *
+*                                                                         *
+* This program is distributed in the hope that it will be useful,         *
+* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
+* GNU General Public License for more details.                            *
+*                                                                         *
+* You should have received a copy of the GNU General Public License       *
+* along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
+**************************************************************************/
+#include "pch.h"
+#include "AccountsViewModel.h"
+
+using namespace RingClientUWP;
+using namespace ViewModel;
+
+AccountsViewModel::AccountsViewModel()
+{
+    /* accountList_ should be filled with accounts saved on the disk */
+    accountsList_ = ref new Vector<Account^>();
+
+    accountsList_->Append(ref new Account("Moi","jfdhfshfhsk"));
+    accountsList_->Append(ref new Account("SuperMan", "jfdhfshfhsk"));
+    accountsList_->Append(ref new Account("Travail", "jfdhfshfhsk"));
+}
\ No newline at end of file

AccountsViewModel.h

+#pragma once
+/**************************************************************************
+* Copyright (C) 2016 by Savoir-faire Linux                                *
+* Author: Jger Nicolas <nicolas.jager@savoirfairelinux.com>              *
+*                                                                         *
+* This program is free software; you can redistribute it and/or modify    *
+* it under the terms of the GNU General Public License as published by    *
+* the Free Software Foundation; either version 3 of the License, or       *
+* (at your option) any later version.                                     *
+*                                                                         *
+* This program is distributed in the hope that it will be useful,         *
+* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
+* GNU General Public License for more details.                            *
+*                                                                         *
+* You should have received a copy of the GNU General Public License       *
+* along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
+**************************************************************************/
+using namespace Platform::Collections;
+
+namespace RingClientUWP
+{
+
+namespace ViewModel {
+public ref class AccountsViewModel sealed
+{
+internal:
+    /* singleton */
+    static property AccountsViewModel^ instance
+    {
+        AccountsViewModel^ get()
+        {
+            static AccountsViewModel^ instance_ = ref new AccountsViewModel();
+            return instance_;
+        }
+    }
+
+    /* functions */
+
+    /* properties */
+    property Vector<Account^>^ accountsList
+    {
+        Vector<Account^>^ get()
+        {
+            return accountsList_;
+        }
+    }
+
+    /* events */
+
+private:
+    AccountsViewModel(); // singleton
+    Vector<Account^>^ accountsList_;
+};
+}
+}

Contact.cpp

+/**************************************************************************
+* Copyright (C) 2016 by Savoir-faire Linux                                *
+* Author: Jäger Nicolas <nicolas.jager@savoirfairelinux.com>              *
+*                                                                         *
+* This program is free software; you can redistribute it and/or modify    *
+* it under the terms of the GNU General Public License as published by    *
+* the Free Software Foundation; either version 3 of the License, or       *
+* (at your option) any later version.                                     *
+*                                                                         *
+* This program is distributed in the hope that it will be useful,         *
+* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
+* GNU General Public License for more details.                            *
+*                                                                         *
+* You should have received a copy of the GNU General Public License       *
+* along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
+**************************************************************************/
+#include "pch.h"
+
+#include "Contact.h"
+
+using namespace Windows::ApplicationModel::Core;
+using namespace Platform;
+using namespace Windows::UI::Core;
+
+using namespace RingClientUWP;
+
+Contact::Contact(String^ name,
+                 String^ ringID)
+{
+    name_ = name;
+    ringID_ = ringID;
+}
+
+void
+Contact::NotifyPropertyChanged(String^ propertyName)
+{
+    CoreApplicationView^ view = CoreApplication::MainView;
+    view->CoreWindow->Dispatcher->RunAsync(
+        CoreDispatcherPriority::Normal,
+        ref new DispatchedHandler([this, propertyName]()
+    {
+        PropertyChanged(this, ref new PropertyChangedEventArgs(propertyName));
+
+    }));
+}
\ No newline at end of file

Contact.h

+#pragma once
+/**************************************************************************
+* Copyright (C) 2016 by Savoir-faire Linux                                *
+* Author: Jäger Nicolas <nicolas.jager@savoirfairelinux.com>              *
+*                                                                         *
+* This program is free software; you can redistribute it and/or modify    *
+* it under the terms of the GNU General Public License as published by    *
+* the Free Software Foundation; either version 3 of the License, or       *
+* (at your option) any later version.                                     *
+*                                                                         *
+* This program is distributed in the hope that it will be useful,         *
+* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
+* GNU General Public License for more details.                            *
+*                                                                         *
+* You should have received a copy of the GNU General Public License       *
+* along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
+**************************************************************************/
+using namespace Platform;
+using namespace Windows::UI::Xaml::Data;
+
+namespace RingClientUWP
+{
+public ref class Contact sealed : public INotifyPropertyChanged
+{
+public:
+    Contact(String^ name, String^ ringID);
+
+
+    virtual event PropertyChangedEventHandler^ PropertyChanged;
+
+    property String^ name_;
+    property String^ ringID_;
+
+protected:
+    void NotifyPropertyChanged(String^ propertyName);
+
+
+};
+}
+

ContactsViewModel.cpp

+/***************************************************************************
+* Copyright (C) 2016 by Savoir-faire Linux                                *
+* Author: Jger Nicolas <nicolas.jager@savoirfairelinux.com>              *
+*                                                                         *
+* This program is free software; you can redistribute it and/or modify    *
+* it under the terms of the GNU General Public License as published by    *
+* the Free Software Foundation; either version 3 of the License, or       *
+* (at your option) any later version.                                     *
+*                                                                         *
+* This program is distributed in the hope that it will be useful,         *
+* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
+* GNU General Public License for more details.                            *
+*                                                                         *
+* You should have received a copy of the GNU General Public License       *
+* along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
+**************************************************************************/
+#include "pch.h"
+#include "ContactsViewModel.h"
+
+using namespace RingClientUWP;
+using namespace ViewModel;
+
+ContactsViewModel::ContactsViewModel()
+{
+    contactsList_ = ref new Vector<Contact^>();
+
+    contactsList_->Append(ref new Contact("Homer Simpson", "356373d4fh3d2032d2961f4cbd4e1b46"));
+    contactsList_->Append(ref new Contact("Marge Simpson", "b430222a5219a4cb119607f1cdae900e"));
+    contactsList_->Append(ref new Contact("Marilyn Manson", "9f9a25b6925b1244f863966f4e33798f"));
+    contactsList_->Append(ref new Contact("Jesus Christ", "d1da438329d38517d85d5a523b82ffa8"));
+    contactsList_->Append(ref new Contact("Vladimir Lenin", "e38943ae33c7c9cbd8c6512476927ba7"));
+    contactsList_->Append(ref new Contact("(de)-crypt master", "45527ef8d4d7b0ba2c3b66342ea0279a"));
+    contactsList_->Append(ref new Contact("some people",  "784fe73c815b58233ba020e7ee766911"));
+    contactsList_->Append(ref new Contact("some people with a very very very very long name",  "356373d4f63d2032d2961f4cbd4e1b46"));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+    contactsList_->Append(ref new Contact("some people",  ""));
+}
+
+Contact^
+RingClientUWP::ViewModel::ContactsViewModel::findContactByName(String ^ name)
+{
+    for each (Contact^ contact in contactsList_)
+        if (contact->name_ == name)
+            return contact;
+
+    return nullptr;
+}
+
+Contact^
+RingClientUWP::ViewModel::ContactsViewModel::addNewContact(String^ name, String^ ringId)
+{
+    if (contactsList_ && !findContactByName(name)) {
+        Contact^ contact = ref new Contact(name, ringId);
+        contactsList_->Append(contact);
+        return contact;
+    }
+
+    return nullptr;
+}

ContactsViewModel.h

+#pragma once
+/**************************************************************************
+* Copyright (C) 2016 by Savoir-faire Linux                                *
+* Author: Jger Nicolas <nicolas.jager@savoirfairelinux.com>              *
+*                                                                         *
+* This program is free software; you can redistribute it and/or modify    *
+* it under the terms of the GNU General Public License as published by    *
+* the Free Software Foundation; either version 3 of the License, or       *
+* (at your option) any later version.                                     *
+*                                                                         *
+* This program is distributed in the hope that it will be useful,         *
+* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
+* GNU General Public License for more details.                            *
+*                                                                         *
+* You should have received a copy of the GNU General Public License       *
+* along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
+**************************************************************************/
+using namespace Platform::Collections;
+
+namespace RingClientUWP
+{
+
+delegate void NewContactSelected(Contact^ contact);
+delegate void NoContactSelected();
+
+namespace ViewModel {
+public ref class ContactsViewModel sealed
+{
+internal:
+    /* singleton */
+    static property ContactsViewModel^ instance
+    {
+        ContactsViewModel^ get()
+        {
+            static ContactsViewModel^ instance_ = ref new ContactsViewModel();
+            return instance_;
+        }
+    }
+
+    /* functions */
+    Contact^ findContactByName(String^ name);
+
+    Contact^ addNewContact(String^ name, String^ ringId);
+
+    /* properties */
+    property Contact^ selectedContact
+    {
+        Contact^ get()
+        {
+            return currentItem_;
+        }
+        void set(Contact^ value)
+        {
+            oldItem_ = currentItem_;
+            currentItem_ = value;
+            if (value)
+                newContactSelected(currentItem_);
+            else
+                noContactSelected();
+        }
+    }
+
+    property Vector<Contact^>^ contactsList
+    {
+        Vector<Contact^>^ get()
+        {
+            return contactsList_;
+        }
+    }
+
+    /* events */
+    event NewContactSelected^ newContactSelected;
+    event NoContactSelected^ noContactSelected;
+
+private:
+    ContactsViewModel(); // singleton
+    Vector<Contact^>^ contactsList_;
+    Contact^ currentItem_;
+    Contact^ oldItem_;
+
+};
+}
+}

MainPage.xaml

@@ -55,7 +55,8 @@
         </SplitView.Pane>
         <SplitView.Content>
             <SplitView x:Name="_innerSplitView_"
-                       IsPaneOpen="False"
+                       IsPaneOpen="True"
+                       CompactPaneLength="60"
                        DisplayMode="CompactInline">
                 <SplitView.Pane>
                     <Frame x:Name="_smartPanel_"/>

SmartPanel.xaml

@@ -23,7 +23,338 @@
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
       mc:Ignorable="d">
 
+    <Page.Resources>
+        <!-- template for contacts. -->
+        <DataTemplate x:Key="ContactTemplate"
+                      x:DataType="local:Contact">
+            <Grid>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="60"/>
+                    <!-- use the height of _contactBar_ to make it visible or collapsed. -->
+                    <RowDefinition x:Name="_contactBar_"
+                                   Height="0"/>
+                </Grid.RowDefinitions>
+                <Grid Grid.Row="0">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="60"/>
+                        <ColumnDefinition Width="*"
+                                          MinWidth="200"/>
+                    </Grid.ColumnDefinitions>
+                    <Image x:Name="_contactAvatar_"
+                           VerticalAlignment="Center"
+                           HorizontalAlignment="Center"
+                           Grid.Column="0"
+                           Width="55"
+                           Height="55"
+                           Source="Assets\TESTS\contactAvatar.png"/>
+                    <!-- visual notifications. -->
+                    <Border x:Name="_visualNotificationVideoChat_"
+                            Visibility="Collapsed"
+                            Style="{StaticResource BorderStyle1}">
+                        <TextBlock Text="&#xE8AA;"
+                                   Style="{StaticResource TextSegoeStyle1}"/>
+                        <Border.RenderTransform>
+                            <TranslateTransform X="17" Y="-14"/>
+                        </Border.RenderTransform>
+                    </Border>
+                    <Border x:Name="_visualNotificationNewMessage_"
+                            Visibility="Collapsed"
+                            Style="{StaticResource BorderStyle2}">
+                        <TextBlock Text="0"
+                                   Style="{StaticResource TextStyle3}"/>
+                        <Border.RenderTransform>
+                            <TranslateTransform X="-17" Y="-14"/>
+                        </Border.RenderTransform>
+                    </Border>
+                    <!-- name of the contact. -->
+                    <TextBlock x:Name="_contactName_"
+                               Grid.Column="1"
+                               FontSize="20"
+                               Text="{x:Bind name_}">
+                        <TextBlock.RenderTransform>
+                            <TranslateTransform X="8" Y="3"/>
+                        </TextBlock.RenderTransform>
+                    </TextBlock>
+                </Grid>
+                <!-- button bar for accept/reject or cancel call. -->
+                <!-- nb : dont use Visibility with the grid, use the height of the hosting row (_contactBar_). -->
+                <Grid Width="320"
+                      HorizontalAlignment="Left"
+                      Grid.Row="1"
+                      Background="DarkGray">
+                    <StackPanel Orientation="Horizontal"
+                                HorizontalAlignment="Center">
+                        <Button x:Name="_acceptIncomingCallBtn_"
+                            VerticalAlignment="Center"
+                            HorizontalAlignment="Center"
+                            Style="{StaticResource ButtonStyle2}"
+                            Content="&#xE10B;"/>
+                        <Button x:Name="_rejectIncomingCallBtn_"
+                            VerticalAlignment="Center"
+                            HorizontalAlignment="Center"
+                            Style="{StaticResource ButtonStyle2}"
+                            Content="&#xE106;"/>
+                    </StackPanel>
+                    <TextBlock x:Name="_contactCallStatus_"
+                               Foreground="DarkGray"
+                               Text="Incoming call"
+                               HorizontalAlignment="Center">
+                        <TextBlock.RenderTransform>
+                            <TranslateTransform Y="-30"/>
+                        </TextBlock.RenderTransform>
+                    </TextBlock>
+                </Grid>
+            </Grid>
+        </DataTemplate>
+        <!-- template for accounts. -->
+        <DataTemplate x:Key="AccountTemplate"
+                      x:DataType="local:Account">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="60"/>
+                    <ColumnDefinition Width="*"/>
+                </Grid.ColumnDefinitions>
+                <Image x:Name="_accountAvatar_"
+                       VerticalAlignment="Center"
+                       HorizontalAlignment="Center"
+                       Grid.Column="0"
+                       Width="55"
+                       Height="55"
+                       Source="Assets\TESTS\contactAvatar.png"/>
+                <TextBlock x:Name="_accountName_"
+                           Grid.Column="1"
+                           Text="{x:Bind name_}"/>
+            </Grid>
+        </DataTemplate>
+    </Page.Resources>
+
     <Grid>
+        <Grid.RowDefinitions>
+            <!-- where accounts and share menu drop down are. -->
+            <RowDefinition Height="auto"/>
+            <!-- where contacts and settings are. -->
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+        <!-- drop down menus. -->
+        <Grid Background="LightBlue">
+            <Grid.RowDefinitions>
+                <!-- where the selected account is shown. -->
+                <RowDefinition x:Name="_selectedAccountRow_"
+                               Height="90"/>
+                <!-- where the drop down menus are shown. -->
+                <RowDefinition Height="auto"/>
+            </Grid.RowDefinitions>
+            <!-- selected account. -->
+            <Grid Grid.Row="0">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition x:Name="_selectedAccountAvatarColumn_"
+                                      Width="90"/>
+                    <ColumnDefinition Width="*"/>
+                    <ColumnDefinition Width="50"/>
+                </Grid.ColumnDefinitions>
+                <Image x:Name="_selectedAccountAvatar_"
+                       Source="Assets\TESTS\contactAvatar.png"
+                       Width="80"
+                       Margin="5"
+                       Grid.Column="0"
+                       Height="80"/>
+                <StackPanel Grid.Column="1"
+                            VerticalAlignment="Bottom">
+                    <TextBlock Text="TOT fdsfds fdsO"
+                               Margin="10"
+                               Style="{StaticResource TextStyle2}"/>
+                    <StackPanel Orientation="Horizontal">
+                        <!--Content="&#xE0A1;-->
+                        <ToggleButton x:Name="_accountsMenuButton_"
+                                      VerticalAlignment="Bottom"
+                                      Content="&#xE168;"
+                                      Checked="_accountsMenuButton__Checked"
+                                      Unchecked="_accountsMenuButton__Unchecked"
+                                      Style="{StaticResource ToggleButtonStyle1}"/>
+                        <ToggleButton x:Name="_shareMenuButton_"
+                                      VerticalAlignment="Bottom"
+                                      Content="&#xE72D;"
+                                      Checked="_shareMenuButton__Checked"
+                                      Unchecked="_shareMenuButton__Unchecked"
+                                      Style="{StaticResource ToggleButtonStyle1}"/>
+                    </StackPanel>
+                </StackPanel>
+                <ToggleButton x:Name="_settingsTBtn_"
+                              Grid.Column="2"
+                              VerticalAlignment="Bottom"
+                              Content="&#xE115;"
+                              Checked="_settings__Checked"
+                              Unchecked="_settings__Unchecked"
+                              Style="{StaticResource ToggleButtonStyle1}"/>
+            </Grid>
+
+            <!--sub menus like the accounts list or the share menu are just below, technicaly they are nested inside the
+            same row. To sumon them we use the visibility of their own grid, by linking it to a toggle button-->
+
+            <!-- accounts menu. -->
+            <Grid x:Name="_accountsMenuGrid_"
+                  MaxHeight="350"
+                  Grid.Row="1"
+                  Visibility="Collapsed"
+                  Background="LightBlue">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="*"/>
+                    <RowDefinition Height="30"/>
+                </Grid.RowDefinitions>
+                <ListBox x:Name="_accountsList_"
+                         Grid.Row="0"
+                         ScrollViewer.HorizontalScrollBarVisibility="Auto"
+                         ScrollViewer.HorizontalScrollMode="Enabled"
+                         Width="320"
+                         ItemContainerStyle="{StaticResource contactsListBoxStyle}"
+                         Background="#FFE4F1F9"
+                         ItemTemplate="{StaticResource AccountTemplate}"/>
+                <Button x:Name="_addAccountBtn_"
+                        Grid.Row="1"
+                        VerticalAlignment="Center"
+                        HorizontalAlignment="Center"
+                        Content="&#xE948;"
+                        Click="_addAccountBtn__Click"
+                        Style="{StaticResource ButtonStyle2}"/>