From b5c531d128b3c7864dd4a6a573a2c3548adbdf7a Mon Sep 17 00:00:00 2001
From: Tsanie Lily <tsorgy@gmail.com>
Date: Wed, 9 Mar 2022 15:03:20 +0800
Subject: [PATCH] report page

---
 Billing.Shared/Helper.cs                      |  17 ++++-
 Billing.Shared/Languages/en.xml               |   3 +
 Billing.Shared/Languages/zh-CN.xml            |   3 +
 Billing.Shared/Views/BillPage.xaml.cs         |  16 +----
 Billing.Shared/Views/RankPage.xaml            |  62 ++++++++++++++++--
 Billing.Shared/Views/RankPage.xaml.cs         |  58 ++++++++++++----
 Billing.sln                                   |  18 ++---
 .../Billing.Android/Billing.Android.csproj    |  24 +++++++
 .../Renderers/TintImageButtonRenderer.cs      |  10 ++-
 .../Resources/drawable-mdpi/filter.png        | Bin 0 -> 190 bytes
 .../Resources/drawable-mdpi/left.png          | Bin 0 -> 262 bytes
 .../Resources/drawable-xhdpi/filter.png       | Bin 0 -> 214 bytes
 .../Resources/drawable-xhdpi/left.png         | Bin 0 -> 442 bytes
 .../Resources/drawable-xxhdpi/filter.png      | Bin 0 -> 349 bytes
 .../Resources/drawable-xxhdpi/left.png        | Bin 0 -> 743 bytes
 .../Resources/drawable/filter.png             | Bin 0 -> 249 bytes
 .../Resources/drawable/left.png               | Bin 0 -> 370 bytes
 Billing/Billing.iOS/Billing.iOS.csproj        |  18 +++++
 Billing/Billing.iOS/Resources/filter.png      | Bin 0 -> 190 bytes
 Billing/Billing.iOS/Resources/filter@2x.png   | Bin 0 -> 214 bytes
 Billing/Billing.iOS/Resources/filter@3x.png   | Bin 0 -> 349 bytes
 Billing/Billing.iOS/Resources/left.png        | Bin 0 -> 262 bytes
 Billing/Billing.iOS/Resources/left@2x.png     | Bin 0 -> 442 bytes
 Billing/Billing.iOS/Resources/left@3x.png     | Bin 0 -> 743 bytes
 24 files changed, 186 insertions(+), 43 deletions(-)
 create mode 100644 Billing/Billing.Android/Resources/drawable-mdpi/filter.png
 create mode 100644 Billing/Billing.Android/Resources/drawable-mdpi/left.png
 create mode 100644 Billing/Billing.Android/Resources/drawable-xhdpi/filter.png
 create mode 100644 Billing/Billing.Android/Resources/drawable-xhdpi/left.png
 create mode 100644 Billing/Billing.Android/Resources/drawable-xxhdpi/filter.png
 create mode 100644 Billing/Billing.Android/Resources/drawable-xxhdpi/left.png
 create mode 100644 Billing/Billing.Android/Resources/drawable/filter.png
 create mode 100644 Billing/Billing.Android/Resources/drawable/left.png
 create mode 100644 Billing/Billing.iOS/Resources/filter.png
 create mode 100644 Billing/Billing.iOS/Resources/filter@2x.png
 create mode 100644 Billing/Billing.iOS/Resources/filter@3x.png
 create mode 100644 Billing/Billing.iOS/Resources/left.png
 create mode 100644 Billing/Billing.iOS/Resources/left@2x.png
 create mode 100644 Billing/Billing.iOS/Resources/left@3x.png

diff --git a/Billing.Shared/Helper.cs b/Billing.Shared/Helper.cs
index 5c35dcd..53beef9 100644
--- a/Billing.Shared/Helper.cs
+++ b/Billing.Shared/Helper.cs
@@ -1,5 +1,8 @@
-using System;
+using Billing.Models;
+using Billing.Views;
+using System;
 using System.Globalization;
+using System.Linq;
 using Xamarin.Essentials;
 using Xamarin.Forms;
 
@@ -75,6 +78,18 @@ namespace Billing
             return color;
         }
 
