WIP: swap to vector icons (for android only, iOS can SVG)

MobileApp1.Android/MobileApp1.Android.csproj

@@ -96,5 +96,20 @@
   <ItemGroup>
     <AndroidResource Include="Resources\drawable\splash_screen.xml" />
   </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\ic_home.xml" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\ic_helpcircle.xml" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\ic_settings.xml" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\ic_folder.xml" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\ic_logout.xml" />
+  </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
 </Project>

MobileApp1.Android/Resources/Resource.designer.cs

@@ -11683,118 +11683,133 @@ namespace MobileApp1.Droid
 			public const int design_snackbar_background = 2131165292;
 			
 			// aapt resource value: 0x7F07006D
-			public const int ic_mtrl_checked_circle = 2131165293;
+			public const int ic_folder = 2131165293;
 			
 			// aapt resource value: 0x7F07006E
-			public const int ic_mtrl_chip_checked_black = 2131165294;
+			public const int ic_helpcircle = 2131165294;
 			
 			// aapt resource value: 0x7F07006F
-			public const int ic_mtrl_chip_checked_circle = 2131165295;
+			public const int ic_home = 2131165295;
 			
 			// aapt resource value: 0x7F070070
-			public const int ic_mtrl_chip_close_circle = 2131165296;
+			public const int ic_logout = 2131165296;
 			
 			// aapt resource value: 0x7F070071
-			public const int material_ic_calendar_black_24dp = 2131165297;
+			public const int ic_mtrl_checked_circle = 2131165297;
 			
 			// aapt resource value: 0x7F070072
-			public const int material_ic_clear_black_24dp = 2131165298;
+			public const int ic_mtrl_chip_checked_black = 2131165298;
 			
 			// aapt resource value: 0x7F070073
-			public const int material_ic_edit_black_24dp = 2131165299;
+			public const int ic_mtrl_chip_checked_circle = 2131165299;
 			
 			// aapt resource value: 0x7F070074
-			public const int material_ic_keyboard_arrow_left_black_24dp = 2131165300;
+			public const int ic_mtrl_chip_close_circle = 2131165300;
 			
 			// aapt resource value: 0x7F070075
-			public const int material_ic_keyboard_arrow_right_black_24dp = 2131165301;
+			public const int ic_settings = 2131165301;
 			
 			// aapt resource value: 0x7F070076
-			public const int material_ic_menu_arrow_down_black_24dp = 2131165302;
+			public const int material_ic_calendar_black_24dp = 2131165302;
 			
 			// aapt resource value: 0x7F070077
-			public const int material_ic_menu_arrow_up_black_24dp = 2131165303;
+			public const int material_ic_clear_black_24dp = 2131165303;
 			
 			// aapt resource value: 0x7F070078
-			public const int mtrl_dialog_background = 2131165304;
+			public const int material_ic_edit_black_24dp = 2131165304;
 			
 			// aapt resource value: 0x7F070079
-			public const int mtrl_dropdown_arrow = 2131165305;
+			public const int material_ic_keyboard_arrow_left_black_24dp = 2131165305;
 			
 			// aapt resource value: 0x7F07007A
-			public const int mtrl_ic_arrow_drop_down = 2131165306;
+			public const int material_ic_keyboard_arrow_right_black_24dp = 2131165306;
 			
 			// aapt resource value: 0x7F07007B
-			public const int mtrl_ic_arrow_drop_up = 2131165307;
+			public const int material_ic_menu_arrow_down_black_24dp = 2131165307;
 			
 			// aapt resource value: 0x7F07007C
-			public const int mtrl_ic_cancel = 2131165308;
+			public const int material_ic_menu_arrow_up_black_24dp = 2131165308;
 			
 			// aapt resource value: 0x7F07007D
-			public const int mtrl_ic_error = 2131165309;
+			public const int mtrl_dialog_background = 2131165309;
 			
 			// aapt resource value: 0x7F07007E
-			public const int mtrl_popupmenu_background = 2131165310;
+			public const int mtrl_dropdown_arrow = 2131165310;
 			
 			// aapt resource value: 0x7F07007F
-			public const int mtrl_popupmenu_background_dark = 2131165311;
+			public const int mtrl_ic_arrow_drop_down = 2131165311;
 			
 			// aapt resource value: 0x7F070080
-			public const int mtrl_tabs_default_indicator = 2131165312;
+			public const int mtrl_ic_arrow_drop_up = 2131165312;
 			
 			// aapt resource value: 0x7F070081
-			public const int navigation_empty_icon = 2131165313;
+			public const int mtrl_ic_cancel = 2131165313;
 			
 			// aapt resource value: 0x7F070082
-			public const int notification_action_background = 2131165314;
+			public const int mtrl_ic_error = 2131165314;
 			
 			// aapt resource value: 0x7F070083
-			public const int notification_bg = 2131165315;
+			public const int mtrl_popupmenu_background = 2131165315;
 			
 			// aapt resource value: 0x7F070084
-			public const int notification_bg_low = 2131165316;
+			public const int mtrl_popupmenu_background_dark = 2131165316;
 			
 			// aapt resource value: 0x7F070085
-			public const int notification_bg_low_normal = 2131165317;
+			public const int mtrl_tabs_default_indicator = 2131165317;
 			
 			// aapt resource value: 0x7F070086
