New screens for UIKit 2.3.0.0 release (#26)

* Committed the changes for UI Kit 2.3.0.0 Release

EssentialUIKit.Android/EssentialUIKit.Android.csproj

@@ -18,7 +18,7 @@
     <TargetFrameworkVersion>v9.0</TargetFrameworkVersion>
     <AndroidHttpClientHandlerType>Xamarin.Android.Net.AndroidClientHandler</AndroidHttpClientHandlerType>
     <NuGetPackageImportStamp>
-    </NuGetPackageImportStamp>
+    </NuGetPackageImportStamp>    
   </PropertyGroup>
   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
     <DebugSymbols>true</DebugSymbols>
@@ -39,7 +39,7 @@
     <ErrorReport>prompt</ErrorReport>
     <WarningLevel>4</WarningLevel>
     <AndroidManagedSymbols>true</AndroidManagedSymbols>
-    <AndroidUseSharedRuntime>false</AndroidUseSharedRuntime>
+    <AndroidUseSharedRuntime>false</AndroidUseSharedRuntime>    
   </PropertyGroup>
   <ItemGroup>
     <Reference Include="Mono.Android" />
@@ -70,6 +70,9 @@
     <PackageReference Include="Syncfusion.Xamarin.SfCalendar">
       <Version>17.2.0.49</Version>
     </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfChart">
+      <Version>17.2.0.49</Version>
+    </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="17.2.0.49" />
     <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="17.2.0.49" />
     <PackageReference Include="Syncfusion.Xamarin.SfParallaxView">

EssentialUIKit.Android/MainActivity.cs

@@ -18,6 +18,8 @@ protected override void OnCreate(Bundle savedInstanceState)
 
             Xamarin.Forms.Forms.Init(this, savedInstanceState);
 
+            Syncfusion.XForms.Android.PopupLayout.SfPopupLayoutRenderer.Init();
+
             Syncfusion.XForms.Android.Core.Core.Init(this);
 
             this.LoadApplication(new App());

EssentialUIKit.UWP/EssentialUIKit.UWP.csproj

@@ -186,6 +186,9 @@
     <PackageReference Include="Syncfusion.Xamarin.SfCalendar">
       <Version>17.2.0.49</Version>
     </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfChart">
+      <Version>17.2.0.49</Version>
+    </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="17.2.0.49" />
     <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="17.2.0.49" />
     <PackageReference Include="Syncfusion.Xamarin.SfParallaxView">

EssentialUIKit.iOS/AppDelegate.cs

@@ -1,6 +1,7 @@
 using Foundation;
 using Syncfusion.ListView.XForms.iOS;
 using Syncfusion.SfCalendar.XForms.iOS;
+using Syncfusion.SfChart.XForms.iOS.Renderers;
 using Syncfusion.SfMaps.XForms.iOS;
 using Syncfusion.SfRating.XForms.iOS;
 using Syncfusion.SfRotator.XForms.iOS;
@@ -53,6 +54,7 @@ public override bool FinishedLaunching(UIApplication app, NSDictionary options)
             SfTabViewRenderer.Init();
             SfCalendarRenderer.Init();
             SfLinearProgressBarRenderer.Init();
+            SfChartRenderer.Init();     
 
             ////UIView statusBar = UIApplication.SharedApplication.ValueForKey(new NSString("statusBar")) as UIView;
             ////if (statusBar.RespondsToSelector(new ObjCRuntime.Selector("setBackgroundColor:")))

EssentialUIKit.iOS/EssentialUIKit.iOS.csproj

@@ -156,6 +156,9 @@
     <PackageReference Include="Syncfusion.Xamarin.SfCalendar">
       <Version>17.2.0.49</Version>
     </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfChart">
+      <Version>17.2.0.49</Version>
+    </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="17.2.0.49" />
     <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="17.2.0.49" />
     <PackageReference Include="Syncfusion.Xamarin.SfParallaxView">

EssentialUIKit/AppLayout/TemplateList.xml

@@ -37,7 +37,7 @@
   </Category>
 
    <Category Icon="article.png" IsUpdated="True" Name="Article" Description="Organize blog posts in an easy-to-navigate layout.">
-    <Page Name="Article Detail with Comments Page" Description="This page displays an article with the title, image, and text." PageName="Views.Article.ArticleWithCommentsPage" />
+     <Page Name="Article Detail with Comments Page" Description="This page displays an article with the title, image, and text." PageName="Views.Article.ArticleWithCommentsPage" />
      <Page Name="Article Parallax Header Page" IsNew="True" Description="This page displays an article with a pleasant parallax effect." PageName="Views.Article.ArticleParallaxHeaderPage" />
      <Page Name="My Article Page" Description="This page displays an article with the title, image, and text with customized layout." PageName="Views.Article.MyArticlePage" />
    </Category>
@@ -89,10 +89,10 @@
     <Page Name="Payment Page" Description="View card and payment details" PageName="Views.Transaction.PaymentPage" Platform="UWP"/>
   </Category>
 
-  <Category Icon="bookmark.png" Name="Bookmark" Description="Interfaces for users to save shopping items, articles, or pages they’d like to return to later. Users can add or remove items they’ve saved as needed.">
+  <Category Icon="bookmark.png" IsUpdated="True" Name="Bookmark" Description="Interfaces for users to save shopping items, articles, or pages they’d like to return to later. Users can add or remove items they’ve saved as needed.">
     <Page Name="Wishlist Page" Description="This page displays a list of items that an online shopper has saved to potentially purchase later." PageName="Views.Bookmarks.WishlistPage"/>
-    <Page Name="Cart Page" Description="This page displays a list of products as items added to a cart in a shopping application. The page also allows you to remove items from the shopping cart. " PageName="Views.Bookmarks.CartPage"/>
-    <Page Name="Article Bookmarks Page" Description="This page displays bookmarked articles in a list. Each list card carries the image, title, author name, created date, and estimated time to read the article." PageName="Views.Bookmarks.BookmarksPage"/>
+    <Page Name="Cart Page" IsUpdated="True" Description="This page displays a list of products as items added to a cart in a shopping application. The page also allows you to remove items from the shopping cart. " PageName="Views.Bookmarks.CartPage"/>
+    <Page Name="Article Bookmarks Page" IsUpdated="True" Description="This page displays bookmarked articles in a list. Each list card carries the image, title, author name, created date, and estimated time to read the article." PageName="Views.Bookmarks.BookmarksPage"/>
   </Category>
 
   <Category Icon="history.png" Name="History" Description="Displays a list of recent actions performed by the user. It can also be used to show the recent transactions in financial apps or recent purchases in shopping apps. ">
@@ -113,8 +113,16 @@
     <Page Name="Master Page" Description="This page displays an interactive burger menu of article pages. If you are working with a master-details page for articles, this page will be the master page for navigating across the application." PageName="Views.Profile.MasterPage"/>
   </Category>
 
-  <Category Icon="navigation.png" Name="Tracking" Description="Displays various trackings like train status, product delivery status, and more.">
+  <Category Icon="tracking.png" Name="Tracking" Description="Displays various trackings like train status, product delivery status, and more.">
     <Page Name="Prodcut Delivery Tracking Page" Description="This page displays a live train’s present status with the estimated time of arrival at a specified destination." PageName="Views.Tracking.ProductDeliveryTrackingPage"/>
   </Category>
 
+  <Category Icon="dashboard.png" Name="Dashboard" IsNew="True" Description="A beautifully presented interface relevant to common real-world use cases.">
+    <Page Name="Stock Overview Page" Description="This page displays a dashboard for stock market data visualization." PageName="Views.Dashboard.StockOverviewPage"/>
+  </Category>
+
+  <Category Icon="setting.png" Name="Settings" IsNew="True" Description="Display various types of settings pages.">
+    <Page Name="Setting Page" Description="This page displays a simple settings page that includes account, notification, and support settings." PageName="Views.Settings.SettingPage"/>
+  </Category>
+
 </Samples>

EssentialUIKit/Behaviors/Shopping/SegmentedControlBehavior.cs → EssentialUIKit/Behaviors/Dashboard/SegmentedControlSelectionBehavior.cs

@@ -1,30 +1,37 @@
 using System;
 using System.Windows.Input;
+using EssentialUIKit.ViewModels.Dashboard;
 using Syncfusion.XForms.Buttons;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
-namespace EssentialUIKit.Behaviors.Shopping
+namespace EssentialUIKit.Behaviors
 {
     /// <summary>
     /// This class extends the behavior of the SfSegmentedControl to invoke a command when an event occurs.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class SegmentedControlBehavior : Behavior<SfSegmentedControl>
+    public class SegmentedControlSelectionBehavior : Behavior<SfSegmentedControl>
     {
         #region Properties
 
         /// <summary>
         /// Gets or sets the CommandProperty, and it is a bindable property.
         /// </summary>
         public static readonly BindableProperty CommandProperty =
-            BindableProperty.Create("Command", typeof(ICommand), typeof(SegmentedControlBehavior));
+            BindableProperty.Create("Command", typeof(ICommand), typeof(SegmentedControlCommandBehavior));
 
         /// <summary>
         /// Gets or sets the CommandParameterProperty, and it is a bindable property.
         /// </summary>
         public static readonly BindableProperty CommandParameterProperty =
-            BindableProperty.Create("CommandParameter", typeof(object), typeof(SegmentedControlBehavior));
+            BindableProperty.Create("CommandParameter", typeof(object), typeof(SegmentedControlCommandBehavior));
+
+        /// <summary>
+        /// Gets or sets the ParentBindingContextProperty, and it is a bindable property.
+        /// </summary>
+        public static readonly BindableProperty ParentBindingContextProperty =
+            BindableProperty.Create("ParentBindingContext", typeof(object), typeof(SegmentedControlCommandBehavior));
 
         /// <summary>
         /// Gets or sets the Command.
@@ -44,6 +51,15 @@ public object CommandParameter
             set { this.SetValue(CommandParameterProperty, value); }
         }
 
+        /// <summary>
+        /// Gets or sets the ParentBindingContext.
+        /// </summary>
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
+
         /// <summary>
         /// Gets the SegmentedControl.
         /// </summary>
@@ -98,9 +114,15 @@ private void OnSelectionChanged(object sender, Syncfusion.XForms.Buttons.Selecti
                 return;
             }
 
-            if (this.Command.CanExecute(e))
+            var context = ParentBindingContext as StockOverviewViewModel;
+            if ( context != null )
+            {
+                context.SelectedDataVariantIndex = e.Index;
+            }
+
+            if (this.Command.CanExecute(CommandParameter))
             {
-                this.Command.Execute(e);
+                this.Command.Execute(CommandParameter);
             }
         }