+        public static UIBill WrapBill(Bill b)
+        {
+            return new UIBill(b)
+            {
+                Icon = App.Categories.FirstOrDefault(c => c.Id == b.CategoryId)?.Icon ?? BaseModel.ICON_DEFAULT,
+                Name = b.Name,
+                DateCreation = b.CreateTime,
+                Amount = b.Amount,
+                Wallet = App.Accounts.FirstOrDefault(a => a.Id == b.WalletId)?.Name
+            };
+        }
+
         public static bool IsSameDay(DateTime day1, DateTime day2)
         {
             return day1.Year == day2.Year && day1.DayOfYear == day2.DayOfYear;
diff --git a/Billing.Shared/Languages/en.xml b/Billing.Shared/Languages/en.xml
index 7c593c9..67d91e8 100644
--- a/Billing.Shared/Languages/en.xml
+++ b/Billing.Shared/Languages/en.xml
@@ -89,4 +89,7 @@
 	<AddCategory>Add Category</AddCategory>
 	<ConfirmDeleteCategory>Are you sure you want to delete the category: {0}?</ConfirmDeleteCategory>
 	<SelectCategory>Select Category</SelectCategory>
+	<TrackingChart>Tracking Chart</TrackingChart>
+	<NoResult>(no results)</NoResult>
+	<Top10>Top 10</Top10>
 </root>
\ No newline at end of file
diff --git a/Billing.Shared/Languages/zh-CN.xml b/Billing.Shared/Languages/zh-CN.xml
index 61f5374..21c4d04 100644
--- a/Billing.Shared/Languages/zh-CN.xml
+++ b/Billing.Shared/Languages/zh-CN.xml
@@ -89,4 +89,7 @@
 	<AddCategory>新建分类</AddCategory>
 	<ConfirmDeleteCategory>是否确认删除该分类：{0}？</ConfirmDeleteCategory>
 	<SelectCategory>选择类别</SelectCategory>
+	<TrackingChart>跟踪图表</TrackingChart>
+	<NoResult>（无记录）</NoResult>
+	<Top10>Top 10</Top10>
 </root>
\ No newline at end of file
diff --git a/Billing.Shared/Views/BillPage.xaml.cs b/Billing.Shared/Views/BillPage.xaml.cs
index 4c1c91e..aa77ef3 100644
--- a/Billing.Shared/Views/BillPage.xaml.cs
+++ b/Billing.Shared/Views/BillPage.xaml.cs
@@ -72,7 +72,7 @@ namespace Billing.Views
             Task.Run(() =>
             {
                 var bills = App.Bills.Where(b => Helper.IsSameDay(b.CreateTime, e.Date));
-                Bills = new List<UIBill>(bills.OrderBy(b => b.CreateTime).Select(b => WrapBill(b)));
+                Bills = new List<UIBill>(bills.OrderBy(b => b.CreateTime).Select(b => Helper.WrapBill(b)));
                 RefreshBalance(Bills);
                 MainThread.BeginInvokeOnMainThread(async () => await scrollView.ScrollToAsync(0, 0, true));
             });
@@ -88,18 +88,6 @@ namespace Billing.Views
             SetValue(BalanceProperty, income - spending);
         }
 
-        private UIBill WrapBill(Bill b)
-        {
-            return new UIBill(b)
-            {
-                Icon = App.Categories.FirstOrDefault(c => c.Id == b.CategoryId)?.Icon ?? BaseModel.ICON_DEFAULT,
-                Name = b.Name,
-                DateCreation = b.CreateTime,
-                Amount = b.Amount,
-                Wallet = App.Accounts.FirstOrDefault(a => a.Id == b.WalletId)?.Name
-            };
-        }
-
         private void UpdateBill(UIBill bill)
         {
             bill.Icon = App.Categories.FirstOrDefault(c => c.Id == bill.Bill.CategoryId)?.Icon ?? BaseModel.ICON_DEFAULT;
@@ -196,7 +184,7 @@ namespace Billing.Views
                 e.Id = maxId + 1;
                 App.Bills.Add(e);
                 var bills = Bills;
-                bills.Add(WrapBill(e));
+                bills.Add(Helper.WrapBill(e));
                 Bills = bills.OrderBy(b => b.DateCreation).ToList();
             }
             else
diff --git a/Billing.Shared/Views/RankPage.xaml b/Billing.Shared/Views/RankPage.xaml
index 2ddf03d..022c65b 100644
--- a/Billing.Shared/Views/RankPage.xaml
+++ b/Billing.Shared/Views/RankPage.xaml
@@ -15,7 +15,7 @@
         <Grid>
             <StackLayout Margin="30, 0, 0, 0" HorizontalOptions="Center" VerticalOptions="Center"
                          Orientation="Horizontal" Spacing="10">
-                <ui:TintImageButton Source="calendar.png" WidthRequest="20" HeightRequest="20"
+                <ui:TintImageButton Source="left.png" WidthRequest="20" HeightRequest="20"
                                     VerticalOptions="Center" HorizontalOptions="Start"
                                     Command="{Binding LeftCommand}"/>
                 <Label Text="{Binding Title}"
@@ -35,12 +35,66 @@
     </Shell.TitleView>
 
     <ContentPage.ToolbarItems>
-        <ToolbarItem Order="Primary" IconImageSource="plus.png" Command="{Binding FilterCommand}"/>
+        <ToolbarItem Order="Primary" IconImageSource="filter.png" Command="{Binding FilterCommand}"/>
     </ContentPage.ToolbarItems>
 
-    <ScrollView>
+    <ContentPage.Resources>
+        <ui:NegativeConverter x:Key="negativeConverter"/>
+        <ui:MoneyConverter x:Key="moneyConverter" Absolute="True"/>
+        <ui:BalanceColorConverter x:Key="colorConverter"/>
+        <ui:TimeConverter x:Key="timeConverter"/>
+        <ui:IconConverter x:Key="iconConverter"/>
+        <Style x:Key="titleLabel" TargetType="Label">
+            <Setter Property="FontSize" Value="16"/>
+            <Setter Property="Margin" Value="10, 20, 10, 10"/>
+            <!--<Setter Property="TextColor" Value="{DynamicResource SecondaryTextColor}"/>-->
+        </Style>
+        <Style x:Key="promptLabel" TargetType="Label">
+            <Setter Property="HeightRequest" Value="240"/>
+            <Setter Property="FontSize" Value="15"/>
+            <Setter Property="VerticalOptions" Value="Start"/>
+            <Setter Property="HorizontalTextAlignment" Value="Center"/>
+            <Setter Property="VerticalTextAlignment" Value="Center"/>
+            <Setter Property="TextColor" Value="{DynamicResource SecondaryTextColor}"/>
+        </Style>
+    </ContentPage.Resources>
+
+    <ScrollView x:Name="scroller">
         <StackLayout>