-			public const int notification_bg_low_pressed = 2131165318;
+			public const int navigation_empty_icon = 2131165318;
 			
 			// aapt resource value: 0x7F070087
-			public const int notification_bg_normal = 2131165319;
+			public const int notification_action_background = 2131165319;
 			
 			// aapt resource value: 0x7F070088
-			public const int notification_bg_normal_pressed = 2131165320;
+			public const int notification_bg = 2131165320;
 			
 			// aapt resource value: 0x7F070089
-			public const int notification_icon_background = 2131165321;
+			public const int notification_bg_low = 2131165321;
 			
 			// aapt resource value: 0x7F07008A
-			public const int notification_template_icon_bg = 2131165322;
+			public const int notification_bg_low_normal = 2131165322;
 			
 			// aapt resource value: 0x7F07008B
-			public const int notification_template_icon_low_bg = 2131165323;
+			public const int notification_bg_low_pressed = 2131165323;
 			
 			// aapt resource value: 0x7F07008C
-			public const int notification_tile_bg = 2131165324;
+			public const int notification_bg_normal = 2131165324;
 			
 			// aapt resource value: 0x7F07008D
-			public const int notify_panel_notification_icon_bg = 2131165325;
+			public const int notification_bg_normal_pressed = 2131165325;
 			
 			// aapt resource value: 0x7F07008E
-			public const int splash_logo = 2131165326;
+			public const int notification_icon_background = 2131165326;
 			
 			// aapt resource value: 0x7F07008F
-			public const int splash_screen = 2131165327;
+			public const int notification_template_icon_bg = 2131165327;
 			
 			// aapt resource value: 0x7F070090
-			public const int test_custom_background = 2131165328;
+			public const int notification_template_icon_low_bg = 2131165328;
 			
 			// aapt resource value: 0x7F070091
-			public const int tooltip_frame_dark = 2131165329;
+			public const int notification_tile_bg = 2131165329;
 			
 			// aapt resource value: 0x7F070092
-			public const int tooltip_frame_light = 2131165330;
+			public const int notify_panel_notification_icon_bg = 2131165330;
+			
+			// aapt resource value: 0x7F070093
+			public const int splash_logo = 2131165331;
+			
+			// aapt resource value: 0x7F070094
+			public const int splash_screen = 2131165332;
+			
+			// aapt resource value: 0x7F070095
+			public const int test_custom_background = 2131165333;
+			
+			// aapt resource value: 0x7F070096
+			public const int tooltip_frame_dark = 2131165334;
+			
+			// aapt resource value: 0x7F070097
+			public const int tooltip_frame_light = 2131165335;
 			
 			static Drawable()
 			{

MobileApp1.Android/Resources/drawable/ic_folder.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+
+    <path
+        android:strokeColor="#000000"
+        android:strokeWidth="2"
+        android:pathData="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" />
+</vector>

MobileApp1.Android/Resources/drawable/ic_helpcircle.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:strokeColor="#000000"
+      android:strokeWidth="2"
+      android:pathData="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
+  <path
+      android:strokeColor="#000000"
+      android:strokeWidth="2"
+      android:pathData="M 12 17 L 12.01 17" />
+  <path
+      android:strokeColor="#000000"
+      android:strokeWidth="2"
+      android:pathData="M 12 2 C 17.5228474983 2 22 6.47715250169 22 12 C 22 17.5228474983 17.5228474983 22 12 22 C 6.47715250169 22 2 17.5228474983 2 12 C 2 6.47715250169 6.47715250169 2 12 2 Z" />
+</vector>

MobileApp1.Android/Resources/drawable/ic_home.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+
+  <path
+      android:strokeColor="#000000"
+      android:strokeWidth="2"
+      android:pathData="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+  <path
+      android:strokeColor="#000000"
+      android:strokeWidth="2"
+      android:pathData="M 9 22 L 9 12 L 15 12 L 15 22 " />
+</vector>

MobileApp1.Android/Resources/drawable/ic_logout.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+
+    <path
+        android:strokeColor="#000000"
+        android:strokeWidth="2"
+        android:pathData="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />
+    <path
+        android:strokeColor="#000000"
+        android:strokeWidth="2"
+        android:pathData="M 16 17 L 21 12 L 16 7 " />
+    <path
+        android:strokeColor="#000000"
+        android:strokeWidth="2"
+        android:pathData="M 21 12 L 9 12" />
+</vector>

MobileApp1.Android/Resources/drawable/ic_settings.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+
+    <path
+        android:strokeColor="#000000"
+        android:strokeWidth="2"
+        android:pathData="M 12 9 C 13.6568542495 9 15 10.3431457505 15 12 C 15 13.6568542495 13.6568542495 15 12 15 C 10.3431457505 15 9 13.6568542495 9 12 C 9 10.3431457505 10.3431457505 9 12 9 Z" />
+    <path
+        android:strokeColor="#000000"
+        android:strokeWidth="2"
+        android:pathData="M19.4 15a1.65 1.65 0 0 0 0.33 1.82l0.06 0.06 a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-0.06-0.06a1.65 1.65 0 0 0-1.82-0.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-0.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82 0.33 l-0.06 0.06 a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l0.06-0.06a1.65 1.65 0 0 0 0.33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h0.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-0.33-1.82l-0.06-0.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l0.06 0.06 a1.65 1.65 0 0 0 1.82 0.33 H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v0.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-0.33l0.06-0.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-0.06 0.06 a1.65 1.65 0 0 0-0.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-0.09a1.65 1.65 0 0 0-1.51 1z" />
+</vector>

MobileApp1/App.xaml.cs

@@ -18,6 +18,7 @@ namespace MobileApp1
             //MainPage = new AppShell();
 
             MainPage = new NavigationPage(new LoginPage());
+            //MainPage = new MainPage();
         }
 
         protected override void OnStart()

