Version 3.0.255

Meinkonrad/TINK/View/RootFlyout/RootPage.xaml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<FlyoutPage xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="TINK.View.Root.RootPage"
+             xmlns:pages="clr-namespace:TINK.View.Root"
+             xmlns:mappage="clr-namespace:TINK.View.Map">
+    <FlyoutPage.Flyout>
+        <pages:RootPageFlyout x:Name="FlyoutPage" />
+  </FlyoutPage.Flyout>
+  <FlyoutPage.Detail>
+    <NavigationPage>
+      <x:Arguments>
+        <mappage:MapPage />
+      </x:Arguments>
+    </NavigationPage>
+  </FlyoutPage.Detail>
+</FlyoutPage>

Meinkonrad/TINK/View/RootFlyout/RootPage.xaml.cs

@@ -0,0 +1,95 @@
+using System;
+using TINK.Model.Station;
+#if USEFLYOUT
+using TINK.View.MasterDetail;
+#endif
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace TINK.View.Root
+{
+    /// <summary>
+    /// Mamages creation of detail pages if a flyout page menu entry is selected.
+    /// Exposes flyout page style navigation which is used by detail pages.
+    /// </summary>
+    /// <remarks>
+    /// Examples of use cases when detail pages do navigation:
+    // - switch to map page after succesfully logging in/ logging out
+    // - switch to login page form bikes at station page if not yet logged in
+    /// </remarks>
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+#if USEFLYOUT
+    public partial class RootPage : FlyoutPage, INavigationMasterDetail
+#else
+    public partial class RootPage : FlyoutPage
+#endif
+    {
+        public RootPage()
+        {
+            InitializeComponent();
+            FlyoutPage.ListView.ItemSelected += OnListViewItemSelected;
+
+            // Any type of split behaviour conflics with map shifting functionality (assuming FlyoutPage behaves same like MasterDetailPage).
+            FlyoutLayoutBehavior = FlyoutLayoutBehavior.Popover;
+ 
+            var navigationPage = Detail as NavigationPage;
+            if (navigationPage == null)
+            {
+                return;
+            }
+
+#if USEFLYOUT
+            var detailPage = navigationPage.RootPage as IDetailPage;
+            if (detailPage == null)
+            {
+                return;
+            }
+
+            detailPage.NavigationMasterDetail = this;
+#endif
+        }
+
+        /// <summary>
+        /// Is called if a flyout page menu entry is selected.
+        /// Creates  a new page.
+        /// </summary>
+        private void OnListViewItemSelected(object sender, SelectedItemChangedEventArgs e)
+        {
+            if (!(e.SelectedItem is RootPageFlyoutMenuItem item))
+            {
+                // Unexpected argument detected.
+                return;
+            }
+
+            // Set selected station to new 
+            App.ModelRoot.SelectedStation = new NullStation();
+
+            ShowPage(item.TargetType, item.Title);
+
+            IsPresented = false;
+            FlyoutPage.ListView.SelectedItem = null;
+        }
+
+        /// <summary>
+        /// Shows a detail page.
+        /// </summary>
+        /// <param name="typeOfPage">Type of page to show.</param>
+        /// <param name="title">Title of page.</param>
+        public void ShowPage(Type typeOfPage, string title)
+        {
+            var page = (Page)Activator.CreateInstance(typeOfPage);
+            page.Title = title;
+
+#if USEFLYOUT
+            if (page is IDetailPage detailPage)
+            {
+                // Detail page needs reference to perform navigation.
+                // Examples see above in xdoc of class.
+                detailPage.NavigationMasterDetail = this;
+            }
+#endif
+
+            Detail = new NavigationPage(page);
+        }
+    }
+}

Meinkonrad/TINK/View/RootFlyout/RootPageFlyout.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"
+            x:Class="TINK.View.Root.RootPageFlyout"
+            xmlns:resources="clr-namespace:TINK.MultilingualResources;assembly=TINKLib"
+             xmlns:local="clr-namespace:TINK.View"
+            IconImageSource="menu"
+            Title="sharee.bike">
+    <StackLayout>
+        <ListView x:Name="MenuItemsListView"
+              SeparatorVisibility="None"
+              HasUnevenRows="true"              
+              local:ListViewAttachedBehavior.Command="{Binding MenuItemSelected}"   
+              ItemsSource="{Binding MenuItems}">
+            <ListView.Header>
+                <Grid BackgroundColor="{DynamicResource Key=primary-back-title-color}">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="10"/>
+                        <ColumnDefinition Width="*"/>
+                        <ColumnDefinition Width="10"/>
+                    </Grid.ColumnDefinitions>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="30"/>
+                        <RowDefinition Height="80"/>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="10"/>
+                    </Grid.RowDefinitions>
+                    <Label
+              Grid.Column="1"
+              Grid.Row="2"
+              Text="{Binding MasterDetailMenuTitlte}"
+              Style="{DynamicResource SubtitleStyle}"/>
+                </Grid>
+            </ListView.Header>
+            <ListView.ItemTemplate>
+                <DataTemplate>
+                    <ViewCell>
+                        <Grid Padding="5,10">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="30"/>
+                                <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+                            <Image>
+                                <Image.Source>
+                                    <FontImageSource Glyph="{Binding GlyphCode}" Color="Black" FontFamily="FA-S"/>
+                                </Image.Source>
+                            </Image>
+                            <Label
+                                Grid.Column="1"
+                                Margin="10, 0, 0, 0"
+                                VerticalOptions="FillAndExpand" 
+                                VerticalTextAlignment="Center" 
+                                FontSize="18"
+                                Text="{Binding Title}"/>
+                        </Grid>
+                    </ViewCell>
+                </DataTemplate>
+            </ListView.ItemTemplate>
+        </ListView>
+    </StackLayout>
+</ContentPage>

Meinkonrad/TINK/View/RootFlyout/RootPageFlyout.xaml.cs

@@ -0,0 +1,36 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using System.Linq;
+using System.Runtime.CompilerServices;
+using System.Text;
+using System.Threading.Tasks;
+using TINK.Model;
+using TINK.Services;
+#if USEFLYOUT
+using TINK.View.MasterDetail;
+#endif
+using TINK.View.Themes;
+using TINK.ViewModel.Root;
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace TINK.View.Root
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class RootPageFlyout : ContentPage
+    {
+        public ListView ListView;
+
+        public RootPageFlyout()
+        {
+            InitializeComponent();
+
+            BindingContext = new RootPageFlyoutViewModel();
+
+            ListView = MenuItemsListView;
+        }
+
+    }
+}

Meinkonrad/TINK/View/RootFlyout/RootPageFlyoutMenuItem.cs

@@ -0,0 +1,20 @@
+using System;
+
+namespace TINK.View.Root
+{
+
+    public class RootPageFlyoutMenuItem
+    {
+        public RootPageFlyoutMenuItem()
+        {
+            TargetType = typeof(RootPageFlyoutMenuItem);
+        }
+        public int Id { get; set; }
+
+        public string GlyphCode { get; set; }
+
+        public string Title { get; set; }
+
+        public Type TargetType { get; set; }
+    }
+}