-            <chart:ChartView HeightRequest="240" Chart="{Binding Chart}"/>
+            <Label Text="{r:Text TrackingChart}" Style="{StaticResource titleLabel}"/>
+            <chart:ChartView HeightRequest="240" Chart="{Binding Chart}"
+                             IsVisible="{Binding NoResult, Converter={StaticResource negativeConverter}}"/>
+            <Label Text="{r:Text NoResult}" Style="{StaticResource promptLabel}"
+                   IsVisible="{Binding NoResult}"/>
+
+            <Label Text="{r:Text Top10}" Style="{StaticResource titleLabel}"/>
+            <ui:GroupStackLayout IsVisible="{Binding NoResult, Converter={StaticResource negativeConverter}}"
+                                 ItemsSource="{Binding TopBills}" RowHeight="50">
+                
+                <ui:GroupStackLayout.ItemTemplate>
+                    <DataTemplate x:DataType="v:UIBill">
+                        <Grid Padding="20, 0" ColumnSpacing="10"
+                              ColumnDefinitions="Auto, *, Auto" RowDefinitions="Auto, Auto">
+                            <ui:TintImage Source="{Binding Icon, Converter={StaticResource iconConverter}}"
+                                          WidthRequest="26" HeightRequest="20" VerticalOptions="Center"/>
+                            <Label Grid.Column="1" Text="{Binding Name}" TextColor="{DynamicResource TextColor}"
+                                   VerticalOptions="Center"
+                                   FontSize="Default" FontAttributes="Bold"/>
+                            <Label Grid.Column="2" Text="{Binding Amount, Converter={StaticResource moneyConverter}}"
+                                   TextColor="{Binding Amount, Converter={StaticResource colorConverter}}"
+                                   VerticalOptions="Center"/>
+                            <StackLayout Grid.Row="1" Grid.Column="1" Spacing="6" Orientation="Horizontal">
+                                <Label Text="{Binding DateCreation, Converter={StaticResource timeConverter}}"
+                                       FontSize="10" TextColor="{DynamicResource SecondaryTextColor}"/>
+                                <Label Text="{Binding Wallet}"
+                                       FontSize="10" TextColor="{DynamicResource SecondaryTextColor}"/>
+                            </StackLayout>
+                        </Grid>
+                    </DataTemplate>
+                </ui:GroupStackLayout.ItemTemplate>
+            </ui:GroupStackLayout>
+            <Label Text="{r:Text NoResult}" Style="{StaticResource promptLabel}"
+                   IsVisible="{Binding NoResult}"/>
         </StackLayout>
     </ScrollView>
 </ui:BillingPage>
\ No newline at end of file
diff --git a/Billing.Shared/Views/RankPage.xaml.cs b/Billing.Shared/Views/RankPage.xaml.cs
index 9baa2c2..8f600dd 100644
--- a/Billing.Shared/Views/RankPage.xaml.cs
+++ b/Billing.Shared/Views/RankPage.xaml.cs
@@ -1,5 +1,4 @@
-using Billing.Languages;
-using Billing.Models;
+using Billing.Models;
 using Billing.Themes;
 using Billing.UI;
 using Microcharts;
@@ -8,7 +7,10 @@ using SkiaSharp.Views.Forms;
 using System;
 using System.Collections.Generic;
 using System.Linq;
+using System.Threading.Tasks;
+using Xamarin.Essentials;
 using Xamarin.Forms;