MobileApp1/Helpers/ContentPageHelper.cs

@@ -1,45 +1,101 @@
-using Xamarin.Forms;
+using System;
+using Xamarin.Forms;
 
 namespace MobileApp1.Views
 {
     public class ContentPageHelper
     {
 
-        public static App GetApp(ContentPage view)
+        public static App GetApp(ContentPage view) => (App)GetParentElement<App>(view);
+        //{
+        //    if (view == null) return null;
+
+        //    Element item = view.Parent;
+
+        //    while (true)
+        //    {
+        //        if (item == null) break;
+        //        if (item is App) break;
+
+        //        item = item.Parent;
+        //    }
+
+        //    return (item as App);
+        //}
+
+        public static Application GetApplication(ContentPage view) => (Application)GetParentElement<Application>(view);
+//{
+//            if (view == null) return null;
+
+//            Element item = view.Parent;
+
+//            while (true)
+//            {
+//                if (item == null) break;
+//                if (item is Application) break;
+
+//                item = item.Parent;
+//            }
+
+//            return (item as Application);
+//        }
+
+        public static MainPage GetMainPage(ContentPage view) => (MainPage)GetParentElement<MainPage>(view);
+
+        public static object GetParentElement<T>(ContentPage view)
         {
-            if (view == null) return null;
+            if (view == null) return default(T);
 
             Element item = view.Parent;
 
             while (true)
             {
                 if (item == null) break;
-                if (item is App) break;
+                if (item is T) break;
 
                 item = item.Parent;
             }
 
-            return (item as App);
+            //try
+            //{
+            //    return (T)Convert.ChangeType(item, typeof(T));
+            //}
+            //catch (InvalidCastException)
+            //{
+            //    return default(T);
+            //}
+
+            return item;
         }
 
-        public static Application GetApplication(ContentPage view)
+        public static void SetDetailPage(ContentPage view, Type pageType, bool useNavigationPage = true) => SetDetailPage(view, (Page)Activator.CreateInstance(pageType), useNavigationPage);
+
+        public static void SetDetailPage(ContentPage view, Page page, bool useNavigationPage = true)
         {
-            if (view == null) return null;
+            if (view == null) return;
+            if (view.Parent == null) return;
+            if (page == null) return;
 
-            Element item = view.Parent;
-
-            while (true)
+            MainPage rs = GetMainPage(view);
+            if (rs == null)
             {
-                if (item == null) break;
-                if (item is Application) break;
-
-                item = item.Parent;
+                return;
             }
 
-            return (item as Application);
+            Device.BeginInvokeOnMainThread(() =>
+            {
+                if (useNavigationPage)
+                {
+                    rs.Detail = new NavigationPage(page);
+                }
+                else
+                {
+                    rs.Detail = page;
+                }
+            });
         }
 
-        public static void SetMainPage(ContentPage view, Page page)
+        public static void SetMainPage(ContentPage view, Page page, bool useNavigationPage = false)
         {
             if (view == null) return;
             if (view.Parent == null) return;
@@ -51,8 +107,17 @@ namespace MobileApp1.Views
                 return;
             }
 
-            //rs.MainPage = new NavigationPage(new PasswordResetPage());
-            rs.MainPage = page;
+            Device.BeginInvokeOnMainThread(() =>
+            {
+                if (useNavigationPage)
+                {
+                    rs.MainPage = new NavigationPage(page);
+                }
+                else
+                {
+                    rs.MainPage = page;
+                }
+            });
         }
 
         public static async void PushMainPageNavigation(ContentPage view, Page page)

MobileApp1/Helpers/ContentViewHelper.cs

@@ -6,24 +6,43 @@ namespace MobileApp1.Views
     public class ContentViewHelper
     {
 
-        public static ContentPage GetContentPage(ContentView view)
-        {
-            if (view == null) return null;
+        public static App GetApp(ContentView view) => (App)GetParentElement<App>(view);
+        //{
+        //    if (view == null) return null;
 
-            Element item = view.Parent;
+        //    Element item = view.Parent;
 
-            while (true)
-            {
-                if (item == null) break;
-                if (item is ContentPage) break;
+        //    while (true)
+        //    {
+        //        if (item == null) break;
+        //        if (item is App) break;
 
-                item = item.Parent;
-            }
+        //        item = item.Parent;
+        //    }
 
-            return (item as ContentPage);
-        }
+        //    return (item as App);
+        //}
 
-        public static T GetContentPage<T>(ContentView view)
+        public static Application GetApplication(ContentView view) => (Application)GetParentElement<Application>(view);
+        //{
+        //    if (view == null) return null;
+
+        //    Element item = view.Parent;
+
+        //    while (true)
+        //    {
+        //        if (item == null) break;
+        //        if (item is Application) break;
+
+        //        item = item.Parent;
+        //    }
+
+        //    return (item as Application);
+        //}
+
+        public static ContentPage GetContentPage(ContentView view) => (ContentPage)GetParentElement<ContentPage>(view);
+
+        public static object GetParentElement<T>(ContentView view)
         {
             if (view == null) return default(T);
 
@@ -37,48 +56,16 @@ namespace MobileApp1.Views
                 item = item.Parent;
             }
 
-            try
-            {
-                return (T)Convert.ChangeType(item, typeof(T));
-            }
-            catch (InvalidCastException)
-            {
-                return default(T);
-            }
-        }
+            //try
+            //{
+            //    return (T)Convert.ChangeType(item, typeof(T));
+            //}
+            //catch (InvalidCastException)
+            //{
+            //    return default(T);
+            //}
 
-        public static App GetApp(ContentView view)
-        {
-            if (view == null) return null;
-
-            Element item = view.Parent;
-
-            while (true)
-            {
-                if (item == null) break;
-                if (item is App) break;
-
-                item = item.Parent;
-            }
-
-            return (item as App);
-        }
-
-        public static Application GetApplication(ContentView view)
-        {
-            if (view == null) return null;
-
-            Element item = view.Parent;
-
-            while (true)
-            {
-                if (item == null) break;
-                if (item is Application) break;
-
-                item = item.Parent;
-            }
-
-            return (item as Application);
+            return item;
         }
 
         public static void SetMainPage(ContentView view, Page page)

MobileApp1/MobileApp1.csproj

@@ -13,6 +13,9 @@
     <Compile Remove="Views\ItemDetailPage.xaml.cs" />
     <Compile Remove="Views\ItemsPage.xaml.cs" />
     <Compile Remove="Views\LoginPage1.xaml.cs" />
+    <Compile Remove="Views\MainPageDetail.xaml.cs" />
+    <Compile Remove="Views\MainPageFlyout.xaml.cs" />
+    <Compile Remove="Views\MainPageFlyoutMenuItem.cs" />
     <Compile Remove="Views\NewItemPage.xaml.cs" />
   </ItemGroup>
 
@@ -21,6 +24,8 @@
     <EmbeddedResource Remove="Views\ItemDetailPage.xaml" />
     <EmbeddedResource Remove="Views\ItemsPage.xaml" />
     <EmbeddedResource Remove="Views\LoginPage1.xaml" />
+    <EmbeddedResource Remove="Views\MainPageDetail.xaml" />
+    <EmbeddedResource Remove="Views\MainPageFlyout.xaml" />
     <EmbeddedResource Remove="Views\NewItemPage.xaml" />
   </ItemGroup>
 
@@ -30,12 +35,21 @@
   </ItemGroup>
 
   <ItemGroup>
+    <Compile Update="Views\AboutPage.xaml.cs">
+      <DependentUpon>AboutPage.xaml</DependentUpon>
+    </Compile>
     <Compile Update="Views\Content\LoadingIndicatorView.xaml.cs">
       <DependentUpon>LoadingIndicatorView.xaml</DependentUpon>
     </Compile>
     <Compile Update="Views\Content\CompanyHeaderView.xaml.cs">
       <DependentUpon>CompanyHeaderView.xaml</DependentUpon>
     </Compile>
+    <Compile Update="Views\LogoutPage.xaml.cs">
+      <DependentUpon>LogoutPage.xaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\MyStuffPage.xaml.cs">
+      <DependentUpon>MyStuffPage.xaml</DependentUpon>
+    </Compile>
     <Compile Update="Views\PasswordResetPage.xaml.cs">
       <DependentUpon>PasswordResetPage.xaml</DependentUpon>
     </Compile>
@@ -51,14 +65,32 @@
     <Compile Update="Views\Content\Login\LoginView.xaml.cs">
       <DependentUpon>LoginView.xaml</DependentUpon>
     </Compile>
+    <Compile Update="Views\HomePage.xaml.cs">
+      <DependentUpon>HomePage.xaml</DependentUpon>
+    </Compile>
   </ItemGroup>
 
   <ItemGroup>
+    <EmbeddedResource Update="Views\AboutPage.xaml">
+      <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
+    </EmbeddedResource>
+    <EmbeddedResource Update="Views\FlyoutMenuPage.xaml">
+      <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
+    </EmbeddedResource>
     <EmbeddedResource Update="Views\LoginPage.xaml">
       <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
     </EmbeddedResource>
     <EmbeddedResource Update="Views\Content\Login\LoginView.xaml">
       <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
     </EmbeddedResource>
+    <EmbeddedResource Update="Views\MainPage.xaml">
+      <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
+    </EmbeddedResource>
+    <EmbeddedResource Update="Views\HomePage.xaml">
+      <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
+    </EmbeddedResource>
+    <EmbeddedResource Update="Views\SettingsPage.xaml">
+      <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
+    </EmbeddedResource>
   </ItemGroup>
 </Project>

MobileApp1/Models/FlyoutPageItem.cs

@@ -0,0 +1,13 @@
+using System;
+
+namespace MobileApp1.Models
+{
+    public class FlyoutPageItem
+    {
+        public string Title { get; set; }
+
+        public string Icon { get; set; }
+
+        public Type TargetType { get; set; }
+    }
+}

MobileApp1/Services/CorporationMockService.cs

@@ -31,7 +31,7 @@
 
         public ServiceResult Logout()
         {
-            System.Threading.Thread.Sleep(6000);
+            System.Threading.Thread.Sleep(1000);
 
             this.DisplayName = string.Empty;
             this.IsLoggedIn = false;
@@ -45,7 +45,7 @@
 
         public ServiceResult RequestPasswordReset(string username)
         {
-            System.Threading.Thread.Sleep(6000);
+            System.Threading.Thread.Sleep(1000);
 
             this.DisplayName = string.Empty;
             this.IsLoggedIn = false;

MobileApp1/Views/AboutPage.xaml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:views="clr-namespace:MobileApp1.Views"
+    x:Class="MobileApp1.Views.AboutPage"
+    Title="About">
+    <ContentPage.Content>
+        <StackLayout Margin="20">
+            <views:AboutView />
+        </StackLayout>
+    </ContentPage.Content>
+</ContentPage>

MobileApp1/Views/AboutPage.xaml.cs

@@ -0,0 +1,20 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace MobileApp1.Views
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class AboutPage : ContentPage
+    {
+        public AboutPage()
+        {
+            InitializeComponent();
+        }
+    }
+}

MobileApp1/Views/Content/Login/LoginView.xaml.cs

@@ -24,7 +24,7 @@ namespace MobileApp1.Views
             {
                 isBusy = value;
 
-                LoginPage cp = ContentViewHelper.GetContentPage<LoginPage>(this);
+                LoginPage cp = (LoginPage)ContentViewHelper.GetParentElement<LoginPage>(this);
                 if (cp != null)
                 {
                     cp.IsBusy = value;
@@ -69,16 +69,15 @@ namespace MobileApp1.Views
 
                 this.IsBusy = false;
 
-                //ContentViewHelper.SetMainPage(this, new AppShell());
-
                 //await cp.DisplayAlert("Clicked", "Login", "OK");
 
-
                 if (result.IsSuccess)
                 {
                     /// part 2
                 }
 
+                ContentViewHelper.SetMainPage(this, new MainPage());
+
             });
         }
 

MobileApp1/Views/Content/Login/PasswordResetView.xaml.cs

@@ -24,7 +24,7 @@ namespace MobileApp1.Views
             {
                 isBusy = value;
 
-                LoginPage cp = ContentViewHelper.GetContentPage<LoginPage>(this);
+                LoginPage cp = (LoginPage)ContentViewHelper.GetParentElement<LoginPage>(this);
                 if (cp != null)
                 {
                     cp.IsBusy = value;

MobileApp1/Views/FlyoutMenuPage.xaml

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:models="clr-namespace:MobileApp1.Models"
+    xmlns:views="clr-namespace:MobileApp1.Views"
+    x:Class="MobileApp1.Views.FlyoutMenuPage"
+    Padding="0, 20, 0, 0"
+    Title="Menu">
+    <StackLayout>
+        <Image Source="company_logo.png" WidthRequest="{OnPlatform iOS=180, Android=180}" HorizontalOptions="Center" Margin="0, 0, 0, 20" />
+
+        <ListView x:Name="listView1">
+            <!--<ListView.Footer>
+                <StackLayout VerticalOptions="Start">
+                    <Grid Padding="5, 10">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="30" />
+                            <ColumnDefinition Width="*" />
+                        </Grid.ColumnDefinitions>
+                        <Image Grid.Row="0" Grid.Column="0" Source="logout.png" Margin="3" />
+                        <Label Grid.Row="0" Grid.Column="1" Text="Logout" />
+                    </Grid>
+                </StackLayout>
+            </ListView.Footer>-->
+            <ListView.ItemsSource>
+                <x:Array Type="{x:Type models:FlyoutPageItem}">
+                    <models:FlyoutPageItem Title="Home" Icon="ic_home" TargetType="{x:Type views:HomePage}" />
+                    <models:FlyoutPageItem Title="My Folders" Icon="ic_folder" TargetType="{x:Type views:MyFoldersPage}" />
+                    <models:FlyoutPageItem Title="Settings" Icon="ic_settings" TargetType="{x:Type views:SettingsPage}" />
+                    <models:FlyoutPageItem Title="About" Icon="ic_helpcircle" TargetType="{x:Type views:AboutPage}" />
+                    <models:FlyoutPageItem Title="Logout" Icon="ic_logout" TargetType="{x:Type views:LogoutPage}" />
+                </x:Array>
+            </ListView.ItemsSource>
+            <ListView.ItemTemplate>
+                <DataTemplate>
+                    <ViewCell>
+                        <Grid Padding="5, 10, 5, 10">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="30" />
+                                <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+                            <Image Grid.Column="0" Source="{Binding Icon}" VerticalOptions="Center" />
+                            <Label Grid.Column="1" Text="{Binding Title}" VerticalTextAlignment="Center" />
+                        </Grid>
+                    </ViewCell>
+                </DataTemplate>
+            </ListView.ItemTemplate>
+        </ListView>
+
+        <!--<ListView x:Name="listView" x:FieldModifier="Public" VerticalOptions="Start">
+            <StackLayout>
+                <Grid Padding="5, 10" VerticalOptions="Start">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="30"/>
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+            <Image Grid.Column="0" Source="logout.png" />
+            <Label Grid.Column="1" Text="Logout" />
+        </Grid>
+                </StackLayout>
+        </ListView>-->
+
+    </StackLayout>
+</ContentPage>

MobileApp1/Views/FlyoutMenuPage.xaml.cs

@@ -0,0 +1,47 @@
+using MobileApp1.Models;
+using System.Threading.Tasks;
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace MobileApp1.Views
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class FlyoutMenuPage : ContentPage
+    {
+        public FlyoutMenuPage()
+        {
+            InitializeComponent();
+
+            listView1.ItemSelected += listView1_ItemSelected;
+        }
+
+        private async void listView1_ItemSelected(object sender, SelectedItemChangedEventArgs e)
+        {
+            await Task.Run(() =>
+            {
+                var item = e.SelectedItem as FlyoutPageItem;
+                if (item == null)
+                {
+                    return;
+                }
+
+                MainPage mainPage = ContentPageHelper.GetMainPage(this);
+                if (mainPage == null)
+                {
+                    return;
+                }
+
+                ContentPageHelper.SetDetailPage(this, item.TargetType);
+
+                Device.BeginInvokeOnMainThread(() =>
+                {
+                    listView1.SelectedItem = null;
+
+                    mainPage.IsPresented = false;
+                });
+            });
+        }
+
+
+    }
+}

MobileApp1/Views/HomePage.xaml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:views="clr-namespace:MobileApp1.Views"
+    x:Class="MobileApp1.Views.HomePage"
+    Title="Home">
+    <ContentPage.Content>
+        <ScrollView>
+            <StackLayout Margin="20">
+                <views:CompanyHeaderView />
+
+                <Label Text="Welcome to XYZ" FontSize="Body" />
+                <Label x:Name="label1" Text="Hi, John." />
+                <Label Text=""  Margin="0, 0, 0, 10" />
+
+                <Label Text="Notices" FontSize="Body" />
+                <Label x:Name="label2" Text="You have no notices" />
+                <Label Text=""  Margin="0, 0, 0, 10" />
+
+                <Label Text="Messages" FontSize="Body" />
+                <Label x:Name="label3" Text="You have no messages" />
+                <Label Text=""  Margin="0, 0, 0, 10" />
+
+                <Button x:Name="button1" Margin="0, 20, 0, 0" Text="Let's Get Started" Clicked="button1_Clicked" ></Button>
+
+            </StackLayout>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>

MobileApp1/Views/HomePage.xaml.cs

@@ -0,0 +1,25 @@
+using System;
+using System.Threading.Tasks;
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace MobileApp1.Views
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class HomePage : ContentPage
+    {
+        public HomePage()
+        {
+            InitializeComponent();
+        }
+
+        private async void button1_Clicked(object sender, EventArgs e)
+        {
+            await Task.Run(() =>
+            {
+                ContentPageHelper.SetDetailPage(this, typeof(MyFoldersPage));
+            });
+        }
+
+    }
+}

MobileApp1/Views/LogoutPage.xaml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:views="clr-namespace:MobileApp1.Views"
+    x:Class="MobileApp1.Views.LogoutPage"
+    Title="Logout">
+    <ContentPage.Content>
+        <ScrollView>
+            <StackLayout Margin="20">
+                <views:CompanyHeaderView />
+
+                <Label Text="Logout" FontSize="Body" />
+                <Label Text="Logout of your account." />
+                <Label Text=""  Margin="0, 0, 0, 10" />
+
+                <Button x:Name="button1" Margin="0, 20, 0, 0" Text="Logout" Clicked="button1_Clicked" ></Button>
+
+            </StackLayout>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>

MobileApp1/Views/LogoutPage.xaml.cs

@@ -0,0 +1,25 @@
+using System;
+using System.Threading.Tasks;
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace MobileApp1.Views
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class LogoutPage : ContentPage
+    {
+        public LogoutPage()
+        {
+            InitializeComponent();
+        }
+
+        private async void button1_Clicked(object sender, EventArgs e)
+        {
+            await Task.Run(() =>
+            {
+                ContentPageHelper.SetMainPage(this, new LoginPage());
+            });
+        }
+
+    }
+}

MobileApp1/Views/MainPage.xaml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<FlyoutPage xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:views="clr-namespace:MobileApp1.Views"
+            x:Class="MobileApp1.Views.MainPage">
+    <FlyoutPage.Flyout>
+        <views:FlyoutMenuPage x:Name="flyoutPage" />
+    </FlyoutPage.Flyout>
+    <FlyoutPage.Detail>
+        <NavigationPage>
+            <x:Arguments>
+                <views:HomePage />
+            </x:Arguments>
+        </NavigationPage>
+    </FlyoutPage.Detail>
+</FlyoutPage>

MobileApp1/Views/MainPage.xaml.cs

@@ -0,0 +1,15 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace MobileApp1.Views
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class MainPage : FlyoutPage
+    {
+        public MainPage()
+        {
+            InitializeComponent();
+        }
+
+    }
+}

MobileApp1/Views/MyFoldersPage.xaml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="MobileApp1.Views.MyFoldersPage"
+             xmlns:views="clr-namespace:MobileApp1.Views"
+             Title="My Stuff">
+    <ContentPage.Content>
+        <StackLayout Margin="20">
+            <views:CompanyHeaderView />
+
+            <StackLayout HorizontalOptions="Fill">
+                <ScrollView>
+                    <StackLayout>
+                        <Label x:Name="label1" Text="" Margin="0, 0, 0, 20" FontSize="Body" />
+
+                    </StackLayout>
+                </ScrollView>
+            </StackLayout>
+
+        </StackLayout>
+    </ContentPage.Content>
+</ContentPage>