+using Resource = Billing.Languages.Resource;
 
 namespace Billing.Views
 {
@@ -16,6 +18,7 @@ namespace Billing.Views
     {
         private static readonly BindableProperty ChartProperty = Helper.Create<Chart, RankPage>(nameof(Chart));
         private static readonly BindableProperty TopBillsProperty = Helper.Create<IList<UIBill>, RankPage>(nameof(TopBills));
+        private static readonly BindableProperty NoResultProperty = Helper.Create<bool, RankPage>(nameof(NoResult));
 
         public Chart Chart
         {
@@ -27,6 +30,11 @@ namespace Billing.Views
             get => (IList<UIBill>)GetValue(TopBillsProperty);
             set => SetValue(TopBillsProperty, value);
         }
+        public bool NoResult
+        {
+            get => (bool)GetValue(NoResultProperty);
+            set => SetValue(NoResultProperty, value);
+        }
 
         public Command LeftCommand { get; }
         public Command RightCommand { get; }
@@ -45,17 +53,25 @@ namespace Billing.Views
 
         public override void OnLoaded()
         {
-            SetMonth(DateTime.Today);
+            Task.Run(() => SetMonth(DateTime.Today));
         }
 
         private void OnLeftCommand()
         {
-            SetMonth(current.AddMonths(-1));
+            Task.Run(() =>
+            {
+                MainThread.BeginInvokeOnMainThread(async () => await scroller.ScrollToAsync(0, 0, true));
+                SetMonth(current.AddMonths(-1));
+            });
         }
 
         private void OnRightCommand()
         {
-            SetMonth(current.AddMonths(1));
+            Task.Run(() =>
+            {
+                MainThread.BeginInvokeOnMainThread(async () => await scroller.ScrollToAsync(0, 0, true));
+                SetMonth(current.AddMonths(1));
+            });
         }
 
         private void SetMonth(DateTime date)
@@ -87,7 +103,7 @@ namespace Billing.Views
                 {
                     entries.Add(new((float)amount)
                     {
-                        Label = day.ToString("MM/dd"),
+                        Label = day.ToString("MM-dd"),
                         ValueLabel = amount.ToString("#,##0.##"),
                         Color = primaryColor,
                         TextColor = textColor,
@@ -96,12 +112,30 @@ namespace Billing.Views
                 }
             }
 
-            Chart = new LineChart
-            {
-                BackgroundColor = SKColors.Transparent,
-                LabelTextSize = 20,
-                Entries = entries
-            };
+            if (entries.Count > 0)
+            {
+                NoResult = false;
+                Chart = new LineChart
+                {
+                    BackgroundColor = SKColors.Transparent,
+                    LabelTextSize = 24,
+                    Entries = entries
+                };
+                if (type == CategoryType.Income)
+                {
+                    TopBills = bills.Where(b => b.Amount > 0).OrderByDescending(b => b.Amount).Take(10).Select(b => Helper.WrapBill(b)).ToList();
+                }
+                else
+                {
+                    TopBills = bills.Where(b => b.Amount < 0).OrderBy(b => b.Amount).Take(10).Select(b => Helper.WrapBill(b)).ToList();
+                }
+            }
+            else
+            {
+                NoResult = true;
+                Chart = null;
+                TopBills = null;
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/Billing.sln b/Billing.sln
index 5b3f20c..12e5d64 100644
--- a/Billing.sln
+++ b/Billing.sln
@@ -44,9 +44,9 @@ Global
 		{B4CD3B27-C58F-4B6B-B60E-35E515A73E5B}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
 		{B4CD3B27-C58F-4B6B-B60E-35E515A73E5B}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
 		{B4CD3B27-C58F-4B6B-B60E-35E515A73E5B}.Release|iPhoneSimulator.Deploy.0 = Release|Any CPU
-		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|Any CPU.ActiveCfg = Debug|iPhone
-		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|Any CPU.Build.0 = Debug|iPhone
-		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|Any CPU.Deploy.0 = Debug|iPhone
+		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|Any CPU.ActiveCfg = Debug|iPhoneSimulator
+		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|Any CPU.Build.0 = Debug|iPhoneSimulator
+		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|Any CPU.Deploy.0 = Debug|iPhoneSimulator
 		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|iPhone.ActiveCfg = Debug|iPhone
 		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|iPhone.Build.0 = Debug|iPhone
 		{5C4F1C35-6F66-4063-9605-A9F37FCABBA8}.Debug|iPhone.Deploy.0 = Debug|iPhone
@@ -66,14 +66,14 @@ Global
 		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Debug|iPhone.ActiveCfg = Debug|Any CPU
 		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Debug|iPhone.Build.0 = Debug|Any CPU
-		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Debug|iPhoneSimulator.ActiveCfg = Debug|iPhoneSimulator
-		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Debug|iPhoneSimulator.Build.0 = Debug|iPhoneSimulator
+		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
 		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|Any CPU.Build.0 = Release|Any CPU
-		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|iPhone.ActiveCfg = Release|iPhoneSimulator
-		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|iPhone.Build.0 = Release|iPhoneSimulator
-		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|iPhoneSimulator.ActiveCfg = Release|iPhoneSimulator
-		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|iPhoneSimulator.Build.0 = Release|iPhoneSimulator
+		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|iPhone.ActiveCfg = Release|Any CPU
+		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|iPhone.Build.0 = Release|Any CPU
+		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{6A012FCA-3B1C-4593-ADD7-0751E5815C67}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
diff --git a/Billing/Billing.Android/Billing.Android.csproj b/Billing/Billing.Android/Billing.Android.csproj
index a07205a..c30730e 100644
--- a/Billing/Billing.Android/Billing.Android.csproj
+++ b/Billing/Billing.Android/Billing.Android.csproj
@@ -518,6 +518,30 @@
   <ItemGroup>
     <AndroidResource Include="Resources\drawable-xxhdpi\rank.png" />
   </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-xxhdpi\filter.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-xxhdpi\left.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-xhdpi\filter.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-xhdpi\left.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-mdpi\filter.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable-mdpi\left.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\filter.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\left.png" />
+  </ItemGroup>
   <Import Project="..\..\Billing.Shared\Billing.Shared.projitems" Label="Shared" />
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
 </Project>
\ No newline at end of file
diff --git a/Billing/Billing.Android/Renderers/TintImageButtonRenderer.cs b/Billing/Billing.Android/Renderers/TintImageButtonRenderer.cs
index 2a1621f..2f390cb 100644
--- a/Billing/Billing.Android/Renderers/TintImageButtonRenderer.cs
+++ b/Billing/Billing.Android/Renderers/TintImageButtonRenderer.cs
@@ -32,9 +32,13 @@ namespace Billing.Droid.Renderers
         {
             base.OnElementChanged(e);
 
-            if (Drawable != null && Element is TintImageButton image)
-            {
-                Drawable.SetTint(TintHelper.GetTintColor(image)?.ToAndroid() ?? 0);
+            if (e.NewElement is TintImageButton image)
+            {
+                SetBackgroundColor(Android.Graphics.Color.Transparent);
+                if (Drawable != null)
+                {
+                    Drawable.SetTint(TintHelper.GetTintColor(image)?.ToAndroid() ?? 0);
+                }
             }
         }
     }
diff --git a/Billing/Billing.Android/Resources/drawable-mdpi/filter.png b/Billing/Billing.Android/Resources/drawable-mdpi/filter.png
new file mode 100644
index 0000000000000000000000000000000000000000..6653bb5d1c43d9ac736f91c299491624cbe3c9ba
GIT binary patch
literal 190
zcmeAS@N?(olHy`uVBq!ia0vp^f<P?7!3HF=7hLlMQY^(zo*^7SP{WbZ0pyo@x;Tbd
z^q#%!$aTm-z~Q3#(x$w(Pi<N%UcK`2SJ<MLbZ6y-lS=Z33=C%e@!{Aju;amu7auv+
zL{4Vhp3-lreNnQp*=Y9Hxz{6pPP@LN$0BjMKqX)2S$U@Fr&iICQ5_}6LMzv;&CdJ8
l$eiv|pH(MYa^7ppV^%$0g-dHIK7w4x;OXk;vd$@?2>|n=M!o<5

literal 0
HcmV?d00001

diff --git a/Billing/Billing.Android/Resources/drawable-mdpi/left.png b/Billing/Billing.Android/Resources/drawable-mdpi/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b5ec6eac964b184719991ceabe6091ed45ec9f9
GIT binary patch
literal 262
zcmeAS@N?(olHy`uVBq!ia0vp^Ahrkx8<5=cZcP}FVkvg=4B-HR8jh3>Ab+o?i(`n!
z#IqL;dN~D(v_8}~b#hVE;E=g-ApN!KspVWvZoR#ePE35DA?-53SH`ncdI$fU>W|NS
zq6#cF{QUVn>9hXjqbK!V$ejOi#8uYhfNfWWyv1rKTOZ>U2UMjjO^zh9O66+*o51+m
zU}{m1=h2eZG`_8m^dJ2{W}5e5ax?qQSJpZO-RoC;nsQ)Ce0yeR8ON{0+S85^iFw7x
z%g+2ttk)OiJKTM?(b~}Z=o+qNQtK156XsmI{#3xdp0WCr{`7|ibz7!OhXXyr;OXk;
Jvd$@?2>>c6X?Oqt

literal 0
HcmV?d00001

diff --git a/Billing/Billing.Android/Resources/drawable-xhdpi/filter.png b/Billing/Billing.Android/Resources/drawable-xhdpi/filter.png
new file mode 100644
index 0000000000000000000000000000000000000000..2985a98cec2fe88e370ea573dd199cdd8f86cc0e
GIT binary patch
literal 214
zcmeAS@N?(olHy`uVBq!ia0vp^%0R5a!3HEt<eX;#DVAa<&kznEsNqQI0P=f1T^vIq
zTHjuG<T_*^z<Oaihi!A&b5@(l>cRfkomp<}$|zj=;E<8%Ge?EpKN}Bx@O*jxu3-|N
zjdEV<-YdEHe@|T*G3l+-Q4!fBQ`v%Jtg1#Fa*dyZy>4q-EbQlNTKJ$#&x$i@Yrn#U
zw~5jFL$<sSSRGcdrRKp2SIcCMIrD>Vg-zRGzUfHqBvrko^DCJmmPahrX-;SXI*h^7
L)z4*}Q$iB}8PHGZ

literal 0
HcmV?d00001

diff --git a/Billing/Billing.Android/Resources/drawable-xhdpi/left.png b/Billing/Billing.Android/Resources/drawable-xhdpi/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a2a5382326e8731c8d1f669ed9b0d04808a5a5e
GIT binary patch
literal 442
zcmV;r0Y(0aP)<h;3K|Lk000e1NJLTq000yK001Zm1^@s6{xRCy00004b3#c}2nYxW
zd<bNS0004TNkl<ZNQv#$&r4KM7{>9>wV<uw#+(HI0{;ocjZ51^pb!z^){VdZCksIe
z+61l(LRthaBnY*}pI|fBY+9T%BE#H!&z)S(0|zdb_k7QD-uJm&h8n829t^N2!#tiM
z$B+Lt@dBN=PB1+vD8n)??f^SzVr~%NBHBH$?)qF8_PPYt!S_^9h9#Vrz&cn-1uj*9
za;&DpUL`nNlNi0{%6pbaSdw0%b)U}8Dqx$b&Yo3(a;&Gq;9CW7L&7y5CLDBwx7fko
zs^YsRHnGsBW(yxM9)X9cz&-3^29M&qH+U~xIYT2lE`;{><V$oqi*3B?v!{V;9H#)`
z6LxVLUG>vMbb6EmgaiD><ARzDPw=PLX;}<@;R;hFH4{QUZ=qGWYT{DpTanXA;k!Rh
z0d}FeaK)mYjtVI;k^qFS_^3G8t?ome-{?u)*gL3}kc!K?K=>(4zdNY5kk{Lx6!oM^
klNb|z@_hq7)KE3_4^%Fe;CmJ!J^%m!07*qoM6N<$f-`}`X#fBK

literal 0
HcmV?d00001

diff --git a/Billing/Billing.Android/Resources/drawable-xxhdpi/filter.png b/Billing/Billing.Android/Resources/drawable-xxhdpi/filter.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b2acb8e4dba70eb300ff0b7b3286e2ed90ce41e
GIT binary patch
literal 349
zcmeAS@N?(olHy`uVBq!ia0vp^CO~Y%!3HEXwP&^gDVAa<&kznEsNqQIU|?Vr@pN$v
z$!L6g%hv0Ng9O_H^~nDP)>}7j6AH}M=6}F?#JWOnqsT|4YBue|)AFtyibxSp5p)qU
zO8X%vapHc<_t{DY#)>ThhdM+o4vLlur@zc<bl(v_&qO(&`;O>}jhF8`sD_H)dbKHV
z8Q+ENI^3&*+Ft~k9yHeL{l7W(p;>8%fD?ye3!|vT5zB3LJGR?}|Ehbt{kQY?p9gZ7
z#c#yhnWXV9TWZs_aBbrHDei{auG5UK%@OmQB~)A~^0o8ltIf4-Z?{xhRUg-Zn$&nV
zW4lsN{;#rJ(RJNV4?3=Qo^sARN9uohq}Z2fRxbUoIQ<G+&K^nJwd!NQgNWasFO|G)
sJa&Kjj<#2yCx_d7{V)&cp2I(x>Z>PoH#8ql2Zk4er>mdKI;Vst01Lg6Jpcdz

literal 0
HcmV?d00001

diff --git a/Billing/Billing.Android/Resources/drawable-xxhdpi/left.png b/Billing/Billing.Android/Resources/drawable-xxhdpi/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..0bbe8bf725aaeeb117123ca8a870f25018b2a61a
GIT binary patch
literal 743
zcmV<D0vP>?P)<h;3K|Lk000e1NJLTq0015U002A)1^@s6aa0PQ00004b3#c}2nYxW
zd<bNS0007>Nkl<ZScUD_$!Ziq9LMob)Ff)uxbKK7DB^;6^5(<nJLntu7A~kLh=K<%
zZlI!|9>j~dp%^g6H6}3`O=dj&D;nBK(%m!O`UeFA(^cR4uU*wts#K{`rJU+$^IBVQ
z1PAaMC-DdqZRGr;?YMyN7{>_i;4tR?FX%>GLJf^6V;m1~2y@yEU5U%WosA}=j>p)q
zjiFtFE7Jh8;~dts1G++3ng`mzD{N~Ox<SM=FSLQX*whMiD=wNorp-n_j-sb5bSKXH
zH+yFqeK;mUQ%bvWR@7%+=vy4e>N3C%?8O-j6@b1;&~;^@`*0eAC7|oeLidV(`>g<U
z(!Hgium`6KLi@DfUf89$rSB88ba&bzEd5>p`bmo=vsq;CZ~^F$u(Y=<bQw-ytN^r@
zpbN`Fi3a|>0JJXLTk0i0Z_4k<1@mZJybiCW4HQ;(w<~clv!SfUa1}SOHi17C-N01v
z7+#1P+>XvB&kqYLZwsqCL?5o>ivowbti^+Pid7=!U77!`ivwIOv&M=9|C$%xEHS>|
znQ;3Sbf*PxiI@40CUfSAs%VI&GhPNv#Ox)Oi*wZj+!L;zPMuhq;DfWlXDWpOaVYN>
zjelgOg_62NBdPm)zAg-g55jU-oa6c2@H`8RrUm8;x96GDJsUi4*BKRYTae&+ZUvL@
z2~A>Nq}`2)jPDUil;>8^ot~W#+5V^0iuT!>$oNGC;9a6RMug?{GGO>AGQBs!^Qbdz
z;2nOI1xu6rMAOI%pAgrWpR{&$tl_4p@jUt<Sxf5|=DNR@_i7&V20r4UIIXk=Ot`RL
zG?*;BE;`_Se4aX~U7rYkiEQr?89yg&Xh3`e8IU<-wDa3UO}Mn4pzrad8MIQRN|h=V
Z(r^1nOB%q}n;ZZD002ovPDHLkV1o5vTGapm

literal 0
HcmV?d00001

diff --git a/Billing/Billing.Android/Resources/drawable/filter.png b/Billing/Billing.Android/Resources/drawable/filter.png
new file mode 100644
index 0000000000000000000000000000000000000000..1403155ab859c7bfe477f2b3d60f597e9e351453
GIT binary patch
literal 249
zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)n!3HFaZu8v$QY^(zo*^7SP{WbZ0pxG+ba4#v
z=zM#1H`gHtf!2rlM}xFk51!WUSpTrP<GqY`U`N98y=M11j<B3%yYgqlhB-6m8s9#1
z;e#5Zaf$IS&B?)S;rV<MVkRZcQ%SMvbmQJFRdcC<)oo(0*~Hi8HNuR=UzC2oxh<h>
zpLQ?xQddsF;$G8V@AmKNTQXs%{jn!6D)YaIe!cyHn?=X)OlRm;k?o9{Y@(uPl-HI{
wU7z*AlWEzDih1SBnbvCjTOn(o_qE=V+3=A05-Y*;AkQ&)y85}Sb4q9e033^CG5`Po

literal 0
HcmV?d00001

diff --git a/Billing/Billing.Android/Resources/drawable/left.png b/Billing/Billing.Android/Resources/drawable/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..40736240e5b67cb4e386273f1d527cc3e5b070a7
GIT binary patch
literal 370
zcmV-&0ge8NP)<h;3K|Lk000e1NJLTq000jF0015c1^@s6^ISx900004b3#c}2nYxW
zd<bNS0003gNkl<ZIF0SpK`Vq&6vpu%LkWXqp)5p{l{IDIgD5_d_##RP8*4VQ6O&R>
zX4IezGc;o{_sxv%eT}_SXLIlQKj+-1doTa-rzrGTH-~jhql}MU8!TcQ54gYvhI$2e
z@Q7B(ORS+U4_pXfr31`z6a6W0J_kI)QmXT8WYjDVup(jf40ch?0S98>Q~+Nh;9(wE
z4B%S?JjQBj)B?8f839iM7&RvwqxECGi4yj369coZtxzz5<<O;seeGK{s_jE9215g9
z7{Rc%LDyk#EUZ8K_M{6IluvOR3Ok)0529THKOKC>9R>rC5~#)C><CW*97_mPP*1(*
zM#tzefikLjpFuq#@PsS8{`Qk(0)-&(f^*!XnfstSqKL_GoQn2s{ExrJ7lhDgCscC<
Q6#xJL07*qoM6N<$g02FQ^8f$<

literal 0
HcmV?d00001

diff --git a/Billing/Billing.iOS/Billing.iOS.csproj b/Billing/Billing.iOS/Billing.iOS.csproj
index 514c266..16d4a37 100644
--- a/Billing/Billing.iOS/Billing.iOS.csproj
+++ b/Billing/Billing.iOS/Billing.iOS.csproj
@@ -457,6 +457,24 @@
   <ItemGroup>
     <BundleResource Include="Resources\rank%403x.png" />
   </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\filter.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\filter%402x.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\filter%403x.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\left.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\left%402x.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\left%403x.png" />
+  </ItemGroup>
   <Import Project="..\..\Billing.Shared\Billing.Shared.projitems" Label="Shared" />
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
 </Project>
\ No newline at end of file
diff --git a/Billing/Billing.iOS/Resources/filter.png b/Billing/Billing.iOS/Resources/filter.png
new file mode 100644
index 0000000000000000000000000000000000000000..6653bb5d1c43d9ac736f91c299491624cbe3c9ba
GIT binary patch
literal 190
zcmeAS@N?(olHy`uVBq!ia0vp^f<P?7!3HF=7hLlMQY^(zo*^7SP{WbZ0pyo@x;Tbd
z^q#%!$aTm-z~Q3#(x$w(Pi<N%UcK`2SJ<MLbZ6y-lS=Z33=C%e@!{Aju;amu7auv+
zL{4Vhp3-lreNnQp*=Y9Hxz{6pPP@LN$0BjMKqX)2S$U@Fr&iICQ5_}6LMzv;&CdJ8
l$eiv|pH(MYa^7ppV^%$0g-dHIK7w4x;OXk;vd$@?2>|n=M!o<5

literal 0
HcmV?d00001

diff --git a/Billing/Billing.iOS/Resources/filter@2x.png b/Billing/Billing.iOS/Resources/filter@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..2985a98cec2fe88e370ea573dd199cdd8f86cc0e
GIT binary patch
literal 214
zcmeAS@N?(olHy`uVBq!ia0vp^%0R5a!3HEt<eX;#DVAa<&kznEsNqQI0P=f1T^vIq
zTHjuG<T_*^z<Oaihi!A&b5@(l>cRfkomp<}$|zj=;E<8%Ge?EpKN}Bx@O*jxu3-|N
zjdEV<-YdEHe@|T*G3l+-Q4!fBQ`v%Jtg1#Fa*dyZy>4q-EbQlNTKJ$#&x$i@Yrn#U
zw~5jFL$<sSSRGcdrRKp2SIcCMIrD>Vg-zRGzUfHqBvrko^DCJmmPahrX-;SXI*h^7
L)z4*}Q$iB}8PHGZ

literal 0
HcmV?d00001

diff --git a/Billing/Billing.iOS/Resources/filter@3x.png b/Billing/Billing.iOS/Resources/filter@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b2acb8e4dba70eb300ff0b7b3286e2ed90ce41e
GIT binary patch
literal 349
zcmeAS@N?(olHy`uVBq!ia0vp^CO~Y%!3HEXwP&^gDVAa<&kznEsNqQIU|?Vr@pN$v
z$!L6g%hv0Ng9O_H^~nDP)>}7j6AH}M=6}F?#JWOnqsT|4YBue|)AFtyibxSp5p)qU
zO8X%vapHc<_t{DY#)>ThhdM+o4vLlur@zc<bl(v_&qO(&`;O>}jhF8`sD_H)dbKHV
z8Q+ENI^3&*+Ft~k9yHeL{l7W(p;>8%fD?ye3!|vT5zB3LJGR?}|Ehbt{kQY?p9gZ7
z#c#yhnWXV9TWZs_aBbrHDei{auG5UK%@OmQB~)A~^0o8ltIf4-Z?{xhRUg-Zn$&nV
zW4lsN{;#rJ(RJNV4?3=Qo^sARN9uohq}Z2fRxbUoIQ<G+&K^nJwd!NQgNWasFO|G)
sJa&Kjj<#2yCx_d7{V)&cp2I(x>Z>PoH#8ql2Zk4er>mdKI;Vst01Lg6Jpcdz

literal 0
HcmV?d00001

diff --git a/Billing/Billing.iOS/Resources/left.png b/Billing/Billing.iOS/Resources/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b5ec6eac964b184719991ceabe6091ed45ec9f9
GIT binary patch
literal 262
zcmeAS@N?(olHy`uVBq!ia0vp^Ahrkx8<5=cZcP}FVkvg=4B-HR8jh3>Ab+o?i(`n!
z#IqL;dN~D(v_8}~b#hVE;E=g-ApN!KspVWvZoR#ePE35DA?-53SH`ncdI$fU>W|NS
zq6#cF{QUVn>9hXjqbK!V$ejOi#8uYhfNfWWyv1rKTOZ>U2UMjjO^zh9O66+*o51+m
zU}{m1=h2eZG`_8m^dJ2{W}5e5ax?qQSJpZO-RoC;nsQ)Ce0yeR8ON{0+S85^iFw7x
z%g+2ttk)OiJKTM?(b~}Z=o+qNQtK156XsmI{#3xdp0WCr{`7|ibz7!OhXXyr;OXk;
Jvd$@?2>>c6X?Oqt

literal 0
HcmV?d00001

diff --git a/Billing/Billing.iOS/Resources/left@2x.png b/Billing/Billing.iOS/Resources/left@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a2a5382326e8731c8d1f669ed9b0d04808a5a5e
GIT binary patch
literal 442
zcmV;r0Y(0aP)<h;3K|Lk000e1NJLTq000yK001Zm1^@s6{xRCy00004b3#c}2nYxW
zd<bNS0004TNkl<ZNQv#$&r4KM7{>9>wV<uw#+(HI0{;ocjZ51^pb!z^){VdZCksIe
z+61l(LRthaBnY*}pI|fBY+9T%BE#H!&z)S(0|zdb_k7QD-uJm&h8n829t^N2!#tiM
z$B+Lt@dBN=PB1+vD8n)??f^SzVr~%NBHBH$?)qF8_PPYt!S_^9h9#Vrz&cn-1uj*9
za;&DpUL`nNlNi0{%6pbaSdw0%b)U}8Dqx$b&Yo3(a;&Gq;9CW7L&7y5CLDBwx7fko
zs^YsRHnGsBW(yxM9)X9cz&-3^29M&qH+U~xIYT2lE`;{><V$oqi*3B?v!{V;9H#)`
z6LxVLUG>vMbb6EmgaiD><ARzDPw=PLX;}<@;R;hFH4{QUZ=qGWYT{DpTanXA;k!Rh
z0d}FeaK)mYjtVI;k^qFS_^3G8t?ome-{?u)*gL3}kc!K?K=>(4zdNY5kk{Lx6!oM^
klNb|z@_hq7)KE3_4^%Fe;CmJ!J^%m!07*qoM6N<$f-`}`X#fBK

literal 0
HcmV?d00001

diff --git a/Billing/Billing.iOS/Resources/left@3x.png b/Billing/Billing.iOS/Resources/left@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..0bbe8bf725aaeeb117123ca8a870f25018b2a61a
GIT binary patch
literal 743
zcmV<D0vP>?P)<h;3K|Lk000e1NJLTq0015U002A)1^@s6aa0PQ00004b3#c}2nYxW
zd<bNS0007>Nkl<ZScUD_$!Ziq9LMob)Ff)uxbKK7DB^;6^5(<nJLntu7A~kLh=K<%
zZlI!|9>j~dp%^g6H6}3`O=dj&D;nBK(%m!O`UeFA(^cR4uU*wts#K{`rJU+$^IBVQ
z1PAaMC-DdqZRGr;?YMyN7{>_i;4tR?FX%>GLJf^6V;m1~2y@yEU5U%WosA}=j>p)q
zjiFtFE7Jh8;~dts1G++3ng`mzD{N~Ox<SM=FSLQX*whMiD=wNorp-n_j-sb5bSKXH
zH+yFqeK;mUQ%bvWR@7%+=vy4e>N3C%?8O-j6@b1;&~;^@`*0eAC7|oeLidV(`>g<U
z(!Hgium`6KLi@DfUf89$rSB88ba&bzEd5>p`bmo=vsq;CZ~^F$u(Y=<bQw-ytN^r@
zpbN`Fi3a|>0JJXLTk0i0Z_4k<1@mZJybiCW4HQ;(w<~clv!SfUa1}SOHi17C-N01v
z7+#1P+>XvB&kqYLZwsqCL?5o>ivowbti^+Pid7=!U77!`ivwIOv&M=9|C$%xEHS>|
znQ;3Sbf*PxiI@40CUfSAs%VI&GhPNv#Ox)Oi*wZj+!L;zPMuhq;DfWlXDWpOaVYN>
zjelgOg_62NBdPm)zAg-g55jU-oa6c2@H`8RrUm8;x96GDJsUi4*BKRYTae&+ZUvL@
z2~A>Nq}`2)jPDUil;>8^ot~W#+5V^0iuT!>$oNGC;9a6RMug?{GGO>AGQBs!^Qbdz
z;2nOI1xu6rMAOI%pAgrWpR{&$tl_4p@jUt<Sxf5|=DNR@_i7&V20r4UIIXk=Ot`RL
zG?*;BE;`_Se4aX~U7rYkiEQr?89yg&Xh3`e8IU<-wDa3UO}Mn4pzrad8MIQRN|h=V
Z(r^1nOB%q}n;ZZD002ovPDHLkV1o5vTGapm

literal 0
HcmV?d00001