MobileApp1/Views/MyFoldersPage.xaml.cs

@@ -0,0 +1,16 @@
+using System;
+using Xamarin.Forms;
+
+namespace MobileApp1.Views
+{
+    public partial class MyFoldersPage : ContentPage
+    {
+        public MyFoldersPage()
+        {
+            InitializeComponent();
+
+            label1.Text = Guid.NewGuid().ToString();
+        }
+
+    }
+}

MobileApp1/Views/SettingsPage.xaml

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:views="clr-namespace:MobileApp1.Views"
+    x:Class="MobileApp1.Views.SettingsPage"
+    Title="Settings">
+    <ContentPage.Content>
+        <ScrollView>
+            <StackLayout Margin="20">
+                <Grid Padding="0, 0, 0, 10">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="*" />
+                    </Grid.ColumnDefinitions>
+
+                    <Label Grid.Row="0" Grid.Column="0" Text="CheckBox Setting" VerticalTextAlignment="Center" />
+                    <CheckBox Grid.Row="0" Grid.Column="1" x:Name="checkBox1" HorizontalOptions="EndAndExpand" />
+
+                    <Label Grid.Row="1" Grid.Column="0" Text="Switch Setting" VerticalTextAlignment="Center" />
+                    <Switch Grid.Row="1" Grid.Column="1" x:Name="switchBox1" HorizontalOptions="EndAndExpand" />
+
+                    <Label Grid.Row="2" Grid.Column="0" Text="Date Setting" VerticalTextAlignment="Center" />
+                    <DatePicker Grid.Row="2" Grid.Column="1" x:Name="datePicker1" HorizontalOptions="EndAndExpand" Format="dd/MM/yyyy" />
+
+                    <Label Grid.Row="3" Grid.Column="0" Text="Time Setting" VerticalTextAlignment="Center" />
+                    <TimePicker Grid.Row="3" Grid.Column="1" x:Name="timePicker1" HorizontalOptions="EndAndExpand" Format="HH:mm" />
+
+                    <!--<Label Grid.Row="3" Grid.Column="0" Text="TextBox Setting" VerticalTextAlignment="Center" />
+                    <Entry Grid.Row="3" Grid.Column="1" HorizontalOptions="EndAndExpand" />-->
+
+                    <Label Grid.Row="4" Grid.Column="0" Text="Picker Setting" VerticalTextAlignment="Center" />
+                    <Picker Grid.Row="5" Grid.Column="1" x:Name="pickerBox1" HorizontalOptions="FillAndExpand">
+                        <Picker.Items>
+                            <x:String></x:String>
+                            <x:String>One</x:String>
+                            <x:String>Two</x:String>
+                            <x:String>Three</x:String>
+                            <x:String>Four</x:String>
+                            <x:String>Five</x:String>
+                        </Picker.Items>
+                    </Picker>
+
+                    <!--<Label Grid.Row="5" Grid.Column="0" Text="TextBox Setting" VerticalTextAlignment="Center" />
+                    <RadioButton Grid.Row="5" Grid.Column="1" HorizontalOptions="EndAndExpand" />-->
+
+                    <!--<Label Grid.Row="6" Grid.Column="0" Text="TextBox Setting" VerticalTextAlignment="Center" />
+                    <Slider Grid.Row="6" Grid.Column="1" HorizontalOptions="FillAndExpand" Minimum="0" Maximum="100" />-->
+
+                    <!--<Label Grid.Row="5" Grid.Column="0" Text="TextBox Setting" VerticalTextAlignment="Center" />
+                    <Stepper Grid.Row="5" Grid.Column="1" HorizontalOptions="EndAndExpand" MinimumWidthRequest="100" />-->
+
+                </Grid>
+
+                <Button x:Name="button1" Margin="0, 20, 0, 0" Text="Save" Clicked="button1_Clicked"></Button>
+
+                <views:LoadingIndicatorView x:Name="loadingIndicatorView1" Margin="0, 20, 0, 0" />
+
+            </StackLayout>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>

MobileApp1/Views/SettingsPage.xaml.cs

@@ -0,0 +1,87 @@
+using System;
+using System.Threading.Tasks;
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace MobileApp1.Views
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class SettingsPage : ContentPage
+    {
+        protected bool isBusy = false;
+
+        public SettingsPage()
+        {
+            InitializeComponent();
+        }
+
+        protected override void OnAppearing()
+        {
+            base.OnAppearing();
+
+            if (pickerBox1.Items.Count > 0) pickerBox1.SelectedIndex = 0;
+        }
+
+        private bool IsBusy
+        {
+            get => isBusy;
+            set
+            {
+                isBusy = value;
+
+                Device.BeginInvokeOnMainThread(() =>
+                {
+                    loadingIndicatorView1.IsRunning = value;
+                    checkBox1.IsEnabled = switchBox1.IsEnabled = datePicker1.IsEnabled = pickerBox1.IsEnabled = timePicker1.IsEnabled = !value;
+                    button1.IsEnabled = !value;
+                });
+
+            }
+        }
+
+        private async void button1_Clicked(object sender, EventArgs e)
+        {
+            await Task.Run(() =>
+            {
+                //if (this.Parent == null)
+                //{
+                //    return;
+                //}
+
+                //ContentPage cp = ContentViewHelper.GetContentPage(this);
+                //if (cp == null)
+                //{
+                //    return;
+                //}
+
+                //App ap = ContentViewHelper.GetApp(this);
+                //if (ap == null)
+                //{
+                //    return;
+                //}
+
+                this.IsBusy = true;
+
+                //ServiceResult result = ap.CorporationService.Login(textbox1.Text, textbox2.Text);
+
+                loadingIndicatorView1.Message = "Saved";
+
+                Device.BeginInvokeOnMainThread(() =>
+                {
+                    DisplayAlert("Settings", "Saved", "OK");
+                });
+
+                this.IsBusy = false;
+
+                //ContentViewHelper.SetMainPage(this, new AppShell());
+
+                //if (result.IsSuccess)
+                //{
+
+                //}
+
+            });
+        }
+
+    }
+}

Resources/ic/arrow-right-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg>

Resources/ic/folder.svg

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="folder.svg"
+   id="svg2518"
+   version="1.1"
+   class="feather feather-folder"
+   stroke-linejoin="round"
+   stroke-linecap="round"
+   stroke-width="2"
+   stroke="currentColor"
+   fill="none"
+   viewBox="0 0 24 24"
+   height="24"
+   width="24">
+  <metadata
+     id="metadata2524">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2522" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg2518"
+     inkscape:window-maximized="1"
+     inkscape:window-y="845"
+     inkscape:window-x="1072"
+     inkscape:cy="12"
+     inkscape:cx="12"
+     inkscape:zoom="35.416667"
+     showgrid="false"
+     id="namedview2520"
+     inkscape:window-height="1017"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     style="fill:none;stroke:#000000;stroke-opacity:1"
+     id="path2516"
+     d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" />
+</svg>

Resources/ic/help-circle.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="feather feather-help-circle"
+   version="1.1"
+   id="svg909">
+  <metadata
+     id="metadata915">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs913" />
+  <circle
+     cx="12"
+     cy="12"
+     r="10"
+     id="circle903"
+     style="fill:none;stroke:#000000;stroke-opacity:1" />
+  <g
+     style="stroke:#000000;stroke-opacity:1;fill:none"
+     id="g1915">
+    <path
+       style="stroke:#000000;stroke-opacity:1;fill:none"
+       id="path905"
+       d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
+    <line
+       style="fill:none;stroke:#000000;stroke-opacity:1"
+       id="line907"
+       y2="17"
+       x2="12.01"
+       y1="17"
+       x1="12" />
+  </g>
+</svg>

Resources/ic/home.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg849"
+   version="1.1"
+   class="feather feather-home"
+   stroke-linejoin="round"
+   stroke-linecap="round"
+   stroke-width="2"
+   stroke="currentColor"
+   fill="none"
+   viewBox="0 0 24 24"
+   height="24"
+   width="24">
+  <metadata
+     id="metadata855">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs853" />
+  <path
+     style="stroke:#000000;stroke-opacity:1;fill:none"
+     id="path845"
+     d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+  <polyline
+     style="stroke:#000000;stroke-opacity:1;fill:none"
+     id="polyline847"
+     points="9 22 9 12 15 12 15 22" />
+</svg>

Resources/ic/log-out.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="log-out.svg"
+   id="svg1937"
+   version="1.1"
+   class="feather feather-log-out"
+   stroke-linejoin="round"
+   stroke-linecap="round"
+   stroke-width="2"
+   stroke="currentColor"
+   fill="none"
+   viewBox="0 0 24 24"
+   height="24"
+   width="24">
+  <metadata
+     id="metadata1943">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs1941" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg1937"
+     inkscape:window-maximized="1"
+     inkscape:window-y="845"
+     inkscape:window-x="1072"
+     inkscape:cy="12"
+     inkscape:cx="12"
+     inkscape:zoom="35.416667"
+     showgrid="false"
+     id="namedview1939"
+     inkscape:window-height="1017"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     style="fill:none;stroke:#000000;stroke-opacity:1"
+     id="path1931"
+     d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />
+  <polyline
+     style="stroke:#000000;stroke-opacity:1;fill:none"
+     id="polyline1933"
+     points="16 17 21 12 16 7" />
+  <line
+     style="fill:none;stroke:#000000;stroke-opacity:1"
+     id="line1935"
+     y2="12"
+     x2="9"
+     y1="12"
+     x1="21" />
+</svg>

Resources/ic/settings.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="settings.svg"
+   id="svg881"
+   version="1.1"
+   class="feather feather-settings"
+   stroke-linejoin="round"
+   stroke-linecap="round"
+   stroke-width="2"
+   stroke="currentColor"
+   fill="none"
+   viewBox="0 0 24 24"
+   height="24"
+   width="24">
+  <metadata
+     id="metadata887">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs885" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg881"
+     inkscape:window-maximized="1"
+     inkscape:window-y="845"
+     inkscape:window-x="1072"
+     inkscape:cy="11.682978"
+     inkscape:cx="6.3643096"
+     inkscape:zoom="24.365721"
+     showgrid="false"
+     id="namedview883"
+     inkscape:window-height="1017"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <circle
+     style="fill:none;stroke:#000000;stroke-opacity:1"
+     id="circle877"
+     r="3"
+     cy="12"
+     cx="12" />
+  <path
+     style="stroke:#000000;stroke-opacity:1;fill:none"
+     id="path879"
+     d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" />
+</svg>