feature: add flower

FlowerApp/App.xaml

@@ -9,6 +9,8 @@
                 <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
                 <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
             </ResourceDictionary.MergedDictionaries>
+            <local:VisibleIfNotNullConverter x:Key="notNullConverter"/>
+            <local:DateTimeStringConverter x:Key="dateTimeConverter"/>
         </ResourceDictionary>
     </Application.Resources>
 </Application>

FlowerApp/AppShell.xaml

@@ -9,7 +9,7 @@
 
     <TabBar>
         <Tab Title="{l:Lang home, Default=Garden}"
-             Route="Home" Icon="flower_tulip.png">
+             Route="Garden" Icon="flower_tulip.png">
             <ShellContent ContentTemplate="{DataTemplate l:HomePage}"/>
         </Tab>
         <Tab Title="{l:Lang squarePage, Default=Square}"

FlowerApp/AppShell.xaml.cs

@@ -1,9 +1,13 @@
-namespace Blahblah.FlowerApp;
+using Blahblah.FlowerApp.Views.Garden;
+
+namespace Blahblah.FlowerApp;
 
 public partial class AppShell : Shell
 {
     public AppShell()
     {
         InitializeComponent();
+
+        //Routing.RegisterRoute("Garden/AddFlower", typeof(AddFlowerPage));
     }
 }

FlowerApp/Controls/AppContentPage.cs

@@ -1,13 +1,20 @@
 using Blahblah.FlowerApp.Data;
 using Microsoft.Extensions.Logging;
+using static Blahblah.FlowerApp.Extensions;
 
 namespace Blahblah.FlowerApp;
 
-public class AppContentPage : ContentPage, ILoggerContent
+public abstract class AppContentPage : ContentPage, ILoggerContent
 {
-    public ILogger Logger { get; init; } = null!;
+    public ILogger Logger { get; } = null!;
 
-    public FlowerDatabase Database { get; init; } = null!;
+    public FlowerDatabase Database { get; } = null!;
+
+    protected AppContentPage(FlowerDatabase database, ILogger logger)
+    {
+        Database = database;
+        Logger = logger;
+    }
 
     protected T GetValue<T>(BindableProperty property)
     {
@@ -17,7 +24,7 @@ public class AppContentPage : ContentPage, ILoggerContent
     bool hasLoading = true;
     ContentView? loading;
 
-#if __IOS__
+#if IOS
     private async Task DoLoading(bool flag)
 #else
     private Task DoLoading(bool flag)
@@ -38,7 +45,7 @@ public class AppContentPage : ContentPage, ILoggerContent
         {
             if (flag)
             {
-#if __IOS__
+#if IOS
                 loading.IsVisible = true;
                 await loading.FadeTo(1, easing: Easing.CubicOut);
 #else
@@ -48,7 +55,7 @@ public class AppContentPage : ContentPage, ILoggerContent
             }
             else
             {
-#if __IOS__
+#if IOS
                 await loading.FadeTo(0, easing: Easing.CubicIn);
                 loading.IsVisible = false;
 #else
@@ -57,7 +64,7 @@ public class AppContentPage : ContentPage, ILoggerContent
 #endif
             }
         }
-#if __ANDROID__
+#if ANDROID
         return Task.CompletedTask;
 #endif
     }
@@ -79,4 +86,141 @@ public class AppContentPage : ContentPage, ILoggerContent
         });
         return source.Task;
     }
+
+    async Task<Location?> GetLastLocationAsyncInternal()
+    {
+        try
+        {
+            var location = await Geolocation.Default.GetLastKnownLocationAsync();
+            return location;
+        }
+        catch (FeatureNotSupportedException fnsEx)
+        {
+            this.LogError(fnsEx, $"Not supported on device, {fnsEx.Message}.");
+        }
+        catch (FeatureNotEnabledException fneEx)
+        {
+            this.LogError(fneEx, $"Not enabled on device, {fneEx.Message}.");
+        }
+        catch (PermissionException)
+        {
+            this.LogWarning($"User denied.");
+        }
+        catch (Exception ex)
+        {
+            this.LogError(ex, $"Error occurs while getting cached location, {ex.Message}");
+        }
+        return null;
+    }
+
+    protected Task<Location?> GetLastLocationAsync()
+    {
+        if (MainThread.IsMainThread)
+        {
+            return GetLastLocationAsyncInternal();
+        }
+        var source = new TaskCompletionSource<Location?>();
+        MainThread.BeginInvokeOnMainThread(async () =>
+        {
+            var location = await GetLastLocationAsyncInternal();
+            source.TrySetResult(location);
+        });
+        return source.Task;
+    }
+
+    TaskCompletionSource<Location?>? locationTaskSource;
+    CancellationTokenSource? locationCancellationTokenSource;
+
+    async Task<Location?> GetCurrentLocationAsyncInternal()
+    {
+        if (locationTaskSource == null)
+        {
+            locationTaskSource = new TaskCompletionSource<Location?>();
+
+            try
+            {
+                var request = new GeolocationRequest(GeolocationAccuracy.Best, TimeSpan.FromSeconds(10));
+#if IOS
+                request.RequestFullAccuracy = true;
+#endif
+
+                locationCancellationTokenSource = new CancellationTokenSource();
+
+                var location = await Geolocation.Default.GetLocationAsync(request, locationCancellationTokenSource.Token);
+                locationTaskSource.SetResult(location);
+            }
+            catch (Exception ex)
+            {
+                this.LogError(ex, $"Error occurs while getting current location, {ex.Message}");
+            }
+        }
+
+        return await locationTaskSource.Task;
+    }
+
+    protected Task<Location?> GetCurrentLocationAsync()
+    {
+        if (MainThread.IsMainThread)
+        {
+            return GetCurrentLocationAsyncInternal();
+        }
+        var source = new TaskCompletionSource<Location?>();
+        MainThread.BeginInvokeOnMainThread(async () =>
+        {
+            var location = await GetCurrentLocationAsyncInternal();
+            source.TrySetResult(location);
+        });
+        return source.Task;
+    }
+
+    protected void CancelRequestLocation()
+    {
+        if (locationCancellationTokenSource?.IsCancellationRequested == false)
+        {
+            locationCancellationTokenSource.Cancel();
+        }
+    }
+
+    async Task<FileResult?> TakePhotoInternal()
+    {
+        var status = await Permissions.CheckStatusAsync<Permissions.Camera>();
+
+        if (status == PermissionStatus.Denied)
+        {
+            await this.AlertError(L("needCameraPermission", "Flower Story needs access to the camera to take photos."));
+#if IOS
+            var settingsUrl = UIKit.UIApplication.OpenSettingsUrlString;
+            await Launcher.TryOpenAsync(settingsUrl);
+#endif
+            return null;
+        }
+
+        if (status != PermissionStatus.Granted)
+        {
+            status = await Permissions.RequestAsync<Permissions.Camera>();
+        }
+
+        if (status != PermissionStatus.Granted)
+        {
+            return null;
+        }
+
+        var file = await MediaPicker.Default.CapturePhotoAsync();
+        return file;
+    }
+
+    protected Task<FileResult?> TakePhoto()
+    {
+        if (MainThread.IsMainThread)
+        {
+            return TakePhotoInternal();
+        }
+        var source = new TaskCompletionSource<FileResult?>();
+        MainThread.BeginInvokeOnMainThread(async () =>
+        {
+            var file = await TakePhotoInternal();
+            source.TrySetResult(file);
+        });
+        return source.Task;
+    }
 }

FlowerApp/Controls/AppConverters.cs

@@ -2,7 +2,7 @@
 
 namespace Blahblah.FlowerApp;
 
-internal class VisibleIfNotNullConverter : IValueConverter
+class VisibleIfNotNullConverter : IValueConverter
 {
     public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
     {
@@ -18,3 +18,24 @@ internal class VisibleIfNotNullConverter : IValueConverter
         throw new NotImplementedException();
     }
 }
+
+
+class DateTimeStringConverter : IValueConverter
+{
+    public string Format { get; init; } = "MM/dd HH:mm:ss";
+
+    public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+    {
+        if (value is long time)
+        {
+            var date = DateTimeOffset.FromUnixTimeMilliseconds(time);
+            return date.ToLocalTime().ToString(Format);
+        }
+        return value;
+    }
+
+    public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+    {
+        throw new NotImplementedException();
+    }
+}

FlowerApp/Controls/FlowerClientItem.cs

@@ -7,6 +7,7 @@ public class FlowerClientItem : BindableObject
 {
     static readonly BindableProperty NameProperty = CreateProperty<string, FlowerClientItem>(nameof(Name));
     static readonly BindableProperty CategoryIdProperty = CreateProperty<int, FlowerClientItem>(nameof(CategoryId));
+    static readonly BindableProperty DaysProperty = CreateProperty<string, FlowerClientItem>(nameof(Days));
     static readonly BindableProperty CoverProperty = CreateProperty<ImageSource?, FlowerClientItem>(nameof(Cover));
     static readonly BindableProperty BoundsProperty = CreateProperty<Rect, FlowerClientItem>(nameof(Bounds));
 
@@ -23,6 +24,11 @@ public class FlowerClientItem : BindableObject
         get => (int)GetValue(CategoryIdProperty);
         set => SetValue(CategoryIdProperty, value);
     }
+    public string Days
+    {
+        get => (string)GetValue(DaysProperty);
+        set => SetValue(DaysProperty, value);
+    }
     public ImageSource? Cover
     {
         get => (ImageSource?)GetValue(CoverProperty);

FlowerApp/Controls/ItemSelectorPage.cs

@@ -0,0 +1,124 @@
+using static Blahblah.FlowerApp.Extensions;
+
+namespace Blahblah.FlowerApp.Controls;
+
+class ItemSelectorPage<K, T> : ContentPage where T : IdTextItem<K>
+{
+    public EventHandler<T>? Selected;
+
+    public ItemSelectorPage(string title, T[] source, bool multiple = false, K[]? selected = null, string display = nameof(IdTextItem<K>.Text), string? detail = null)
+    {
+        Title = title;
+
+        var itemsSource = source.Select(t => new SelectableItem<T>
+        {
+            Item = t,
+            IsSelected = selected != null && selected.Contains(t.Id)
+        }).ToArray();
+
+        var list = new ListView
+        {
+            SelectionMode = ListViewSelectionMode.None,
+            ItemsSource = itemsSource,
+            ItemTemplate = new DataTemplate(() =>
+            {
+                var content = new Grid
+                {
+                    Margin = new Thickness(12, 0),
+                    ColumnSpacing = 12,
+                    ColumnDefinitions =
+                    {
+                        new(30),
+                        new(GridLength.Star),
+                        new(GridLength.Auto)
+                    },
+                    Children =
+                    {
+                        new SecondaryLabel
+                        {
+                            VerticalOptions = LayoutOptions.Center,
+                            HorizontalOptions = LayoutOptions.Center,
+                            Text = Res.Check,
+                            FontFamily = "FontAwesome"
+                        }
+                        .Binding(IsVisibleProperty, nameof(SelectableItem<T>.IsSelected)),
+
+                        new Label
+                        {
+                            VerticalOptions = LayoutOptions.Center
+                        }
+                        .Binding(Label.TextProperty, $"{nameof(SelectableItem<T>.Item)}.{display}")
+                        .GridColumn(1)
+                    }
+                };
+                if (detail != null)
+                {
+                    content.Children.Add(
+                        new SecondaryLabel
+                        {
+                            VerticalOptions = LayoutOptions.Center
+                        }
+                        .Binding(Label.TextProperty, $"{nameof(SelectableItem<T>.Item)}.{detail}")
+                        .GridColumn(2));
+                }
+                return new ViewCell
+                {
+                    View = content
+                };
+            })
+        };
+
+        list.ItemTapped += List_ItemTapped;
+
+        Content = list;
+    }
+
+    private async void List_ItemTapped(object? sender, ItemTappedEventArgs e)
+    {
+        if (e.Item is SelectableItem<T> item)
+        {
+            Selected?.Invoke(this, item.Item);
+            await Navigation.PopAsync();
+        }
+    }
+}
+
+class SelectableItem<T> : BindableObject
+{
+    public static BindableProperty IsSelectedProperty = CreateProperty<bool, SelectableItem<T>>(nameof(IsSelected));
+    public static BindableProperty ItemProperty = CreateProperty<T, SelectableItem<T>>(nameof(Item));
+
+    public bool IsSelected
+    {
+        get => (bool)GetValue(IsSelectedProperty);
+        set => SetValue(IsSelectedProperty, value);
+    }
+    public T Item
+    {
+        get => (T)GetValue(ItemProperty);
+        set => SetValue(ItemProperty, value);
+    }
+}
+
+class IdTextItem<T> : BindableObject
+{
+    public static BindableProperty IdProperty = CreateProperty<T, IdTextItem<T>>(nameof(Id));
+    public static BindableProperty TextProperty = CreateProperty<string, IdTextItem<T>>(nameof(Text));
+    public static BindableProperty DetailProperty = CreateProperty<string?, IdTextItem<T>>(nameof(Detail));
+
+    public T Id
+    {
+        get => (T)GetValue(IdProperty);
+        set => SetValue(IdProperty, value);
+    }
+    public string Text
+    {
+        get => (string)GetValue(TextProperty);
+        set => SetValue(TextProperty, value);
+    }
+    public string? Detail
+    {
+        get => (string?)GetValue(DetailProperty);
+        set => SetValue(DetailProperty, value);
+    }
+}

FlowerApp/Controls/OptionCell.cs

@@ -0,0 +1,351 @@
+using System.ComponentModel;
+using static Blahblah.FlowerApp.Extensions;
+using static System.Runtime.InteropServices.JavaScript.JSType;
+
+namespace Blahblah.FlowerApp.Controls;
+
+public class TitleLabel : Label { }
+
+public class SecondaryLabel : Label { }
+
+public class IconLabel : Label { }
+
+public class OptionEntry : Entry { }
+
+public class OptionEditor : Editor { }
+
+public class OptionDatePicker : DatePicker { }
+
+public class OptionTimePicker : TimePicker { }
+
+public abstract class OptionCell : ViewCell
+{
+    public static readonly BindableProperty IconProperty = CreateProperty<ImageSource, OptionCell>(nameof(Icon));
+    public static readonly BindableProperty TitleProperty = CreateProperty<string, OptionCell>(nameof(Title));
+    public static readonly BindableProperty IsRequiredProperty = CreateProperty<bool, OptionCell>(nameof(IsRequired));
+
+    [TypeConverter(typeof(ImageSourceConverter))]
+    public ImageSource Icon
+    {
+        get => (ImageSource)GetValue(IconProperty);
+        set => SetValue(IconProperty, value);
+    }
+    public string Title
+    {
+        get => (string)GetValue(TitleProperty);
+        set => SetValue(TitleProperty, value);
+    }
+    public bool IsRequired
+    {
+        get => (bool)GetValue(IsRequiredProperty);
+        set => SetValue(IsRequiredProperty, value);
+    }
+
+    protected abstract View Content { get; }
+
+    public OptionCell()
+    {
+        View = new Grid
+        {
+            BindingContext = this,
+            Padding = new Thickness(20, 0),
+            ColumnSpacing = 12,
+            ColumnDefinitions =
+            {
+                new(GridLength.Auto),
+                new(new GridLength(.35, GridUnitType.Star)),
+                new(new GridLength(.65, GridUnitType.Star))
+            },
+            RowDefinitions = { new(44) },
+            Children =
+            {
+                new Image
+                {
+                    WidthRequest = 20,
+                    HeightRequest = 20,
+                    Aspect = Aspect.AspectFit,
+                    VerticalOptions = LayoutOptions.Center
+                }
+                .Binding(VisualElement.IsVisibleProperty, nameof(Icon), converter: new VisibleIfNotNullConverter())
+                .Binding(Image.SourceProperty, nameof(Icon)),
+
+                new Grid
+                {
+                    ColumnDefinitions =
+                    {
+                        new(GridLength.Auto),
+                        new(GridLength.Star)
+                    },
+                    Children =
+                    {
+                        new TitleLabel
+                        {
+                            LineBreakMode = LineBreakMode.TailTruncation,
+                            VerticalOptions = LayoutOptions.Center
+                        }
+                        .Binding(Label.TextProperty, nameof(Title)),
+
+                        new SecondaryLabel
+                        {
+                            VerticalOptions = LayoutOptions.Center,
+                            Text = "*"
+                        }
+                        .GridColumn(1)
+                        .AppThemeBinding(Label.TextColorProperty, Res.Red100, Res.Red300)
+                        .Binding(VisualElement.IsVisibleProperty, nameof(IsRequired)),
+                    }
+                }
+                .GridColumn(1),
+
+                Content.GridColumn(2)
+            }
+        }
+        .AppThemeBinding(VisualElement.BackgroundColorProperty, Colors.White, Res.Gray900);
+    }
+}
+
+public abstract class OptionVerticalCell : OptionCell
+{
+    public OptionVerticalCell()
+    {
+        View = new Grid
+        {
+            BindingContext = this,
+            Padding = new Thickness(20, 0),
+            ColumnSpacing = 12,
+            ColumnDefinitions =
+            {
+                new(GridLength.Auto),
+                new(GridLength.Star)
+            },
+            RowDefinitions =
+            {
+                new(44),
+                new(GridLength.Star)
+            },
+            Children =
+            {
+                new Image
+                {
+                    WidthRequest = 20,
+                    HeightRequest = 20,
+                    Aspect = Aspect.AspectFit,
+                    VerticalOptions = LayoutOptions.Center
+                }
+                .Binding(VisualElement.IsVisibleProperty, nameof(Icon), converter: new VisibleIfNotNullConverter())
+                .Binding(Image.SourceProperty, nameof(Icon)),
+
+                new TitleLabel
+                {
+                    LineBreakMode = LineBreakMode.TailTruncation,
+                    VerticalOptions = LayoutOptions.Center
+                }
+                .GridColumn(1)
+                .Binding(Label.TextProperty, nameof(Title)),
+
+                Content.GridRow(1).GridColumn(1)
+            }
+        }
+        .AppThemeBinding(VisualElement.BackgroundColorProperty, Colors.White, Res.Gray900);
+    }
+}
+
+public class OptionTextCell : OptionCell
+{
+    public static readonly BindableProperty DetailProperty = CreateProperty<string, OptionTextCell>(nameof(Detail));
+
+    public string Detail
+    {
+        get => (string)GetValue(DetailProperty);
+        set => SetValue(DetailProperty, value);
+    }
+
+    protected override View Content => new SecondaryLabel
+    {
+        HorizontalOptions = LayoutOptions.End,
+        VerticalOptions = LayoutOptions.Center
+    }
+    .Binding(Label.TextProperty, nameof(Detail));
+}
+
+public class OptionEntryCell : OptionCell
+{
+    public static readonly BindableProperty TextProperty = CreateProperty<string, OptionEntryCell>(nameof(Text), defaultBindingMode: BindingMode.TwoWay);
+    public static readonly BindableProperty KeyboardProperty = CreateProperty<Keyboard, OptionEntryCell>(nameof(Keyboard), defaultValue: Keyboard.Default);
+    public static readonly BindableProperty PlaceholderProperty = CreateProperty<string, OptionEntryCell>(nameof(Placeholder));
+
+    public event EventHandler<FocusEventArgs>? Unfocused;
+
+    public string Text
+    {
+        get => (string)GetValue(TextProperty);
+        set => SetValue(TextProperty, value);
+    }
+    public Keyboard Keyboard
+    {
+        get => (Keyboard)GetValue(KeyboardProperty);
+        set => SetValue(KeyboardProperty, value);
+    }
+    public string Placeholder
+    {
+        get => (string)GetValue(PlaceholderProperty);
+        set => SetValue(PlaceholderProperty, value);
+    }
+
+    protected override View Content
+    {
+        get
+        {
+            var entry = new OptionEntry()
+                .Binding(Entry.TextProperty, nameof(Text))
+                .Binding(InputView.KeyboardProperty, nameof(Keyboard))
+                .Binding(Entry.PlaceholderProperty, nameof(Placeholder));
+            entry.Unfocused += Entry_Unfocused;
+            return entry;
+        }
+    }
+
+    private void Entry_Unfocused(object? sender, FocusEventArgs e)
+    {
+        Unfocused?.Invoke(this, e);
+    }
+}
+
+public class OptionEditorCell : OptionVerticalCell
+{
+    public static readonly BindableProperty TextProperty = CreateProperty<string, OptionEditorCell>(nameof(Text), defaultBindingMode: BindingMode.TwoWay);
+    public static readonly BindableProperty KeyboardProperty = CreateProperty<Keyboard, OptionEditorCell>(nameof(Keyboard), defaultValue: Keyboard.Default);
+    public static readonly BindableProperty PlaceholderProperty = CreateProperty<string, OptionEditorCell>(nameof(Placeholder));
+
+    public string Text
+    {
+        get => (string)GetValue(TextProperty);
+        set => SetValue(TextProperty, value);
+    }
+    public Keyboard Keyboard
+    {
+        get => (Keyboard)GetValue(KeyboardProperty);
+        set => SetValue(KeyboardProperty, value);
+    }
+    public string Placeholder
+    {
+        get => (string)GetValue(PlaceholderProperty);
+        set => SetValue(PlaceholderProperty, value);
+    }
+
+    protected override View Content => new OptionEditor()
+    .Binding(Editor.TextProperty, nameof(Text))
+    .Binding(InputView.KeyboardProperty, nameof(Keyboard))
+    .Binding(Editor.PlaceholderProperty, nameof(Placeholder));
+}
+
+public class OptionSwitchCell : OptionCell
+{
+    public static readonly BindableProperty IsToggledProperty = CreateProperty<bool, OptionSwitchCell>(nameof(IsToggled), defaultBindingMode: BindingMode.TwoWay);
+
+    public bool IsToggled
+    {
+        get => (bool)GetValue(IsToggledProperty);
+        set => SetValue(IsToggledProperty, value);
+    }
+
+    protected override View Content => new Switch
+    {
+        HorizontalOptions = LayoutOptions.End,
+        VerticalOptions = LayoutOptions.Center
+    }
+    .Binding(Switch.IsToggledProperty, nameof(IsToggled));
+}
+
+public class OptionSelectCell : OptionTextCell
+{
+    public static readonly BindableProperty CommandProperty = CreateProperty<Command, OptionSelectCell>(nameof(Command));
+    public static readonly BindableProperty CommandParameterProperty = CreateProperty<object, OptionSelectCell>(nameof(CommandParameter));
+
+    public Command Command
+    {
+        get => (Command)GetValue(CommandProperty);
+        set => SetValue(CommandProperty, value);
+    }
+    public object CommandParameter
+    {
+        get => GetValue(CommandParameterProperty);
+        set => SetValue(CommandParameterProperty, value);
+    }
+
+    public event EventHandler? DetailTapped;
+
+    protected override View Content
+    {
+        get
+        {
+            var tap = new TapGestureRecognizer();
+            tap.Tapped += OnTapped;
+
+            return new StackLayout
+            {
+                Orientation = StackOrientation.Horizontal,
+                HorizontalOptions = LayoutOptions.End,
+                Children =
+                {
+                    new SecondaryLabel
+                    {
+                        VerticalOptions = LayoutOptions.Center,
+                    }
+                    .Binding(Label.TextProperty, nameof(Detail)),
+
+                    new IconLabel
+                    {
+                        VerticalOptions = LayoutOptions.Center,
+                        Margin = new Thickness(6, 0),
+                        Text = Res.Right
+                    }
+                },
+                GestureRecognizers = { tap }
+            };
+        }
+    }
+
+    private void OnTapped(object? sender, TappedEventArgs e)
+    {
+        DetailTapped?.Invoke(this, e);
+    }
+}
+
+public class OptionDateTimePickerCell : OptionCell
+{
+    public static readonly BindableProperty DateProperty = CreateProperty<DateTime, OptionDateTimePickerCell>(nameof(Date), defaultBindingMode: BindingMode.TwoWay);
+    public static readonly BindableProperty TimeProperty = CreateProperty<TimeSpan, OptionDateTimePickerCell>(nameof(Time), defaultBindingMode: BindingMode.TwoWay);
+
+    public DateTime Date
+    {
+        get => (DateTime)GetValue(DateProperty);
+        set => SetValue(DateProperty, value);
+    }
+    public TimeSpan Time
+    {
+        get => (TimeSpan)GetValue(TimeProperty);
+        set => SetValue(TimeProperty, value);
+    }
+
+    protected override View Content => new Grid
+    {
+        ColumnDefinitions =
+        {
+            new(GridLength.Star),
+            new(GridLength.Auto),
+            new(GridLength.Auto)
+        },
+        ColumnSpacing = 6,
+        Children =
+        {
+            new OptionDatePicker()
+            .Binding(DatePicker.DateProperty, nameof(Date))
+            .GridColumn(1),
+
+            new OptionTimePicker()
+            .Binding(TimePicker.TimeProperty, nameof(Time))
+            .GridColumn(2)
+        }
+    };
+}

FlowerApp/Data/Constants.cs

@@ -11,7 +11,7 @@ internal sealed class Constants
     public const string LastTokenName = "last_token";
 
     public const string BaseUrl = "https://app.blahblaho.com";
-    public const string AppVersion = "0.2.801";
+    public const string AppVersion = "0.3.802";
     public const string UserAgent = $"FlowerApp/{AppVersion}";
 
     public const SQLiteOpenFlags SQLiteFlags =
@@ -64,14 +64,14 @@ internal record Definitions
     public required Dictionary<int, EventItem> Events { get; init; }
 }
 
-internal record NamedItem(string Name, string? Description)
+public record NamedItem(string Name, string? Description)
 {
     public string Name { get; init; } = Name;
 
     public string? Description { get; init; } = Description;
 }
 
-internal record EventItem(string Name, string? Description, bool Unique) : NamedItem(Name, Description)
+public record EventItem(string Name, string? Description, bool Unique) : NamedItem(Name, Description)
 {
     public bool Unique { get; init; } = Unique;
 }

FlowerApp/Data/FlowerDatabase.cs

@@ -21,6 +21,8 @@ public class FlowerDatabase : ILoggerContent
 
     private Dictionary<int, EventItem>? events;
 
+    public Dictionary<int, NamedItem>? Categories => categories;
+
     public string Category(int categoryId)
     {
         if (categories?.TryGetValue(categoryId, out var category) == true)
@@ -168,6 +170,18 @@ public class FlowerDatabase : ILoggerContent
         }
     }
 
+    public async Task<int> GetLogCount()
+    {
+        await Init();
+        return await database.Table<LogItem>().Where(l => l.OwnerId < 0 || l.OwnerId == AppResources.User.Id).CountAsync();
+    }
+
+    public async Task<LogItem[]> GetLogs()
+    {
+        await Init();
+        return await database.Table<LogItem>().Where(l => l.OwnerId < 0 || l.OwnerId == AppResources.User.Id).OrderByDescending(l => l.LogUnixTime).ToArrayAsync();
+    }
+
     public async Task<int> AddLog(LogItem log)
     {
         await Init();

FlowerApp/Data/Model/FlowerItem.cs

@@ -41,4 +41,10 @@ public class FlowerItem
 
     [Ignore]
     public int? Distance { get; set; }
+
+    public override string ToString()
+    {
+        // TODO:
+        return $"id: {Id}, owner: {OwnerId}, category: {CategoryId}, name: {Name}, date: {DateBuyUnixTime}, ...";
+    }
 }

FlowerApp/Extensions.cs

@@ -11,9 +11,9 @@ internal sealed class Extensions
         return LocalizationResource.GetText(key, defaultValue);
     }
 
-    public static BindableProperty CreateProperty<T, V>(string propertyName, T? defaultValue = default)
+    public static BindableProperty CreateProperty<T, V>(string propertyName, T? defaultValue = default, BindingMode defaultBindingMode = BindingMode.OneWay, BindableProperty.BindingPropertyChangedDelegate? propertyChanged = null)
     {
-        return BindableProperty.Create(propertyName, typeof(T), typeof(V), defaultValue);
+        return BindableProperty.Create(propertyName, typeof(T), typeof(V), defaultValue, defaultBindingMode, propertyChanged: propertyChanged);
     }
 
     public static async Task<T?> FetchAsync<T>(string url, CancellationToken cancellation = default)
@@ -40,21 +40,51 @@ internal sealed class Extensions
         {
             response.EnsureSuccessStatusCode();
             var content = response.Content;
-            if (content.Headers.TryGetValues("Authorization", out var values) &&
-                values.FirstOrDefault() is string oAuth)
-            {
-                Constants.SetAuthorization(oAuth);
-                var result = await content.ReadFromJsonAsync<R>(cancellationToken: cancellation);
-                return result;
-            }
+            var result = await content.ReadFromJsonAsync<R>(cancellationToken: cancellation);
+            return result;
         }
         return default;
     }
+
+    public static async Task<R?> UploadAsync<R>(string url, MultipartFormDataContent data, CancellationToken cancellation = default)
+    {
+        using var client = new HttpClient();
+        var authorization = Constants.Authorization;
+        if (authorization != null)
+        {
+            client.DefaultRequestHeaders.TryAddWithoutValidation("Authorization", authorization);
+        }
+        using var response = await client.PostAsJsonAsync($"{Constants.BaseUrl}/{url}", data, cancellation);
+        if (response != null)
+        {
+            response.EnsureSuccessStatusCode();
+            var content = response.Content;
+            var result = await content.ReadFromJsonAsync<R>(cancellationToken: cancellation);
+            return result;
+        }
+        return default;
+    }
+
+    public static async Task<string> CacheFileAsync(FileResult file)
+    {
+        string cache = Path.Combine(FileSystem.CacheDirectory, file.FileName);
+
+        using Stream source = await file.OpenReadAsync();
+        using FileStream fs = File.OpenWrite(cache);
+        await source.CopyToAsync(fs);
+
+        return cache;
+    }
 }
 
 internal static class LoggerExtension
 {
-    const LogLevel MinimumLogLevel = LogLevel.Information;
+    const LogLevel MinimumLogLevel =
+#if DEBUG
+        LogLevel.Information;
+#else
+        LogLevel.Warning;
+#endif
 
     public static void LogInformation(this ILoggerContent content, string message)
     {
@@ -77,7 +107,7 @@ internal static class LoggerExtension
         {
             logger.Log(level, exception, "[{time:MM/dd HH:mm:ss}] - {message}", DateTime.UtcNow, message);
 
-            if (content.Database is FlowerDatabase database)
+            if (level >= MinimumLogLevel && content.Database is FlowerDatabase database)
             {
                 _ = database.AddLog(new Data.Model.LogItem
                 {
@@ -97,6 +127,42 @@ internal static class LoggerExtension
 
 internal static class PageExtension
 {
+    public static T Binding<T>(this T obj, BindableProperty property, string path, BindingMode mode = BindingMode.Default, IValueConverter? converter = null) where T : BindableObject
+    {
+        obj.SetBinding(property, path, mode, converter);
+        return obj;
+    }
+
+    public static T AppThemeBinding<T>(this T obj, BindableProperty property, Color light, Color dark) where T : BindableObject
+    {
+        obj.SetAppThemeColor(property, light, dark);
+        return obj;
+    }
+
+    public static T GridColumn<T>(this T view, int column) where T : BindableObject
+    {
+        Grid.SetColumn(view, column);
+        return view;
+    }
+
+    public static T GridRow<T>(this T view, int row) where T : BindableObject
+    {
+        Grid.SetRow(view, row);
+        return view;
+    }
+
+    public static T GridColumnSpan<T>(this T view, int columnSpan) where T : BindableObject
+    {
+        Grid.SetColumnSpan(view, columnSpan);
+        return view;
+    }
+
+    public static T GridRowSpan<T>(this T view, int rowSpan) where T : BindableObject
+    {
+        Grid.SetRowSpan(view, rowSpan);
+        return view;
+    }
+
     public static Task AlertError(this ContentPage page, string error)
     {
         return Alert(page, LocalizationResource.GetText("error", "Error"), error);
@@ -136,4 +202,22 @@ internal static class PageExtension
         });
         return taskSource.Task;
     }
+}
+
+internal static class Res
+{
+    public const string Filter = "\ue17c";
+    public const string Camera = "\uf030";
+    public const string Image = "\uf03e";
+    public const string Heart = "\uf004";
+    public const string Right = "\uf105";
+    public const string XMarkLarge = "\ue59b";
+    public const string Gear = "\uf013";
+    public const string List = "\uf0ae";
+    public const string Flag = "\uf2b4";
+    public const string Check = "\uf00c";
+
+    public static readonly Color Gray900 = Color.FromRgb(0x21, 0x21, 0x21);
+    public static readonly Color Red100 = Color.FromRgb(0xF4, 0x43, 0x36);
+    public static readonly Color Red300 = Color.FromRgb(0xFF, 0xCD, 0xD2);
 }

FlowerApp/FlowerApp.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk">
 
     <PropertyGroup>
-        <TargetFrameworks>net8.0-android;net8.0-ios</TargetFrameworks>
+        <TargetFrameworks>net8.0-ios</TargetFrameworks>
 
         <OutputType>Exe</OutputType>
         <RootNamespace>Blahblah.FlowerApp</RootNamespace>
@@ -18,8 +18,8 @@
         <ApplicationIdGuid>2a32c3a1-d02e-450d-b524-5dbea90f13ed</ApplicationIdGuid>
 
         <!-- Versions -->
-        <ApplicationDisplayVersion>0.2.801</ApplicationDisplayVersion>
-        <ApplicationVersion>3</ApplicationVersion>
+        <ApplicationDisplayVersion>0.3.802</ApplicationDisplayVersion>
+        <ApplicationVersion>5</ApplicationVersion>
 
         <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">15.0</SupportedOSPlatformVersion>
         <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">23.0</SupportedOSPlatformVersion>
@@ -53,14 +53,16 @@
 
     <ItemGroup>
         <!-- App Icon -->
-        <MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
+        <MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#297b2c" />
 
         <!-- Splash Screen -->
-        <MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
+        <MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#297b2c" BaseSize="128,128" />
 
         <!-- Images -->
         <MauiImage Include="Resources\Images\*" />
-        <MauiImage Update="Resources\Images\dotnet_bot.svg" BaseSize="168,208" />
+        <MauiImage Update="Resources\Images\cube.svg" BaseSize="24,24" />
+        <MauiImage Update="Resources\Images\flower_tulip.svg" BaseSize="24,24" />
+        <MauiImage Update="Resources\Images\user.svg" BaseSize="24,24" />
 
         <!-- Custom Fonts -->
         <MauiFont Include="Resources\Fonts\*" />
@@ -85,6 +87,9 @@
         <AutoGen>True</AutoGen>
         <DependentUpon>Localizations.resx</DependentUpon>
       </Compile>
+      <Compile Update="HomePage.xaml.cs">
+        <DependentUpon>HomePage.xaml</DependentUpon>
+      </Compile>
     </ItemGroup>
 
     <ItemGroup>
@@ -99,11 +104,15 @@
 
     <ItemGroup>
       <Folder Include="Handlers\" />
-      <Folder Include="Platforms\Android\Handlers\" />
       <Folder Include="Platforms\Android\Controls\" />
       <Folder Include="Platforms\iOS\Controls\" />
     </ItemGroup>
 
+    <ItemGroup>
+      <MauiAsset Include="Resources\en.lproj\InfoPlist.strings" />
+      <MauiAsset Include="Resources\zh_CN.lproj\InfoPlist.strings" />
+    </ItemGroup>
+
     <ItemGroup>
       <MauiXaml Update="LoginPage.xaml">
         <Generator>MSBuild:Compile</Generator>
@@ -114,5 +123,14 @@
       <MauiXaml Update="UserPage.xaml">
         <Generator>MSBuild:Compile</Generator>
       </MauiXaml>
+      <MauiXaml Update="Views\Garden\AddFlowerPage.xaml">
+        <Generator>MSBuild:Compile</Generator>
+      </MauiXaml>
+      <MauiXaml Update="Views\User\LogItemPage.xaml">
+        <Generator>MSBuild:Compile</Generator>
+      </MauiXaml>
+      <MauiXaml Update="Views\User\LogPage.xaml">
+        <Generator>MSBuild:Compile</Generator>
+      </MauiXaml>
     </ItemGroup>
 </Project>

FlowerApp/HomePage.xaml

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<l:AppContentPage
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:l="clr-namespace:Blahblah.FlowerApp"
+    xmlns:ctl="clr-namespace:Blahblah.FlowerApp.Controls"
+    x:Class="Blahblah.FlowerApp.HomePage"
+    x:Name="homePage"
+    x:DataType="l:HomePage"
+    Title="{l:Lang myGarden, Default=My Garden}">
+
+    <!--<Shell.SearchHandler>
+        <l:ItemSearchHandler TextColor="{AppThemeBinding Light={OnPlatform Android={StaticResource Primary}, iOS={StaticResource White}}, Dark={StaticResource White}}"
+                             PlaceholderColor="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}"
+                             Placeholder="{l:Lang flowerSearchPlaceholder, Default=Enter flower name to search...}"
+                             Flowers="{Binding Flowers, Source={x:Reference homePage}}" DisplayMemberName="Name"
+                             FontFamily="OpenSansRegular" FontSize="14"
+                             SearchBoxVisibility="Collapsible" ShowsResults="True"/>
+    </Shell.SearchHandler>-->
+    <ContentPage.ToolbarItems>
+        <ToolbarItem Text="{l:Lang add, Default=Add}" Clicked="AddFlower_Clicked"/>
+    </ContentPage.ToolbarItems>
+
+    <ContentPage.Resources>
+        <Style x:Key="secondaryLabel" TargetType="Label">
+            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}"/>
+            <Setter Property="FontSize" Value="12"/>
+            <Setter Property="VerticalOptions" Value="Center"/>
+        </Style>
+        <DataTemplate x:Key="flowerTemplate" x:DataType="ctl:FlowerClientItem">
+            <Frame Padding="0" CornerRadius="12" BorderColor="Transparent"
+                   AbsoluteLayout.LayoutFlags="XProportional"
+                   AbsoluteLayout.LayoutBounds="{Binding Bounds}">
+                <Grid RowDefinitions="*,30,16" RowSpacing="0" ColumnSpacing="4">
+                    <Image Source="{Binding Cover}"/>
+                    <!--<Frame Grid.Row="1" Margin="0" Padding="0"
+                           WidthRequest="30" HeightRequest="30" CornerRadius="15"
+                           BorderColor="Transparent" BackgroundColor="LightGray"
+                           VerticalOptions="Center"></Frame>-->
+                    <Label Grid.Row="1" Text="{Binding Name}" VerticalOptions="Center" Margin="0,4,0,0"/>
+                    <Grid Grid.Row="2" ColumnSpacing="4" ColumnDefinitions="*,Auto,Auto">
+                        <Label Text="{Binding Days}" Style="{StaticResource secondaryLabel}"/>
+                        <Label Grid.Column="1" FontFamily="FontAwesomeSolid" Text="{x:Static l:Res.Heart}" Style="{StaticResource secondaryLabel}"/>
+                        <Label Grid.Column="2" Text="0" Style="{StaticResource secondaryLabel}"/>
+                    </Grid>
+                </Grid>
+            </Frame>
+        </DataTemplate>
+    </ContentPage.Resources>
+
+    <Grid RowDefinitions="Auto,Auto,*" BindingContext="{x:Reference homePage}">
+        <SearchBar Text="{Binding SearchKey}" Placeholder="{l:Lang flowerSearchPlaceholder, Default=Enter flower name to search...}"/>
+        <Grid Grid.Row="1" ColumnDefinitions="*,Auto">
+            <Label VerticalOptions="Center" Text="{Binding CurrentCount}" Margin="12,0"
+                   TextColor="{AppThemeBinding Light={StaticResource Gray400}, Dark={StaticResource Gray600}}"/>
+            <Button Grid.Column="1" BackgroundColor="Transparent" TextColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}"
+                    FontFamily="FontAwesomeSolid" Text="{x:Static l:Res.Filter}" FontSize="18"/>
+        </Grid>
+        <RefreshView Grid.Row="2" Refreshing="RefreshView_Refreshing" IsRefreshing="{Binding IsRefreshing}">
+            <ScrollView>
+                <AbsoluteLayout Margin="12,0,12,12"
+                                BindableLayout.ItemsSource="{Binding Flowers}"
+                                BindableLayout.ItemTemplate="{StaticResource flowerTemplate}">
+                    <BindableLayout.EmptyView>
+                        <Grid AbsoluteLayout.LayoutFlags="SizeProportional" AbsoluteLayout.LayoutBounds="0,20,1,1"
+                              RowDefinitions="Auto,Auto,*">
+                            <Image Source="empty_flower.jpg" MaximumWidthRequest="200" MaximumHeightRequest="133"/>
+                            <Label Grid.Row="1" Text="{l:Lang noFlower, Default=Click Add in the upper right corner to usher in the first plant in the garden.}"
+                                   HorizontalTextAlignment="Center" Margin="0,10"/>
+                        </Grid>
+                    </BindableLayout.EmptyView>
+                </AbsoluteLayout>
+            </ScrollView>
+        </RefreshView>
+    </Grid>
+
+</l:AppContentPage>

FlowerApp/HomePage.xaml.cs

@@ -1,16 +1,40 @@
 using Blahblah.FlowerApp.Controls;
 using Blahblah.FlowerApp.Data;
 using Blahblah.FlowerApp.Data.Model;
+using Blahblah.FlowerApp.Views.Garden;
 using Microsoft.Extensions.Logging;
+using System.Net;
 using static Blahblah.FlowerApp.Extensions;
 
 namespace Blahblah.FlowerApp;
 
 public partial class HomePage : AppContentPage
 {
+    static readonly BindableProperty SearchKeyProperty = CreateProperty<string, HomePage>(nameof(SearchKey), propertyChanged: OnSearchKeyPropertyChanged);
     static readonly BindableProperty FlowersProperty = CreateProperty<FlowerClientItem[], HomePage>(nameof(Flowers));
     static readonly BindableProperty IsRefreshingProperty = CreateProperty<bool, HomePage>(nameof(IsRefreshing));
+    static readonly BindableProperty CurrentCountProperty = CreateProperty<string?, HomePage>(nameof(CurrentCount));
 
+    static void OnSearchKeyPropertyChanged(BindableObject bindable, object old, object @new)
+    {
+        if (bindable is HomePage home && @new is string)
+        {
+            if (home.IsRefreshing)
+            {
+                home.changed = true;
+            }
+            else
+            {
+                home.IsRefreshing = true;
+            }
+        }
+    }
+
+    public string SearchKey
+    {
+        get => GetValue<string>(SearchKeyProperty);
+        set => SetValue(SearchKeyProperty, value);
+    }
     public FlowerClientItem[] Flowers
     {
         get => GetValue<FlowerClientItem[]>(FlowersProperty);
@@ -21,11 +45,17 @@ public partial class HomePage : AppContentPage
         get => GetValue<bool>(IsRefreshingProperty);
         set => SetValue(IsRefreshingProperty, value);
     }
+    public string? CurrentCount
+    {
+        get => GetValue<string?>(CurrentCountProperty);
+        set => SetValue(CurrentCountProperty, value);
+    }
 
     bool logined = false;
     bool loaded = false;
     bool? setup;
     double pageWidth;
+    bool changed = false;
 
     const int margin = 12;
     const int cols = 2;
@@ -34,11 +64,8 @@ public partial class HomePage : AppContentPage
     int itemWidth;
     int emptyHeight;
 
-    public HomePage(FlowerDatabase database, ILogger<HomePage> logger)
+    public HomePage(FlowerDatabase database, ILogger<HomePage> logger) : base(database, logger)
     {
-        Database = database;
-        Logger = logger;
-
         InitializeComponent();
 
         Task.Run(async () =>
@@ -65,6 +92,8 @@ public partial class HomePage : AppContentPage
         if (!logined)
         {
             logined = true;
+            IsRefreshing = true;
+
             Task.Run(async () =>
             {
                 while (setup == null)
@@ -77,7 +106,7 @@ public partial class HomePage : AppContentPage
                 if (!loaded)
                 {
                     loaded = true;
-                    IsRefreshing = true;
+                    await DoRefreshAsync();
                 }
             });
         }
@@ -150,7 +179,7 @@ public partial class HomePage : AppContentPage
         {
             height = emptyHeight;
         }
-        height += 36;
+        height += 46;
         double yMin = double.MaxValue;
         for (var i = 0; i < cols; i++)
         {
@@ -172,15 +201,26 @@ public partial class HomePage : AppContentPage
     {
         try
         {
-            var result = await FetchAsync<FlowerResult>("api/flower/latest?photo=true");
+            var url = "api/flower/latest?photo=true";
+            var key = SearchKey;
+            if (!string.IsNullOrWhiteSpace(key))
+            {
+                url += "&key=" + WebUtility.UrlEncode(key);
+            }
+            var result = await FetchAsync<FlowerResult>(url);
             if (result?.Count > 0)
             {
+                CurrentCount = L("currentCount", "There are currently {count} plants").Replace("{count}", result.Count.ToString());
+
                 await Database.UpdateFlowers(result.Flowers);
 
                 DoInitSize();
+                var daystring = L("daysPlanted", "{count} days planted");
                 var flowers = result.Flowers.Select(f =>
                 {
                     var item = new FlowerClientItem(f);
+                    var days = (DateTimeOffset.UtcNow - DateTimeOffset.FromUnixTimeMilliseconds(f.DateBuyUnixTime)).TotalDays;
+                    item.Days = daystring.Replace("{count}", ((int)days).ToString());
                     if (f.Photos?.Length > 0 && f.Photos[0] is PhotoItem cover)
                     {
                         item.Cover = new UriImageSource { Uri = new Uri($"{Constants.BaseUrl}/{cover.Url}") };
@@ -192,14 +232,13 @@ public partial class HomePage : AppContentPage
                     DoResizeItem(item);
                     return item;
                 });
-                this.LogInformation($"got {result.Count} flowers.");
 
                 Flowers = flowers.ToArray();
             }
             else
             {
+                CurrentCount = null;
                 Flowers = Array.Empty<FlowerClientItem>();
-                this.LogInformation("no flowers.");
             }
         }
         catch (Exception ex)
@@ -210,12 +249,29 @@ public partial class HomePage : AppContentPage
         finally
         {
             IsRefreshing = false;
+
+            if (changed)
+            {
+                changed = false;
+                await Task.Delay(100);
+                IsRefreshing = true;
+            }
         }
     }
 
     private void RefreshView_Refreshing(object sender, EventArgs e)
     {
-        Task.Run(DoRefreshAsync);
+        if (loaded)
+        {
+            Task.Run(DoRefreshAsync);
+        }
+    }
+
+    private async void AddFlower_Clicked(object sender, EventArgs e)
+    {
+        //await Shell.Current.GoToAsync("AddFlower");
+        var addPage = new AddFlowerPage(Database, Logger);
+        await Navigation.PushAsync(addPage);
     }
 }
 

FlowerApp/LocalizationResource.cs

@@ -7,9 +7,9 @@ sealed class LocalizationResource
     private static IStringLocalizer<Localizations>? localizer;
 
     public static IStringLocalizer<Localizations>? Localizer => localizer ??=
-#if __ANDROID__
+#if ANDROID
         MauiApplication
-#else
+#elif IOS
         MauiUIApplicationDelegate
 #endif
         .Current.Services.GetService<IStringLocalizer<Localizations>>();

FlowerApp/Localizations.Designer.cs

@@ -69,6 +69,69 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Add Flower.
+        /// </summary>
+        internal static string addFlower {
+            get {
+                return ResourceManager.GetString("addFlower", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Cost:.
+        /// </summary>
+        internal static string costColon {
+            get {
+                return ResourceManager.GetString("costColon", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Cost must be a positive number..
+        /// </summary>
+        internal static string costInvalid {
+            get {
+                return ResourceManager.GetString("costInvalid", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to There are currently {count} plants.
+        /// </summary>
+        internal static string currentCount {
+            get {
+                return ResourceManager.GetString("currentCount", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to {count} days planted.
+        /// </summary>
+        internal static string daysPlanted {
+            get {
+                return ResourceManager.GetString("daysPlanted", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Please enter the cost.
+        /// </summary>
+        internal static string enterCost {
+            get {
+                return ResourceManager.GetString("enterCost", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Please enter the flower name.
+        /// </summary>
+        internal static string enterFlowerName {
+            get {
+                return ResourceManager.GetString("enterFlowerName", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Error.
         /// </summary>
@@ -78,6 +141,15 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Failed to add flower, {error}, please try again later..
+        /// </summary>
+        internal static string failedAddFlower {
+            get {
+                return ResourceManager.GetString("failedAddFlower", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Failed to get flowers, please try again..
         /// </summary>
@@ -96,6 +168,51 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Flower category.
+        /// </summary>
+        internal static string flowerCategory {
+            get {
+                return ResourceManager.GetString("flowerCategory", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Flower category:.
+        /// </summary>
+        internal static string flowerCategoryColon {
+            get {
+                return ResourceManager.GetString("flowerCategoryColon", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Flower category is required..
+        /// </summary>
+        internal static string flowerCategoryRequired {
+            get {
+                return ResourceManager.GetString("flowerCategoryRequired", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Flower name.
+        /// </summary>
+        internal static string flowerName {
+            get {
+                return ResourceManager.GetString("flowerName", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Flower name is required..
+        /// </summary>
+        internal static string flowerNameRequired {
+            get {
+                return ResourceManager.GetString("flowerNameRequired", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Enter flower name to search....
         /// </summary>
@@ -132,6 +249,42 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to User id and password is required..
+        /// </summary>
+        internal static string idPasswordRequired {
+            get {
+                return ResourceManager.GetString("idPasswordRequired", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Locating....
+        /// </summary>
+        internal static string locating {
+            get {
+                return ResourceManager.GetString("locating", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Location:.
+        /// </summary>
+        internal static string locationColon {
+            get {
+                return ResourceManager.GetString("locationColon", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Location is required..
+        /// </summary>
+        internal static string locationRequired {
+            get {
+                return ResourceManager.GetString("locationRequired", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Log In.
         /// </summary>
@@ -141,6 +294,24 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to {count} logs.
+        /// </summary>
+        internal static string logs {
+            get {
+                return ResourceManager.GetString("logs", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Memo:.
+        /// </summary>
+        internal static string memoColon {
+            get {
+                return ResourceManager.GetString("memoColon", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to My Garden.
         /// </summary>
@@ -150,6 +321,15 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Flower Story needs access to the camera to take photos..
+        /// </summary>
+        internal static string needCameraPermission {
+            get {
+                return ResourceManager.GetString("needCameraPermission", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to No.
         /// </summary>
@@ -168,6 +348,15 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Your device does not support taking photos..
+        /// </summary>
+        internal static string notSupportedCapture {
+            get {
+                return ResourceManager.GetString("notSupportedCapture", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Ok.
         /// </summary>
@@ -186,6 +375,78 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Purchase from:.
+        /// </summary>
+        internal static string purchaseFromColon {
+            get {
+                return ResourceManager.GetString("purchaseFromColon", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Purchase time:.
+        /// </summary>
+        internal static string purchaseTimeColon {
+            get {
+                return ResourceManager.GetString("purchaseTimeColon", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Save.
+        /// </summary>
+        internal static string save {
+            get {
+                return ResourceManager.GetString("save", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Saved successfully..
+        /// </summary>
+        internal static string savedSuccessfully {
+            get {
+                return ResourceManager.GetString("savedSuccessfully", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Please select the flower category.
+        /// </summary>
+        internal static string selectFlowerCategory {
+            get {
+                return ResourceManager.GetString("selectFlowerCategory", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Please select the location.
+        /// </summary>
+        internal static string selectFlowerLocation {
+            get {
+                return ResourceManager.GetString("selectFlowerLocation", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Please select where are you purchase from.
+        /// </summary>
+        internal static string selectPurchaseFrom {
+            get {
+                return ResourceManager.GetString("selectPurchaseFrom", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to Please select the purchase time.
+        /// </summary>
+        internal static string selectPurchaseTime {
+            get {
+                return ResourceManager.GetString("selectPurchaseTime", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Square.
         /// </summary>
@@ -222,6 +483,15 @@ namespace Blahblah.FlowerApp {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Welcome, {name}.
+        /// </summary>
+        internal static string welcome {
+            get {
+                return ResourceManager.GetString("welcome", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Yes.
         /// </summary>

FlowerApp/Localizations.resx

@@ -120,15 +120,54 @@
   <data name="add" xml:space="preserve">
     <value>Add</value>
   </data>
+  <data name="addFlower" xml:space="preserve">
+    <value>Add Flower</value>
+  </data>
+  <data name="costColon" xml:space="preserve">
+    <value>Cost:</value>
+  </data>
+  <data name="costInvalid" xml:space="preserve">
+    <value>Cost must be a positive number.</value>
+  </data>
+  <data name="currentCount" xml:space="preserve">
+    <value>There are currently {count} plants</value>
+  </data>
+  <data name="daysPlanted" xml:space="preserve">
+    <value>{count} days planted</value>
+  </data>
+  <data name="enterCost" xml:space="preserve">
+    <value>Please enter the cost</value>
+  </data>
+  <data name="enterFlowerName" xml:space="preserve">
+    <value>Please enter the flower name</value>
+  </data>
   <data name="error" xml:space="preserve">
     <value>Error</value>
   </data>
+  <data name="failedAddFlower" xml:space="preserve">
+    <value>Failed to add flower, {error}, please try again later.</value>
+  </data>
   <data name="failedGetFlowers" xml:space="preserve">
     <value>Failed to get flowers, please try again.</value>
   </data>
   <data name="failedLogin" xml:space="preserve">
     <value>Failed to login, please try again later.</value>
   </data>
+  <data name="flowerCategory" xml:space="preserve">
+    <value>Flower category</value>
+  </data>
+  <data name="flowerCategoryColon" xml:space="preserve">
+    <value>Flower category:</value>
+  </data>
+  <data name="flowerCategoryRequired" xml:space="preserve">
+    <value>Flower category is required.</value>
+  </data>
+  <data name="flowerName" xml:space="preserve">
+    <value>Flower name</value>
+  </data>
+  <data name="flowerNameRequired" xml:space="preserve">
+    <value>Flower name is required.</value>
+  </data>
   <data name="flowerSearchPlaceholder" xml:space="preserve">
     <value>Enter flower name to search...</value>
   </data>
@@ -141,24 +180,72 @@
   <data name="home" xml:space="preserve">
     <value>Garden</value>
   </data>
+  <data name="idPasswordRequired" xml:space="preserve">
+    <value>User id and password is required.</value>
+  </data>
+  <data name="locating" xml:space="preserve">
+    <value>Locating...</value>
+  </data>
+  <data name="locationColon" xml:space="preserve">
+    <value>Location:</value>
+  </data>
+  <data name="locationRequired" xml:space="preserve">
+    <value>Location is required.</value>
+  </data>
   <data name="logIn" xml:space="preserve">
     <value>Log In</value>
   </data>
+  <data name="logs" xml:space="preserve">
+    <value>{count} logs</value>
+  </data>
+  <data name="memoColon" xml:space="preserve">
+    <value>Memo:</value>
+  </data>
   <data name="myGarden" xml:space="preserve">
     <value>My Garden</value>
   </data>
+  <data name="needCameraPermission" xml:space="preserve">
+    <value>Flower Story needs access to the camera to take photos.</value>
+  </data>
   <data name="no" xml:space="preserve">
     <value>No</value>
   </data>
   <data name="noFlower" xml:space="preserve">
     <value>Click "Add" in the upper right corner to usher in the first plant in the garden.</value>
   </data>
+  <data name="notSupportedCapture" xml:space="preserve">
+    <value>Your device does not support taking photos.</value>
+  </data>
   <data name="ok" xml:space="preserve">
     <value>Ok</value>
   </data>
   <data name="password" xml:space="preserve">
     <value>Password</value>
   </data>
+  <data name="purchaseFromColon" xml:space="preserve">
+    <value>Purchase from:</value>
+  </data>
+  <data name="purchaseTimeColon" xml:space="preserve">
+    <value>Purchase time:</value>
+  </data>
+  <data name="save" xml:space="preserve">
+    <value>Save</value>
+  </data>
+  <data name="savedSuccessfully" xml:space="preserve">
+    <value>Saved successfully.</value>
+  </data>
+  <data name="selectFlowerCategory" xml:space="preserve">
+    <value>Please select the flower category</value>
+  </data>
+  <data name="selectFlowerLocation" xml:space="preserve">
+    <value>Please select the location</value>
+  </data>
+  <data name="selectPurchaseFrom" xml:space="preserve">
+    <value>Please select where are you purchase from</value>
+  </data>
+  <data name="selectPurchaseTime" xml:space="preserve">
+    <value>Please select the purchase time</value>
+  </data>
   <data name="squarePage" xml:space="preserve">
     <value>Square</value>
   </data>
@@ -171,6 +258,9 @@
   <data name="userPage" xml:space="preserve">
     <value>Profile</value>
   </data>
+  <data name="welcome" xml:space="preserve">
+    <value>Welcome, {name}</value>
+  </data>
   <data name="yes" xml:space="preserve">
     <value>Yes</value>
   </data>

FlowerApp/Localizations.zh.resx

@@ -120,15 +120,54 @@
   <data name="add" xml:space="preserve">
     <value>添加</value>
   </data>
+  <data name="addFlower" xml:space="preserve">
+    <value>新增植物</value>
+  </data>
+  <data name="costColon" xml:space="preserve">
+    <value>购买金额：</value>
+  </data>
+  <data name="costInvalid" xml:space="preserve">
+    <value>购买金额必须为正数。</value>
+  </data>
+  <data name="currentCount" xml:space="preserve">
+    <value>目前有 {count} 株植物</value>
+  </data>
+  <data name="daysPlanted" xml:space="preserve">
+    <value>种植 {count} 天</value>
+  </data>
+  <data name="enterCost" xml:space="preserve">
+    <value>请输入购买金额</value>
+  </data>
+  <data name="enterFlowerName" xml:space="preserve">
+    <value>请输入植物名称</value>
+  </data>
   <data name="error" xml:space="preserve">
     <value>错误</value>
   </data>
+  <data name="failedAddFlower" xml:space="preserve">
+    <value>添加失败，{error}，请稍后重试。</value>
+  </data>
   <data name="failedGetFlowers" xml:space="preserve">
     <value>获取花草失败，请重试。</value>
   </data>
   <data name="failedLogin" xml:space="preserve">
     <value>登录失败，请稍后重试。</value>
   </data>
+  <data name="flowerCategory" xml:space="preserve">
+    <value>植物分类</value>
+  </data>
+  <data name="flowerCategoryColon" xml:space="preserve">
+    <value>植物分类：</value>
+  </data>
+  <data name="flowerCategoryRequired" xml:space="preserve">
+    <value>植物分类不能为空。</value>
+  </data>
+  <data name="flowerName" xml:space="preserve">
+    <value>植物名称</value>
+  </data>
+  <data name="flowerNameRequired" xml:space="preserve">
+    <value>植物名称不能为空。</value>
+  </data>
   <data name="flowerSearchPlaceholder" xml:space="preserve">
     <value>请输入植物名称进行搜索……</value>
   </data>
@@ -141,24 +180,72 @@
   <data name="home" xml:space="preserve">
     <value>小花园</value>
   </data>
+  <data name="idPasswordRequired" xml:space="preserve">
+    <value>用户名密码不能为空。</value>
+  </data>
+  <data name="locating" xml:space="preserve">
+    <value>定位中…</value>
+  </data>
+  <data name="locationColon" xml:space="preserve">
+    <value>存放位置：</value>
+  </data>
+  <data name="locationRequired" xml:space="preserve">
+    <value>存放位置不能为空。</value>
+  </data>
   <data name="logIn" xml:space="preserve">
     <value>登入</value>
   </data>
+  <data name="logs" xml:space="preserve">
+    <value>{count} 条日志</value>
+  </data>
+  <data name="memoColon" xml:space="preserve">
+    <value>备注：</value>
+  </data>
   <data name="myGarden" xml:space="preserve">
     <value>我的小花园</value>
   </data>
+  <data name="needCameraPermission" xml:space="preserve">
+    <value>花事录需要使用相机才能拍照。</value>
+  </data>
   <data name="no" xml:space="preserve">
     <value>否</value>
   </data>
   <data name="noFlower" xml:space="preserve">
     <value>点击右上角的“添加”，迎来花园里的第一颗植物吧。</value>
   </data>
+  <data name="notSupportedCapture" xml:space="preserve">
+    <value>您的设备不支持拍照。</value>
+  </data>
   <data name="ok" xml:space="preserve">
     <value>好</value>
   </data>
   <data name="password" xml:space="preserve">
     <value>密码</value>
   </data>
+  <data name="purchaseFromColon" xml:space="preserve">
+    <value>购买渠道：</value>
+  </data>
+  <data name="purchaseTimeColon" xml:space="preserve">
+    <value>购买时间：</value>
+  </data>
+  <data name="save" xml:space="preserve">
+    <value>保存</value>
+  </data>
+  <data name="savedSuccessfully" xml:space="preserve">
+    <value>保存成功。</value>
+  </data>
+  <data name="selectFlowerCategory" xml:space="preserve">
+    <value>请选择植物分类</value>
+  </data>
+  <data name="selectFlowerLocation" xml:space="preserve">
+    <value>请选择种植环境</value>
+  </data>
+  <data name="selectPurchaseFrom" xml:space="preserve">
+    <value>请选择购买渠道</value>
+  </data>
+  <data name="selectPurchaseTime" xml:space="preserve">
+    <value>请选择购买时间</value>
+  </data>
   <data name="squarePage" xml:space="preserve">
     <value>广场</value>
   </data>
@@ -171,6 +258,9 @@
   <data name="userPage" xml:space="preserve">
     <value>个人中心</value>
   </data>
+  <data name="welcome" xml:space="preserve">
+    <value>欢迎您，{name}</value>
+  </data>
   <data name="yes" xml:space="preserve">
     <value>是</value>
   </data>

FlowerApp/LoginPage.xaml

@@ -8,25 +8,30 @@
     x:Name="loginPage"
     x:DataType="l:LoginPage">
 
-    <ContentPage.Resources>
-        <l:VisibleIfNotNullConverter x:Key="notNullConverter"/>
-    </ContentPage.Resources>
-
-    <Frame HasShadow="False" Margin="10" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"
-           BorderColor="Transparent" BackgroundColor="White" BindingContext="{x:Reference loginPage}">
-        <Grid RowDefinitions="*,Auto,Auto,Auto,Auto,Auto,*" RowSpacing="12">
-            <Entry Grid.Row="1" Text="{Binding UserId}" IsEnabled="{Binding IsEnabled}" Keyboard="Email" Placeholder="{l:Lang userId, Default=User ID}"/>
-            <Entry Grid.Row="2" Text="{Binding Password}" IsEnabled="{Binding IsEnabled}" IsPassword="True" Placeholder="{l:Lang password, Default=Password}"/>
-            <Label Grid.Row="3" Text="{l:Lang forgotPassword, Default=Forgot password?}" Margin="0,20,0,0" TextColor="Gray"/>
-            <Label Grid.Row="4" Text="{Binding ErrorMessage}" Margin="0,10" TextColor="Red" IsVisible="{Binding ErrorMessage, Converter={StaticResource notNullConverter}}"/>
-            <Button Grid.Row="5" CornerRadius="6" Text="{l:Lang logIn, Default=Log In}" IsEnabled="{Binding IsEnabled}" BackgroundColor="#007bfc"
-                    Clicked="Login_Clicked"/>
-
-            <Frame x:Name="loading" Grid.RowSpan="6" HasShadow="False" BorderColor="Transparent" Margin="0" Padding="20" BackgroundColor="#40000000"
+    <Grid RowDefinitions="*,Auto,*" BindingContext="{x:Reference loginPage}">
+        <Image Grid.RowSpan="3" Aspect="AspectFill" Source="{AppThemeBinding Light=loginbg.png, Dark=loginbg_dark.png}"/>
+        <Frame Grid.Row="1" Margin="40,0" HasShadow="True" BorderColor="Transparent">
+            <Frame.Shadow>
+                <Shadow Brush="{AppThemeBinding Light={StaticResource Gray200Brush}, Dark={StaticResource Gray500Brush}}"
+                        Offset="5,5"
+                        Radius="40"
+                        Opacity="0.6"/>
+            </Frame.Shadow>
+            <VerticalStackLayout Spacing="12">
+                <Entry Text="{Binding UserId}" IsEnabled="{Binding IsEnabled}" Keyboard="Email" Placeholder="{l:Lang userId, Default=User ID}"/>
+                <Entry Text="{Binding Password}" IsEnabled="{Binding IsEnabled}" IsPassword="True" Placeholder="{l:Lang password, Default=Password}"/>
+                <Label Text="{l:Lang forgotPassword, Default=Forgot password?}" Margin="0,20,0,0" TextColor="Gray"/>
+                <Label Text="{Binding ErrorMessage}" Margin="0,10"
+                       TextColor="{AppThemeBinding Light={StaticResource Red100Accent}, Dark={StaticResource Red300Accent}}"
+                       IsVisible="{Binding ErrorMessage, Converter={StaticResource notNullConverter}}"/>
+                <Button CornerRadius="6" Text="{l:Lang logIn, Default=Log In}" IsEnabled="{Binding IsEnabled}" BackgroundColor="#007bfc"
+                        Clicked="Login_Clicked"/>
+            </VerticalStackLayout>
+        </Frame>
+        <Frame Grid.Row="1" x:Name="loading" BorderColor="Transparent" Margin="0" Padding="20" BackgroundColor="#40000000"
                    IsVisible="False" Opacity="0" HorizontalOptions="Center" VerticalOptions="Center">
-                <ActivityIndicator HorizontalOptions="Center" VerticalOptions="Center" IsRunning="True"/>
-            </Frame>
-        </Grid>
-    </Frame>
+            <ActivityIndicator HorizontalOptions="Center" VerticalOptions="Center" IsRunning="True"/>
+        </Frame>
+    </Grid>
 
 </l:AppContentPage>

FlowerApp/LoginPage.xaml.cs

@@ -31,21 +31,26 @@ public partial class LoginPage : AppContentPage
 
     public event EventHandler<UserItem>? AfterLogined;
 
-    public LoginPage(FlowerDatabase database, ILogger logger)
+    public LoginPage(FlowerDatabase database, ILogger logger) : base(database, logger)
     {
-        Database = database;
-        Logger = logger;
-
         InitializeComponent();
     }
 
     private async void Login_Clicked(object sender, EventArgs e)
     {
+        var userId = UserId;
+        var password = Password;
+        if (string.IsNullOrEmpty(userId) || string.IsNullOrEmpty(password))
+        {
+            ErrorMessage = L("idPasswordRequired", "User id and password is required.");
+            return;
+        }
+
         IsEnabled = false;
         ErrorMessage = null;
         await Loading(true);
 
-        var user = await Task.Run(() => DoLogin(UserId, Password));
+        var user = await Task.Run(() => DoLogin(userId, password));
 
         if (user == null)
         {

FlowerApp/MainPage.xaml

@@ -1,63 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<l:AppContentPage
-    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:l="clr-namespace:Blahblah.FlowerApp"
-    xmlns:ctl="clr-namespace:Blahblah.FlowerApp.Controls"
-    x:Class="Blahblah.FlowerApp.HomePage"
-    x:Name="homePage"
-    x:DataType="l:HomePage"
-    Title="{l:Lang myGarden, Default=My Garden}">
-
-    <Shell.SearchHandler>
-        <l:ItemSearchHandler TextColor="{AppThemeBinding Light={OnPlatform Android={StaticResource Primary}, iOS={StaticResource White}}, Dark={StaticResource White}}"
-                             PlaceholderColor="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}"
-                             Placeholder="{l:Lang flowerSearchPlaceholder, Default=Enter flower name to search...}"
-                             Flowers="{Binding Flowers, Source={x:Reference homePage}}" DisplayMemberName="Name"
-                             FontFamily="OpenSansRegular" FontSize="14"
-                             SearchBoxVisibility="Collapsible" ShowsResults="True"/>
-    </Shell.SearchHandler>
-
-    <ContentPage.ToolbarItems>
-        <ToolbarItem Text="{l:Lang add, Default=Add}"/>
-    </ContentPage.ToolbarItems>
-
-    <ContentPage.Resources>
-        <DataTemplate x:Key="flowerTemplate" x:DataType="ctl:FlowerClientItem">
-            <Frame HasShadow="False" Padding="0"
-                   CornerRadius="12" BorderColor="Transparent"
-                   AbsoluteLayout.LayoutFlags="XProportional"
-                   AbsoluteLayout.LayoutBounds="{Binding Bounds}">
-                <Grid RowDefinitions="*, 30" ColumnDefinitions="Auto, *"
-                      RowSpacing="6" ColumnSpacing="4">
-                    <Image Grid.ColumnSpan="2" Source="{Binding Cover}"/>
-                    <Frame Grid.Row="1" HasShadow="False" Margin="0" Padding="0"
-                           WidthRequest="30" HeightRequest="30" CornerRadius="15"
-                           BorderColor="Transparent" BackgroundColor="LightGray"
-                           VerticalOptions="Center"></Frame>
-                    <Label Grid.Column="1" Grid.Row="1" Text="{Binding Name}"
-                           VerticalOptions="Center"/>
-                </Grid>
-            </Frame>
-        </DataTemplate>
-    </ContentPage.Resources>
-
-    <RefreshView Refreshing="RefreshView_Refreshing" IsRefreshing="{Binding IsRefreshing}"
-                 BindingContext="{x:Reference homePage}">
-        <ScrollView>
-            <AbsoluteLayout Margin="12"
-                            BindableLayout.ItemsSource="{Binding Flowers}"
-                            BindableLayout.ItemTemplate="{StaticResource flowerTemplate}">
-                <BindableLayout.EmptyView>
-                    <VerticalStackLayout AbsoluteLayout.LayoutFlags="SizeProportional" AbsoluteLayout.LayoutBounds="0,20,1,1"
-                                         VerticalOptions="Start">
-                        <Image Source="empty_flower.jpg" MaximumWidthRequest="200"/>
-                        <Label Text="{l:Lang noFlower, Default=Click Add in the upper right corner to usher in the first plant in the garden.}"
-                               HorizontalTextAlignment="Center" Margin="0,10"/>
-                    </VerticalStackLayout>
-                </BindableLayout.EmptyView>
-            </AbsoluteLayout>
-        </ScrollView>
-    </RefreshView>
-
-</l:AppContentPage>

FlowerApp/MauiProgram.cs

@@ -1,4 +1,5 @@
-using Blahblah.FlowerApp.Data;
+using Blahblah.FlowerApp.Controls;
+using Blahblah.FlowerApp.Data;
 //using CommunityToolkit.Maui;
 #if DEBUG
 using Microsoft.Extensions.Logging;
@@ -18,9 +19,19 @@ public static class MauiProgram
             {
                 fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                 fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+                fonts.AddFont("fa-light-300.ttf", "FontAwesomeLight");
+                fonts.AddFont("fa-regular-400.ttf", "FontAwesome");
+                fonts.AddFont("fa-solid-900.ttf", "FontAwesomeSolid");
             })
             .ConfigureMauiHandlers(handlers =>
             {
+#if IOS
+                handlers.AddHandler<OptionEntry, Platforms.iOS.Handlers.OptionEntryHandler>();
+                handlers.AddHandler<OptionDatePicker, Platforms.iOS.Handlers.OptionDatePickerHandler>();
+                handlers.AddHandler<OptionTimePicker, Platforms.iOS.Handlers.OptionTimePickerHandler>();
+#elif ANDROID
+                handlers.AddHandler<OptionEntry, Platforms.Android.Handlers.OptionEntryHandler>();
+#endif
             });
 
 #if DEBUG
@@ -28,6 +39,7 @@ public static class MauiProgram
 #endif
 
         builder.Services.AddSingleton<HomePage>();
+        builder.Services.AddSingleton<SquarePage>();
         builder.Services.AddSingleton<UserPage>();
         builder.Services.AddSingleton<FlowerDatabase>();
 

FlowerApp/Platforms/Android/AndroidManifest.xml

@@ -1,6 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
-	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
-	<uses-permission android:name="android.permission.INTERNET" />
+    <application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.INTERNET" />
+    <queries>
+        <intent>
+            <action android:name="android.media.action.IMAGE_CAPTURE" />
+        </intent>
+    </queries>
 </manifest>

FlowerApp/Platforms/Android/Handlers/OptionEntryHandler.cs

@@ -0,0 +1,16 @@
+using AndroidX.AppCompat.Widget;
+using Microsoft.Maui.Controls.Compatibility.Platform.Android;
+using Microsoft.Maui.Handlers;
+
+namespace Blahblah.FlowerApp.Platforms.Android.Handlers;
+
+class OptionEntryHandler : EntryHandler
+{
+    protected override void ConnectHandler(AppCompatEditText platformView)
+    {
+        base.ConnectHandler(platformView);
+
+        platformView.Background = null;
+        platformView.SetBackgroundColor(Colors.Transparent.ToAndroid());
+    }
+}

FlowerApp/Platforms/Android/MainApplication.cs

@@ -1,6 +1,26 @@
 using Android.App;
 using Android.Runtime;
 
+[assembly: UsesPermission(Android.Manifest.Permission.AccessCoarseLocation)]
+[assembly: UsesPermission(Android.Manifest.Permission.AccessFineLocation)]
+[assembly: UsesFeature("android.hardware.location", Required = false)]
+[assembly: UsesFeature("android.hardware.location.gps", Required = false)]
+[assembly: UsesFeature("android.hardware.location.network", Required = false)]
+
+// Needed for Picking photo/video
+[assembly: UsesPermission(Android.Manifest.Permission.ReadExternalStorage, MaxSdkVersion = 32)]
+[assembly: UsesPermission(Android.Manifest.Permission.ReadMediaAudio)]
+[assembly: UsesPermission(Android.Manifest.Permission.ReadMediaImages)]
+[assembly: UsesPermission(Android.Manifest.Permission.ReadMediaVideo)]
+
+// Needed for Taking photo/video
+[assembly: UsesPermission(Android.Manifest.Permission.Camera)]
+[assembly: UsesPermission(Android.Manifest.Permission.WriteExternalStorage, MaxSdkVersion = 32)]
+
+// Add these properties if you would like to filter out devices that do not have cameras, or set to false to make them optional
+[assembly: UsesFeature("android.hardware.camera", Required = true)]
+[assembly: UsesFeature("android.hardware.camera.autofocus", Required = false)]
+
 namespace Blahblah.FlowerApp;
 
 [Application]

FlowerApp/Platforms/Android/Resources/values/colors.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="colorPrimary">#512BD4</color>
-    <color name="colorPrimaryDark">#2B0B98</color>
-    <color name="colorAccent">#2B0B98</color>
+    <color name="colorPrimary">#297b2c</color>
+    <color name="colorPrimaryDark">#1b731b</color>
+    <color name="colorAccent">#1b731b</color>
 </resources>

FlowerApp/Platforms/iOS/Handlers/OptionDatePickerHandler.cs

@@ -0,0 +1,16 @@
+using Microsoft.Maui.Handlers;
+using Microsoft.Maui.Platform;
+
+namespace Blahblah.FlowerApp.Platforms.iOS.Handlers;
+
+class OptionDatePickerHandler : DatePickerHandler
+{
+    protected override void ConnectHandler(MauiDatePicker platformView)
+    {
+        base.ConnectHandler(platformView);
+
+        platformView.BackgroundColor = UIKit.UIColor.Clear;
+        platformView.Layer.BorderWidth = 0;
+        platformView.BorderStyle = UIKit.UITextBorderStyle.None;
+    }
+}

FlowerApp/Platforms/iOS/Handlers/OptionEntryHandler.cs

@@ -0,0 +1,16 @@
+using Microsoft.Maui.Handlers;
+using Microsoft.Maui.Platform;
+
+namespace Blahblah.FlowerApp.Platforms.iOS.Handlers;
+
+class OptionEntryHandler : EntryHandler
+{
+    protected override void ConnectHandler(MauiTextField platformView)
+    {
+        base.ConnectHandler(platformView);
+
+        platformView.BackgroundColor = UIKit.UIColor.Clear;
+        platformView.Layer.BorderWidth = 0;
+        platformView.BorderStyle = UIKit.UITextBorderStyle.None;
+    }
+}

FlowerApp/Platforms/iOS/Handlers/OptionTimePickerHandler.cs

@@ -0,0 +1,16 @@
+using Microsoft.Maui.Handlers;
+using Microsoft.Maui.Platform;
+
+namespace Blahblah.FlowerApp.Platforms.iOS.Handlers;
+
+class OptionTimePickerHandler : TimePickerHandler
+{
+    protected override void ConnectHandler(MauiTimePicker platformView)
+    {
+        base.ConnectHandler(platformView);
+
+        platformView.BackgroundColor = UIKit.UIColor.Clear;
+        platformView.Layer.BorderWidth = 0;
+        platformView.BorderStyle = UIKit.UITextBorderStyle.None;
+    }
+}

FlowerApp/Platforms/iOS/Info.plist

@@ -1,32 +1,56 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
-<dict>
-	<key>LSRequiresIPhoneOS</key>
-	<true/>
-	<key>UIDeviceFamily</key>
-	<array>
-		<integer>1</integer>
-		<integer>2</integer>
-	</array>
-	<key>UIRequiredDeviceCapabilities</key>
-	<array>
-		<string>arm64</string>
-	</array>
-	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>XSAppIconAssets</key>
-	<string>Assets.xcassets/appicon.appiconset</string>
-</dict>
+    <dict>
+        <key>LSRequiresIPhoneOS</key>
+        <true/>
+        <key>UIDeviceFamily</key>
+        <array>
+            <integer>1</integer>
+            <integer>2</integer>
+        </array>
+        <key>UIRequiredDeviceCapabilities</key>
+        <array>
+            <string>arm64</string>
+        </array>
+        <key>UISupportedInterfaceOrientations</key>
+        <array>
+            <string>UIInterfaceOrientationPortrait</string>
+            <string>UIInterfaceOrientationLandscapeLeft</string>
+            <string>UIInterfaceOrientationLandscapeRight</string>
+        </array>
+        <key>UISupportedInterfaceOrientations~ipad</key>
+        <array>
+            <string>UIInterfaceOrientationPortrait</string>
+            <string>UIInterfaceOrientationPortraitUpsideDown</string>
+            <string>UIInterfaceOrientationLandscapeLeft</string>
+            <string>UIInterfaceOrientationLandscapeRight</string>
+        </array>
+        <key>XSAppIconAssets</key>
+        <string>Assets.xcassets/appicon.appiconset</string>
+        <key>CFBundleDevelopmentRegion</key>
+        <string>zh_CN</string>
+        <key>CFBundleLocalizations</key>
+        <array>
+            <string>zh_CN</string>
+            <string>en</string>
+        </array>
+        <key>NSLocationWhenInUseUsageDescription</key>
+        <string>Flower Story needs to know your location in order to save the flower's location.</string>
+        <key>NSLocationTemporaryUsageDescriptionDictionary</key>
+        <array>
+            <dict>
+                <key>TemporaryFullAccuracyUsageDescription</key>
+                <string>Flower Story needs to know your accurate location to judge the distance between flowers.</string>
+            </dict>
+        </array>
+        <key>NSCameraUsageDescription</key>
+        <string>Flower Story needs access to the camera to take photos.</string>
+        <key>NSMicrophoneUsageDescription</key>
+        <string>Flower Story needs access to microphone for taking videos.</string>
+        <key>NSPhotoLibraryAddUsageDescription</key>
+        <string>Flower Story needs access to the photo gallery for picking photos and videos.</string>
+        <key>NSPhotoLibraryUsageDescription</key>
+        <string>Flower Story needs access to photos gallery for picking photos and videos.</string>
+    </dict>
 </plist>

FlowerApp/Resources/AppIcon/appicon.svg

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0" y="0" width="456" height="456" fill="#512BD4" />
+    <rect x="0" y="0" width="456" height="456" fill="#297b2c" />
 </svg>

FlowerApp/Resources/Images/cube.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M234.5 5.709C248.4 .7377 263.6 .7377 277.5 5.709L469.5 74.28C494.1 83.38 512 107.5 512 134.6V377.4C512 404.5 494.1 428.6 469.5 437.7L277.5 506.3C263.6 511.3 248.4 511.3 234.5 506.3L42.47 437.7C17 428.6 0 404.5 0 377.4V134.6C0 107.5 17 83.38 42.47 74.28L234.5 5.709zM256 65.98L82.34 128L256 190L429.7 128L256 65.98zM288 434.6L448 377.4V189.4L288 246.6V434.6z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M234.5 5.709C248.4 .7377 263.6 .7377 277.5 5.709L469.5 74.28C494.1 83.38 512 107.5 512 134.6V377.4C512 404.5 494.1 428.6 469.5 437.7L277.5 506.3C263.6 511.3 248.4 511.3 234.5 506.3L42.47 437.7C17 428.6 0 404.5 0 377.4V134.6C0 107.5 17 83.38 42.47 74.28L234.5 5.709zM256 65.98L82.34 128L256 190L429.7 128L256 65.98zM288 434.6L448 377.4V189.4L288 246.6V434.6z"/></svg>

FlowerApp/Resources/Images/dotnet_bot.svg

@@ -1,93 +0,0 @@
-<svg width="419" height="519" viewBox="0 0 419 519" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M284.432 247.568L284.004 221.881C316.359 221.335 340.356 211.735 355.308 193.336C382.408 159.996 372.893 108.183 372.786 107.659L398.013 102.831C398.505 105.432 409.797 167.017 375.237 209.53C355.276 234.093 324.719 246.894 284.432 247.568Z" fill="#8A6FE8"/>
-<path d="M331.954 109.36L361.826 134.245C367.145 138.676 375.055 137.959 379.497 132.639C383.928 127.32 383.211 119.41 377.891 114.969L348.019 90.0842C342.7 85.6531 334.79 86.3702 330.348 91.6896C325.917 97.0197 326.634 104.929 331.954 109.36Z" fill="#8A6FE8"/>
-<path d="M407.175 118.062L417.92 94.2263C420.735 87.858 417.856 80.4087 411.488 77.5831C405.12 74.7682 397.67 77.6473 394.845 84.0156L383.831 108.461L407.175 118.062Z" fill="#8A6FE8"/>
-<path d="M401.363 105.175L401.234 69.117C401.181 62.1493 395.498 56.541 388.53 56.5945C381.562 56.648 375.954 62.3313 376.007 69.2989L376.018 96.11L401.363 105.175Z" fill="#8A6FE8"/>
-<path d="M386.453 109.071L378.137 73.9548C376.543 67.169 369.757 62.9628 362.971 64.5575C356.185 66.1523 351.979 72.938 353.574 79.7237L362.04 115.482L386.453 109.071Z" fill="#8A6FE8"/>
-<path d="M381.776 142.261C396.359 142.261 408.181 130.44 408.181 115.857C408.181 101.274 396.359 89.4527 381.776 89.4527C367.194 89.4527 355.372 101.274 355.372 115.857C355.372 130.44 367.194 142.261 381.776 142.261Z" fill="url(#paint0_radial)"/>
-<path d="M248.267 406.979C248.513 384.727 245.345 339.561 222.376 301.736L199.922 315.372C220.76 349.675 222.323 389.715 221.841 407.182C221.798 408.627 235.263 409.933 248.267 406.979Z" fill="url(#paint1_linear)"/>
-<path d="M221.841 406.936L242.637 406.84L262.052 518.065L220.311 518.258C217.132 518.269 214.724 515.711 214.938 512.532L221.841 406.936Z" fill="#522CD5"/>
-<path d="M306.566 488.814C310.173 491.661 310.109 495.782 309.831 500.127L308.964 513.452C308.803 515.839 306.727 517.798 304.34 517.809L260.832 518.012C258.125 518.023 256.08 515.839 256.262 513.142L256.551 499.335C256.883 494.315 255.192 492.474 251.307 487.744C244.649 479.663 224.967 435.62 226.84 406.925L248.256 406.829C249.691 423.858 272.167 461.682 306.566 488.814Z" fill="url(#paint2_linear)"/>
-<path d="M309.82 500.127C310.023 497.088 310.077 494.176 308.889 491.715L254.635 491.961C256.134 494.166 256.765 496.092 256.562 499.314L256.273 513.121C256.091 515.828 258.146 518.012 260.843 517.99L304.34 517.798C306.727 517.787 308.803 515.828 308.964 513.442L309.82 500.127Z" fill="url(#paint3_radial)"/>
-<path d="M133.552 407.471C133.103 385.22 135.864 340.021 158.49 301.993L181.073 315.425C160.545 349.921 159.346 389.972 159.989 407.428C160.042 408.884 146.578 410.318 133.552 407.471Z" fill="url(#paint4_linear)"/>
-<path d="M110.798 497.152C110.765 494.187 111.204 491.575 112.457 487.23C131.882 434.132 133.52 407.364 133.52 407.364L159.999 407.246C159.999 407.246 161.819 433.512 181.716 486.427C183.289 490.195 183.471 493.641 183.674 496.831L183.792 513.816C183.803 516.374 181.716 518.483 179.158 518.494L177.873 518.504L116.781 518.782L115.496 518.793C112.927 518.804 110.83 516.728 110.819 514.159L110.798 497.152Z" fill="url(#paint5_linear)"/>
-<path d="M110.798 497.152C110.798 496.67 110.808 496.199 110.83 495.739C110.969 494.262 111.643 492.603 114.875 492.582L180.207 492.282C182.561 492.367 183.343 494.176 183.589 495.311C183.621 495.814 183.664 496.328 183.696 496.82L183.813 513.806C183.824 515.411 183.011 516.824 181.769 517.669C181.031 518.172 180.132 518.472 179.179 518.483L177.895 518.494L116.802 518.772L115.528 518.782C114.244 518.793 113.077 518.269 112.232 517.434C111.386 516.599 110.862 515.432 110.851 514.148L110.798 497.152Z" fill="url(#paint6_radial)"/>
-<path d="M314.979 246.348C324.162 210.407 318.008 181.777 318.008 181.777L326.452 181.734L326.656 181.574C314.262 115.75 256.326 66.0987 186.949 66.4198C108.796 66.773 45.7233 130.424 46.0765 208.577C46.4297 286.731 110.08 349.803 188.234 349.45C249.905 349.172 302.178 309.474 321.304 254.343C321.872 251.999 321.797 247.804 314.979 246.348Z" fill="url(#paint7_radial)"/>
-<path d="M310.237 279.035L65.877 280.148C71.3998 289.428 77.95 298.012 85.3672 305.761L290.972 304.829C298.336 297.005 304.8 288.368 310.237 279.035Z" fill="#D8CFF7"/>
-<path d="M235.062 312.794L280.924 312.585L280.74 272.021L234.877 272.23L235.062 312.794Z" fill="#512BD4"/>
-<path d="M243.001 297.626C242.691 297.626 242.434 297.53 242.22 297.327C242.006 297.123 241.899 296.866 241.899 296.588C241.899 296.299 242.006 296.042 242.22 295.839C242.434 295.625 242.691 295.528 243.001 295.528C243.312 295.528 243.568 295.635 243.782 295.839C243.996 296.042 244.114 296.299 244.114 296.588C244.114 296.877 244.007 297.123 243.793 297.327C243.568 297.519 243.312 297.626 243.001 297.626Z" fill="white"/>
-<path d="M255.192 297.434H253.212L247.967 289.203C247.839 289 247.721 288.775 247.636 288.55H247.593C247.636 288.786 247.657 289.299 247.657 290.091L247.668 297.444H245.912L245.891 286.228H247.999L253.062 294.265C253.276 294.597 253.415 294.833 253.479 294.95H253.511C253.458 294.651 253.437 294.148 253.437 293.441L253.426 286.217H255.17L255.192 297.434Z" fill="white"/>
-<path d="M263.733 297.412L257.589 297.423L257.568 286.206L263.465 286.195V287.779L259.387 287.79L259.398 290.969L263.155 290.958V292.532L259.398 292.542L259.409 295.86L263.733 295.85V297.412Z" fill="white"/>
-<path d="M272.445 287.758L269.298 287.769L269.32 297.401H267.5L267.479 287.769L264.343 287.779V286.195L272.434 286.174L272.445 287.758Z" fill="white"/>
-<path d="M315.279 246.337C324.355 210.836 318.457 182.483 318.308 181.798L171.484 182.462C171.484 182.462 162.226 181.563 162.268 190.018C162.311 198.463 162.761 222.341 162.878 248.746C162.9 254.172 167.363 256.773 170.863 256.751C170.874 256.751 311.618 252.213 315.279 246.337Z" fill="url(#paint8_radial)"/>
-<path d="M227.685 246.798C227.685 246.798 250.183 228.827 254.571 225.499C258.959 222.17 262.812 221.977 266.869 225.445C270.925 228.913 293.616 246.498 293.616 246.498L227.685 246.798Z" fill="#A08BE8"/>
-<path d="M320.748 256.141C320.748 256.141 324.943 248.414 315.279 246.348C315.289 246.305 170.927 246.894 170.927 246.894C167.566 246.905 163.232 244.925 162.846 241.671C162.857 244.004 162.878 246.369 162.889 248.756C162.91 253.68 166.582 256.27 169.878 256.698C170.21 256.73 170.542 256.773 170.874 256.773L180.742 256.73L320.748 256.141Z" fill="#512BD4"/>
-<path d="M206.4 233.214C212.511 233.095 217.302 224.667 217.102 214.39C216.901 204.112 211.785 195.878 205.674 195.997C199.563 196.116 194.772 204.544 194.973 214.821C195.173 225.099 200.289 233.333 206.4 233.214Z" fill="#512BD4"/>
-<path d="M306.249 214.267C306.356 203.989 301.488 195.605 295.377 195.541C289.266 195.478 284.225 203.758 284.118 214.037C284.011 224.315 288.878 232.699 294.99 232.763C301.101 232.826 306.142 224.545 306.249 214.267Z" fill="#512BD4"/>
-<path d="M205.905 205.291C208.152 203.022 211.192 202.016 214.157 202.262C215.912 205.495 217.014 209.733 217.111 214.389C217.164 217.3 216.811 220.04 216.158 222.513C212.669 223.519 208.752 222.662 205.979 219.922C201.912 215.909 201.88 209.348 205.905 205.291Z" fill="#8065E0"/>
-<path d="M294.996 204.285C297.255 202.016 300.294 200.999 303.259 201.256C305.164 204.628 306.309 209.209 306.256 214.239C306.224 216.808 305.892 219.259 305.303 221.485C301.793 222.523 297.843 221.678 295.061 218.916C291.004 214.892 290.972 208.342 294.996 204.285Z" fill="#8065E0"/>
-<path d="M11.6342 357.017C10.9171 354.716 -5.72611 300.141 21.3204 258.903C36.9468 235.078 63.3083 221.035 99.6664 217.15L102.449 243.276C74.3431 246.273 54.4676 256.345 43.3579 273.202C23.0971 303.941 36.5722 348.733 36.7113 349.183L11.6342 357.017Z" fill="url(#paint9_linear)"/>
-<path d="M95.1498 252.802C109.502 252.802 121.137 241.167 121.137 226.815C121.137 212.463 109.502 200.828 95.1498 200.828C80.7976 200.828 69.1628 212.463 69.1628 226.815C69.1628 241.167 80.7976 252.802 95.1498 252.802Z" fill="url(#paint10_radial)"/>
-<path d="M72.0098 334.434L33.4683 329.307C26.597 328.397 20.2929 333.214 19.3725 340.085C18.4627 346.956 23.279 353.26 30.1504 354.181L68.6919 359.308C75.5632 360.217 81.8673 355.401 82.7878 348.53C83.6975 341.658 78.8705 335.344 72.0098 334.434Z" fill="#8A6FE8"/>
-<path d="M3.73535 367.185L7.35297 393.076C8.36975 399.968 14.7702 404.731 21.6629 403.725C28.5556 402.708 33.3185 396.308 32.3124 389.415L28.5984 362.861L3.73535 367.185Z" fill="#8A6FE8"/>
-<path d="M15.5194 374.988L34.849 405.427C38.6058 411.292 46.4082 413.005 52.2735 409.248C58.1387 405.491 59.8512 397.689 56.0945 391.823L41.7953 369.144L15.5194 374.988Z" fill="#8A6FE8"/>
-<path d="M26.0511 363.739L51.8026 389.019C56.7688 393.911 64.7532 393.846 69.6445 388.88C74.5358 383.914 74.4715 375.929 69.516 371.038L43.2937 345.297L26.0511 363.739Z" fill="#8A6FE8"/>
-<path d="M26.4043 381.912C40.987 381.912 52.8086 370.091 52.8086 355.508C52.8086 340.925 40.987 329.104 26.4043 329.104C11.8216 329.104 0 340.925 0 355.508C0 370.091 11.8216 381.912 26.4043 381.912Z" fill="url(#paint11_radial)"/>
-<path d="M184.73 63.6308L157.819 66.5892L158.561 38.5412L177.888 36.4178L184.73 63.6308Z" fill="#8A6FE8"/>
-<path d="M170.018 41.647C180.455 39.521 187.193 29.3363 185.067 18.8988C182.941 8.46126 172.757 1.72345 162.319 3.84944C151.882 5.97543 145.144 16.1601 147.27 26.5976C149.396 37.0351 159.58 43.773 170.018 41.647Z" fill="#D8CFF7"/>
-<path d="M196.885 79.385C198.102 79.2464 198.948 78.091 198.684 76.8997C195.851 64.2818 183.923 55.5375 170.773 56.9926C157.622 58.4371 147.886 69.5735 147.865 82.4995C147.863 83.7232 148.949 84.6597 150.168 84.5316L196.885 79.385Z" fill="url(#paint12_radial)"/>
-<defs>
-<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(382.004 103.457) scale(26.4058)">
-<stop stop-color="#8065E0"/>
-<stop offset="1" stop-color="#512BD4"/>
-</radialGradient>
-<linearGradient id="paint1_linear" x1="214.439" y1="303.482" x2="236.702" y2="409.505" gradientUnits="userSpaceOnUse">
-<stop stop-color="#522CD5"/>
-<stop offset="0.4397" stop-color="#8A6FE8"/>
-</linearGradient>
-<linearGradient id="paint2_linear" x1="231.673" y1="404.144" x2="297.805" y2="522.048" gradientUnits="userSpaceOnUse">
-<stop stop-color="#522CD5"/>
-<stop offset="0.4397" stop-color="#8A6FE8"/>
-</linearGradient>
-<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(280.957 469.555) rotate(-0.260742) scale(45.8326)">
-<stop offset="0.034" stop-color="#522CD5"/>
-<stop offset="0.9955" stop-color="#8A6FE8"/>
-</radialGradient>
-<linearGradient id="paint4_linear" x1="166.061" y1="303.491" x2="144.763" y2="409.709" gradientUnits="userSpaceOnUse">
-<stop stop-color="#522CD5"/>
-<stop offset="0.4397" stop-color="#8A6FE8"/>
-</linearGradient>
-<linearGradient id="paint5_linear" x1="146.739" y1="407.302" x2="147.246" y2="518.627" gradientUnits="userSpaceOnUse">
-<stop stop-color="#522CD5"/>
-<stop offset="0.4397" stop-color="#8A6FE8"/>
-</linearGradient>
-<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(148.63 470.023) rotate(179.739) scale(50.2476)">
-<stop offset="0.034" stop-color="#522CD5"/>
-<stop offset="0.9955" stop-color="#8A6FE8"/>
-</radialGradient>
-<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219.219 153.929) rotate(179.739) scale(140.935)">
-<stop offset="0.4744" stop-color="#A08BE8"/>
-<stop offset="0.8618" stop-color="#8065E0"/>
-</radialGradient>
-<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(314.861 158.738) rotate(179.739) scale(146.053)">
-<stop offset="0.0933" stop-color="#E1DFDD"/>
-<stop offset="0.6573" stop-color="white"/>
-</radialGradient>
-<linearGradient id="paint9_linear" x1="54.1846" y1="217.159" x2="54.1846" y2="357.022" gradientUnits="userSpaceOnUse">
-<stop offset="0.3344" stop-color="#9780E6"/>
-<stop offset="0.8488" stop-color="#8A6FE8"/>
-</linearGradient>
-<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(90.3494 218.071) rotate(-0.260742) scale(25.9924)">
-<stop stop-color="#8065E0"/>
-<stop offset="1" stop-color="#512BD4"/>
-</radialGradient>
-<radialGradient id="paint11_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.805 345.043) scale(26.4106)">
-<stop stop-color="#8065E0"/>
-<stop offset="1" stop-color="#512BD4"/>
-</radialGradient>
-<radialGradient id="paint12_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(169.113 67.3662) rotate(-32.2025) scale(21.0773)">
-<stop stop-color="#8065E0"/>
-<stop offset="1" stop-color="#512BD4"/>
-</radialGradient>
-</defs>
-</svg>

FlowerApp/Resources/Images/flower_tulip.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path d="M495.87 320h-47.26c-63 0-119.82 22.23-160.61 57.92V256a128 128 0 0 0 128-128V32l-80 48-78.86-80L176 80 96 32v96a128 128 0 0 0 128 128v121.92C183.21 342.23 126.37 320 63.39 320H16.13c-9.19 0-17 7.72-16.06 16.84C10.06 435 106.43 512 223.83 512h64.34c117.4 0 213.77-77 223.76-175.16.92-9.12-6.87-16.84-16.06-16.84z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M495.87 320h-47.26c-63 0-119.82 22.23-160.61 57.92V256a128 128 0 0 0 128-128V32l-80 48-78.86-80L176 80 96 32v96a128 128 0 0 0 128 128v121.92C183.21 342.23 126.37 320 63.39 320H16.13c-9.19 0-17 7.72-16.06 16.84C10.06 435 106.43 512 223.83 512h64.34c117.4 0 213.77-77 223.76-175.16.92-9.12-6.87-16.84-16.06-16.84z"/></svg>

FlowerApp/Resources/Images/loginbg.svg

@@ -0,0 +1,19 @@
+<svg width="892" height="673" viewBox="0 0 892 673" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.6">
+        <mask id="fun-grid_svg__a" maskUnits="userSpaceOnUse" x="-1" y="0" width="893" height="673" style="mask-type: alpha;">
+            <path transform="rotate(180 891.751 672.211)" fill="url(#fun-grid_svg__paint0_radial_15_3626)" d="M891.751 672.211h891.751v672.211H891.751z"></path>
+        </mask>
+        <g opacity="0.3" stroke="#01020D" mask="url(#fun-grid_svg__a)">
+            <path d="M891.251 671.711H1.243V1.484h890.008z"></path>
+            <g opacity="0.6">
+                <path d="M847.201 672.211V1.727M802.65 672.211V1.727M758.1 672.211V1.727M713.549 672.211V1.727M668.999 672.211V1.727M624.449 672.211V1.727M579.898 672.211V1.727M535.348 672.211V1.727M490.797 672.211V1.727M446.247 672.211V1.727M401.696 672.211V1.727M357.146 672.211V1.727M312.595 672.211V1.727M268.045 672.211V1.727M223.495 672.211V1.727M178.945 672.211V1.727M134.394 672.211V1.727M89.843 672.211V1.727M45.294 672.211V1.727M891.751 626.176H0M891.751 581.625L0 581.626M891.751 537.075H0M891.751 492.525H0M891.751 447.974H0M891.751 403.422H0M891.751 358.873H0M891.751 314.323L0 314.324M891.751 269.772H0M891.751 225.221H0M891.751 180.67H0M891.751 136.122H0M891.751 91.57H0M891.751 47.02H0"></path>
+            </g>
+        </g>
+    </g>
+    <defs>
+        <radialGradient id="fun-grid_svg__paint0_radial_15_3626" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-135 861.272 229.008) scale(378.625 424.017)">
+            <stop stop-color="#D9D9D9"></stop>
+            <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"></stop>
+        </radialGradient>
+    </defs>
+</svg>

FlowerApp/Resources/Images/loginbg_dark.svg

@@ -0,0 +1,19 @@
+<svg width="892" height="673" viewBox="0 0 892 673" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.6">
+        <mask id="fun-grid_svg__a" maskUnits="userSpaceOnUse" x="-1" y="0" width="893" height="673" style="mask-type: alpha;">
+            <path transform="rotate(180 891.751 672.211)" fill="url(#fun-grid_svg__paint0_radial_15_3626)" d="M891.751 672.211h891.751v672.211H891.751z"></path>
+        </mask>
+        <g opacity="0.3" stroke="#01020D" mask="url(#fun-grid_svg__a)">
+            <path d="M891.251 671.711H1.243V1.484h890.008z"></path>
+            <g opacity="0.6">
+                <path d="M847.201 672.211V1.727M802.65 672.211V1.727M758.1 672.211V1.727M713.549 672.211V1.727M668.999 672.211V1.727M624.449 672.211V1.727M579.898 672.211V1.727M535.348 672.211V1.727M490.797 672.211V1.727M446.247 672.211V1.727M401.696 672.211V1.727M357.146 672.211V1.727M312.595 672.211V1.727M268.045 672.211V1.727M223.495 672.211V1.727M178.945 672.211V1.727M134.394 672.211V1.727M89.843 672.211V1.727M45.294 672.211V1.727M891.751 626.176H0M891.751 581.625L0 581.626M891.751 537.075H0M891.751 492.525H0M891.751 447.974H0M891.751 403.422H0M891.751 358.873H0M891.751 314.323L0 314.324M891.751 269.772H0M891.751 225.221H0M891.751 180.67H0M891.751 136.122H0M891.751 91.57H0M891.751 47.02H0"></path>
+            </g>
+        </g>
+    </g>
+    <defs>
+        <radialGradient id="fun-grid_svg__paint0_radial_15_3626" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-135 861.272 229.008) scale(378.625 424.017)">
+            <stop stop-color="#262626"></stop>
+            <stop offset="1" stop-color="#262626" stop-opacity="0"></stop>
+        </radialGradient>
+    </defs>
+</svg>

FlowerApp/Resources/Images/user.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512"><!--! Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"/></svg>

FlowerApp/Resources/Styles/Colors.xaml

@@ -4,9 +4,9 @@
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
 
-    <Color x:Key="Primary">#512BD4</Color>
+    <Color x:Key="Primary">#297b2c</Color>
     <Color x:Key="Secondary">#DFD8F7</Color>
-    <Color x:Key="Tertiary">#2B0B98</Color>
+    <Color x:Key="Tertiary">#1b731b</Color>
     <Color x:Key="White">White</Color>
     <Color x:Key="Black">Black</Color>
     <Color x:Key="Gray100">#E1E1E1</Color>
@@ -40,5 +40,8 @@
     <Color x:Key="Blue100Accent">#3E8EED</Color>
     <Color x:Key="Blue200Accent">#72ACF1</Color>
     <Color x:Key="Blue300Accent">#A7CBF6</Color>
+    <Color x:Key="Red100Accent">#F44336</Color>
+    <Color x:Key="Red200Accent">#E57373</Color>
+    <Color x:Key="Red300Accent">#FFCDD2</Color>
 
 </ResourceDictionary>

FlowerApp/Resources/Styles/Styles.xaml

@@ -2,7 +2,8 @@
 <?xaml-comp compile="true" ?>
 <ResourceDictionary 
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:ctl="clr-namespace:Blahblah.FlowerApp.Controls">
 
     <Style TargetType="ActivityIndicator">
         <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
@@ -49,6 +50,31 @@
         </Setter>
     </Style>
 
+    <Style x:Key="iconButton" TargetType="Button">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="FontAwesomeSolid"/>
+        <Setter Property="FontSize" Value="18"/>
+        <Setter Property="BorderWidth" Value="0"/>
+        <Setter Property="Padding" Value="10"/>
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
+                            <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                    <VisualState x:Name="PointerOver" />
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
     <Style TargetType="CheckBox">
         <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
         <Setter Property="MinimumHeightRequest" Value="44"/>
@@ -67,7 +93,7 @@
         </Setter>
     </Style>
 
-    <Style TargetType="DatePicker">
+    <Style x:Key="datePicker" TargetType="DatePicker">
         <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
         <Setter Property="BackgroundColor" Value="Transparent" />
         <Setter Property="FontFamily" Value="OpenSansRegular"/>
@@ -88,7 +114,28 @@
         </Setter>
     </Style>
 
-    <Style TargetType="Editor">
+    <Style x:Key="timePicker" TargetType="TimePicker">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="BackgroundColor" Value="Transparent"/>
+        <Setter Property="FontFamily" Value="OpenSansRegular"/>
+        <Setter Property="FontSize" Value="14"/>
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style x:Key="editor" TargetType="Editor">
         <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
         <Setter Property="BackgroundColor" Value="Transparent" />
         <Setter Property="FontFamily" Value="OpenSansRegular"/>
@@ -110,7 +157,7 @@
         </Setter>
     </Style>
 
-    <Style TargetType="Entry">
+    <Style x:Key="entry" TargetType="Entry">
         <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
         <Setter Property="BackgroundColor" Value="Transparent" />
         <Setter Property="FontFamily" Value="OpenSansRegular"/>
@@ -179,6 +226,48 @@
         </Setter>
     </Style>
 
+    <Style TargetType="ctl:TitleLabel">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular" />
+        <Setter Property="FontSize" Value="16" />
+    </Style>
+
+    <Style TargetType="ctl:SecondaryLabel">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular" />
+        <Setter Property="FontSize" Value="14" />
+    </Style>
+
+    <Style TargetType="ctl:IconLabel">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="FontAwesomeLight" />
+        <Setter Property="FontSize" Value="14" />
+    </Style>
+
+    <Style TargetType="ctl:OptionEditor" BasedOn="{StaticResource editor}">
+        <Setter Property="HorizontalOptions" Value="Fill"/>
+        <Setter Property="VerticalOptions" Value="Fill"/>
+    </Style>
+
+    <Style TargetType="ctl:OptionEntry" BasedOn="{StaticResource entry}">
+        <Setter Property="HorizontalOptions" Value="Fill"/>
+        <Setter Property="HorizontalTextAlignment" Value="End"/>
+        <Setter Property="VerticalOptions" Value="Fill"/>
+        <Setter Property="VerticalTextAlignment" Value="Center"/>
+        <Setter Property="ReturnType" Value="Next"/>
+    </Style>
+
+    <Style TargetType="ctl:OptionDatePicker" BasedOn="{StaticResource datePicker}">
+        <Setter Property="HorizontalOptions" Value="Center"/>
+    </Style>
+
+    <Style TargetType="ctl:OptionTimePicker" BasedOn="{StaticResource timePicker}">
+        <Setter Property="HorizontalOptions" Value="Center"/>
+    </Style>
+
     <Style TargetType="ListView">
         <Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
         <Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
@@ -252,7 +341,7 @@
         <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
         <Setter Property="PlaceholderColor" Value="{StaticResource Gray500}" />
         <Setter Property="CancelButtonColor" Value="{StaticResource Gray500}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />
         <Setter Property="FontFamily" Value="OpenSansRegular" />
         <Setter Property="FontSize" Value="14" />
         <Setter Property="MinimumHeightRequest" Value="44"/>
@@ -353,27 +442,6 @@
         </Setter>
     </Style>
 
-    <Style TargetType="TimePicker">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
-        <Setter Property="BackgroundColor" Value="Transparent"/>
-        <Setter Property="FontFamily" Value="OpenSansRegular"/>
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
     <Style TargetType="Page" ApplyToDerivedTypes="True">
         <Setter Property="Padding" Value="0"/>
         <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />

FlowerApp/Resources/en.lproj/InfoPlist.strings

@@ -0,0 +1,9 @@
+{
+    "CFBundleDisplayName" = "Flower Story";
+    "NSLocationWhenInUseUsageDescription" = "Flower Story needs to know your location in order to save the flower's location.";
+    "TemporaryFullAccuracyUsageDescription" = "Flower Story needs to know your accurate location to judge the distance between flowers.";
+    "NSCameraUsageDescription" = "Flower Story needs access to the camera to take photos.";
+    "NSMicrophoneUsageDescription" = "Flower Story needs access to microphone for taking videos.";
+    "NSPhotoLibraryAddUsageDescription" = "Flower Story needs access to the photo gallery for picking photos and videos.";
+    "NSPhotoLibraryUsageDescription" = "Flower Story needs access to photos gallery for picking photos and videos.";
+}

FlowerApp/Resources/zh_CN.lproj/InfoPlist.strings

@@ -0,0 +1,9 @@
+{
+    "CFBundleDisplayName" = "花事录";
+    "NSLocationWhenInUseUsageDescription" = "花事录需要知道您的位置才能保存花的位置。";
+    "TemporaryFullAccuracyUsageDescription" = "花事录需要知道你的准确位置来判断花之间的距离。";
+    "NSCameraUsageDescription" = "花事录需要使用相机才能拍照。";
+    "NSMicrophoneUsageDescription" = "花事录需要使用麦克风才能拍摄视频。";
+    "NSPhotoLibraryAddUsageDescription" = "花事录需要访问照片库来挑选照片和视频。";
+    "NSPhotoLibraryUsageDescription" = "花事录需要访问照片库来挑选照片和视频。";
+}

FlowerApp/SquarePage.xaml

@@ -8,11 +8,4 @@
     x:DataType="l:SquarePage"
     Title="{l:Lang squarePage, Default=Square}">
 
-    <VerticalStackLayout>
-        <Label 
-            Text="Welcome to .NET MAUI!"
-            VerticalOptions="Center" 
-            HorizontalOptions="Center" />
-    </VerticalStackLayout>
-
 </l:AppContentPage>

FlowerApp/SquarePage.xaml.cs

@@ -1,8 +1,11 @@
+using Blahblah.FlowerApp.Data;
+using Microsoft.Extensions.Logging;
+
 namespace Blahblah.FlowerApp;
 
 public partial class SquarePage : AppContentPage
 {
-    public SquarePage()
+    public SquarePage(FlowerDatabase database, ILogger<SquarePage> logger) : base(database, logger)
     {
         InitializeComponent();
     }

FlowerApp/UserPage.xaml

@@ -3,16 +3,30 @@
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:l="clr-namespace:Blahblah.FlowerApp"
+    xmlns:data="clr-namespace:Blahblah.FlowerApp.Data"
+    xmlns:ctl="clr-namespace:Blahblah.FlowerApp.Controls"
     x:Class="Blahblah.FlowerApp.UserPage"
     x:Name="userPage"
     x:DataType="l:UserPage"
     Title="{l:Lang userPage, Default=Profile}">
 
-    <VerticalStackLayout>
-        <Label 
-            Text="Welcome to .NET MAUI!"
-            VerticalOptions="Center" 
-            HorizontalOptions="Center" />
-    </VerticalStackLayout>
+    <ContentPage.Resources>
+        <l:UserNameConverter x:Key="nameConverter"/>
+    </ContentPage.Resources>
+
+    <TableView Grid.Row="1" Intent="Settings" HasUnevenRows="True" BindingContext="{x:Reference userPage}">
+        <TableSection>
+            <ctl:OptionTextCell Title="{Binding Name, Source={x:Static l:AppResources.User}, Converter={StaticResource nameConverter}}"/>
+        </TableSection>
+        <TableSection>
+            <ctl:OptionSelectCell Title="设置" Icon="{FontImageSource FontFamily=FontAwesomeLight, Size=18, Color={StaticResource Blue200Accent}, Glyph={x:Static l:Res.Gear}}"/>
+            <ctl:OptionSelectCell Title="日志" Icon="{FontImageSource FontFamily=FontAwesomeLight, Size=18, Color={StaticResource Primary}, Glyph={x:Static l:Res.List}}"
+                                  Detail="{Binding LogCount}" Tapped="Log_Tapped"/>
+        </TableSection>
+        <TableSection>
+            <ctl:OptionTextCell Title="关于" Detail="{x:Static data:Constants.AppVersion}"
+                                Icon="{FontImageSource FontFamily=FontAwesomeLight, Size=18, Color={StaticResource Yellow200Accent}, Glyph={x:Static l:Res.Flag}}"/>
+        </TableSection>
+    </TableView>
 
 </l:AppContentPage>

FlowerApp/UserPage.xaml.cs

@@ -1,15 +1,57 @@
 using Blahblah.FlowerApp.Data;
+using Blahblah.FlowerApp.Views.User;
 using Microsoft.Extensions.Logging;
+using System.Globalization;
+using static Blahblah.FlowerApp.Extensions;
 
 namespace Blahblah.FlowerApp;
 
 public partial class UserPage : AppContentPage
 {
-    public UserPage(FlowerDatabase database, ILogger<UserPage> logger)
-    {
-        Database = database;
-        Logger = logger;
+    static readonly BindableProperty LogCountProperty = CreateProperty<string, UserPage>(nameof(LogCount));
 
+    public string LogCount
+    {
+        get => GetValue<string>(LogCountProperty);
+        set => SetValue(LogCountProperty, value);
+    }
+
+    public UserPage(FlowerDatabase database, ILogger<UserPage> logger) : base(database, logger)
+    {
         InitializeComponent();
     }
+
+    protected override void OnAppearing()
+    {
+        base.OnAppearing();
+
+        Task.Run(async () =>
+        {
+            var count = await Database.GetLogCount();
+            LogCount = L("logs", "{count} logs").Replace("{count}", count.ToString());
+        });
+    }
+
+    private async void Log_Tapped(object sender, EventArgs e)
+    {
+        var logPage = new LogPage(Database, Logger);
+        await Navigation.PushAsync(logPage);
+    }
+}
+
+class UserNameConverter : IValueConverter
+{
+    public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+    {
+        if (value is string name)
+        {
+            return L("welcome", "Welcome, {name}").Replace("{name}", name);
+        }
+        return null;
+    }
+
+    public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+    {
+        throw new NotImplementedException();
+    }
 }

FlowerApp/Views/Garden/AddFlowerPage.xaml

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<l:AppContentPage
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:l="clr-namespace:Blahblah.FlowerApp"
+    xmlns:ctl="clr-namespace:Blahblah.FlowerApp.Controls"
+    xmlns:garden="clr-namespace:Blahblah.FlowerApp.Views.Garden"
+    x:Class="Blahblah.FlowerApp.Views.Garden.AddFlowerPage"
+    x:Name="addFlowerPage"
+    x:DataType="garden:AddFlowerPage"
+    Title="{l:Lang addFlower, Default=Add Flower}">
+
+    <ContentPage.ToolbarItems>
+        <ToolbarItem Text="{l:Lang save, Default=Save}" Clicked="Save_Clicked"/>
+    </ContentPage.ToolbarItems>
+
+    <ContentPage.Resources>
+        <garden:CoverConverter x:Key="coverConverter"/>
+    </ContentPage.Resources>
+
+    <Grid RowDefinitions="Auto,*" BindingContext="{x:Reference addFlowerPage}">
+        <Grid ColumnDefinitions="Auto,*" ColumnSpacing="20" Margin="20">
+            <VerticalStackLayout>
+                <Grid Padding="0,10,10,0">
+                    <Image Source="{Binding Cover, Converter={StaticResource coverConverter}}" WidthRequest="80" HeightRequest="80" Aspect="AspectFill">
+                        <Image.Clip>
+                            <EllipseGeometry Center="40,40" RadiusX="40" RadiusY="40"/>
+                        </Image.Clip>
+                    </Image>
+                    <Button Style="{StaticResource iconButton}" Text="{x:Static l:Res.XMarkLarge}" Clicked="ButtonClearCover_Clicked"
+                            IsVisible="{Binding Cover, Converter={StaticResource notNullConverter}}"
+                            HorizontalOptions="End" VerticalOptions="Start" Margin="0,-20,-20,0"
+                            TextColor="{AppThemeBinding Light={StaticResource Red100Accent}, Dark={StaticResource Red300Accent}}"/>
+                </Grid>
+                <HorizontalStackLayout HorizontalOptions="Center" Padding="0,0,10,0">
+                    <Button Style="{StaticResource iconButton}" Text="{x:Static l:Res.Camera}" Clicked="ButtonTakePhoto_Clicked"/>
+                    <Button Style="{StaticResource iconButton}" Text="{x:Static l:Res.Image}" Clicked="ButtonSelectPhoto_Clicked"/>
+                </HorizontalStackLayout>
+            </VerticalStackLayout>
+            <VerticalStackLayout Grid.Column="1" Padding="0,10,0,0">
+                <HorizontalStackLayout>
+                    <Label Text="{l:Lang flowerName, Default=Flower name}" FontSize="16" Margin="6,0" VerticalOptions="Center"/>
+                    <ctl:SecondaryLabel Text="*" VerticalOptions="Center"
+                                        TextColor="{AppThemeBinding Light={StaticResource Red100Accent}, Dark={StaticResource Red300Accent}}"/>
+                </HorizontalStackLayout>
+                <Entry Text="{Binding FlowerName}" Placeholder="{l:Lang enterFlowerName, Default=Please enter the flower name}" Margin="0,12"/>
+                <Frame BorderColor="Transparent" Padding="8,6" BackgroundColor="#b6e8e8" CornerRadius="8" HorizontalOptions="Start">
+                    <Label Text="{Binding CurrentLocationString}"/>
+                </Frame>
+            </VerticalStackLayout>
+        </Grid>
+        <TableView Grid.Row="1" Intent="Settings" HasUnevenRows="True" BackgroundColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}">
+            <TableSection>
+                <ctl:OptionEntryCell IsRequired="True" Title="{l:Lang locationColon, Default=Location:}"
+                                     Placeholder="{Binding FlowerLocation}"/>
+                <ctl:OptionSelectCell IsRequired="True" Title="{l:Lang flowerCategoryColon, Default=Flower Category:}"
+                                      Detail="{Binding Category}" Tapped="FlowerCategory_Tapped"/>
+                <ctl:OptionDateTimePickerCell IsRequired="True" Title="{l:Lang purchaseTimeColon, Default=Purchase time:}"
+                                              Date="{Binding PurchaseDate}" Time="{Binding PurchaseTime}"/>
+                <ctl:OptionSelectCell Title="{l:Lang purchaseFromColon, Default=Purchase from:}"
+                                      Detail="{Binding PurchaseFrom}"/>
+                <ctl:OptionEntryCell Title="{l:Lang costColon, Default=Cost:}" Keyboard="Numeric"
+                                     Placeholder="{l:Lang enterCost, Default=Please enter the cost}"
+                                     Text="{Binding Cost}"/>
+                <ctl:OptionEditorCell Title="{l:Lang memoColon, Default=Memo:}"
+                                      Text="{Binding Memo}" Height="200"/>
+            </TableSection>
+        </TableView>
+        <Frame Grid.RowSpan="2" x:Name="loading" BorderColor="Transparent" Margin="0" Padding="20" BackgroundColor="#40000000"
+           IsVisible="False" Opacity="0" HorizontalOptions="Center" VerticalOptions="Center">
+            <ActivityIndicator HorizontalOptions="Center" VerticalOptions="Center" IsRunning="True"/>
+        </Frame>
+    </Grid>
+
+</l:AppContentPage>

FlowerApp/Views/Garden/AddFlowerPage.xaml.cs

@@ -0,0 +1,390 @@
+using Blahblah.FlowerApp.Controls;
+using Blahblah.FlowerApp.Data;
+using Blahblah.FlowerApp.Data.Model;
+using Microsoft.Extensions.Logging;
+using System.Globalization;
+using System.Net;
+using System.Net.Http.Json;
+using System.Text.Json.Serialization;
+using static Blahblah.FlowerApp.Extensions;
+
+namespace Blahblah.FlowerApp.Views.Garden;
+
+public partial class AddFlowerPage : AppContentPage
+{
+    static readonly BindableProperty CurrentLocationProperty = CreateProperty<Location?, AddFlowerPage>(nameof(CurrentLocation), propertyChanged: OnCurrentLocationPropertyChanged);
+    static readonly BindableProperty CurrentLocationStringProperty = CreateProperty<string?, AddFlowerPage>(nameof(CurrentLocationString), defaultValue: L("locating", "Locating..."));
+
+    static void OnCurrentLocationPropertyChanged(BindableObject bindable, object old, object @new)
+    {
+        if (bindable is AddFlowerPage page)
+        {
+            if (@new is Location loc)
+            {
+                Task.Run(async () =>
+                {
+                    string? city = null;
+                    try
+                    {
+                        var location = WebUtility.UrlEncode($"{{\"x\":{loc.Longitude},\"y\":{loc.Latitude},\"spatialReference\":{{\"wkid\":4326}}}}");
+                        using var client = new HttpClient();
+                        var result = await client.GetFromJsonAsync<GeoResult>($"https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/reverseGeocode?location={location}&distance=100&f=json");
+
+                        if (result != null)
+                        {
+                            if (result.Address == null)
+                            {
+                                page.LogWarning($"failed to query geo location, with message: {result.Error?.Message}");
+                            }
+                            else
+                            {
+                                city = result.Address.City;
+                            }
+                        }
+                    }
+                    catch (Exception ex)
+                    {
+                        city = L("unknown", "Unknown");
+                        page.LogError(ex, $"error occurs when quering geo location: {ex.Message}");
+                    }
+                    page.SetValue(CurrentLocationStringProperty, city ?? L("unknown", "Unknown"));
+                });
+            }
+            else
+            {
+                page.SetValue(CurrentLocationStringProperty, L("unknown", "Unknown"));
+            }
+        }
+    }
+
+    public Location? CurrentLocation
+    {
+        get => GetValue<Location?>(CurrentLocationProperty);
+        set => SetValue(CurrentLocationProperty, value);
+    }
+    public string? CurrentLocationString
+    {
+        get => GetValue<string?>(CurrentLocationStringProperty);
+        set => SetValue(CurrentLocationStringProperty, value);
+    }
+
+    static readonly BindableProperty CoverProperty = CreateProperty<string?, AddFlowerPage>(nameof(Cover));
+    static readonly BindableProperty FlowerNameProperty = CreateProperty<string, AddFlowerPage>(nameof(FlowerName));
+    static readonly BindableProperty FlowerLocationProperty = CreateProperty<string?, AddFlowerPage>(nameof(FlowerLocation), defaultValue: L("selectFlowerLocation", "Please select the location"));
+    static readonly BindableProperty CategoryProperty = CreateProperty<string, AddFlowerPage>(nameof(Category), defaultValue: L("selectFlowerCategory", "Please select the flower category"));
+    static readonly BindableProperty PurchaseDateProperty = CreateProperty<DateTime, AddFlowerPage>(nameof(PurchaseDate));
+    static readonly BindableProperty PurchaseTimeProperty = CreateProperty<TimeSpan, AddFlowerPage>(nameof(PurchaseTime));
+    static readonly BindableProperty PurchaseFromProperty = CreateProperty<string?, AddFlowerPage>(nameof(PurchaseFrom), defaultValue: L("selectPurchaseFrom", "Please select where are you purchase from"));
+    static readonly BindableProperty CostProperty = CreateProperty<string?, AddFlowerPage>(nameof(Cost));
+    static readonly BindableProperty MemoProperty = CreateProperty<string?, AddFlowerPage>(nameof(Memo));
+    public string? Cover
+    {
+        get => GetValue<string?>(CoverProperty);
+        set => SetValue(CoverProperty, value);
+    }
+    public string FlowerName
+    {
+        get => GetValue<string>(FlowerNameProperty);
+        set => SetValue(FlowerNameProperty, value);
+    }
+    public string? FlowerLocation
+    {
+        get => GetValue<string?>(FlowerLocationProperty);
+        set => SetValue(FlowerLocationProperty, value);
+    }
+    public string Category
+    {
+        get => GetValue<string>(CategoryProperty);
+        set => SetValue(CategoryProperty, value);
+    }
+    public DateTime PurchaseDate
+    {
+        get => GetValue<DateTime>(PurchaseDateProperty);
+        set => SetValue(PurchaseDateProperty, value);
+    }
+    public TimeSpan PurchaseTime
+    {
+        get => GetValue<TimeSpan>(PurchaseTimeProperty);
+        set => SetValue(PurchaseTimeProperty, value);
+    }
+    public string? PurchaseFrom
+    {
+        get => GetValue<string>(PurchaseFromProperty);
+        set => SetValue(PurchaseFromProperty, value);
+    }
+    public string? Cost
+    {
+        get => GetValue<string?>(CostProperty);
+        set => SetValue(CostProperty, value);
+    }
+    public string? Memo
+    {
+        get => GetValue<string>(MemoProperty);
+        set => SetValue(MemoProperty, value);
+    }
+
+    string? selectedLocation;
+    int? selectedCategoryId;
+
+    public AddFlowerPage(FlowerDatabase database, ILogger logger) : base(database, logger)
+    {
+        var now = DateTime.Now;
+        PurchaseDate = now.Date;
+        PurchaseTime = now.TimeOfDay;
+
+        InitializeComponent();
+    }
+
+    protected override void OnAppearing()
+    {
+        base.OnAppearing();
+
+#if DEBUG
+        MainThread.BeginInvokeOnMainThread(() => CurrentLocation = new Location(29.56128954116272, 106.5447724580102));
+#else
+        MainThread.BeginInvokeOnMainThread(GetLocation);
+    }
+
+    bool accuracyLocation = false;
+
+    async void GetLocation()
+    {
+        var location = await GetLastLocationAsync();
+        CurrentLocation = location;
+
+        if (!accuracyLocation)
+        {
+            location = await GetCurrentLocationAsync();
+            CurrentLocation = location;
+
+            accuracyLocation = location != null;
+        }
+#endif
+    }
+
+    private async void ButtonTakePhoto_Clicked(object sender, EventArgs e)
+    {
+        if (MediaPicker.Default.IsCaptureSupported)
+        {
+            var photo = await TakePhoto();
+
+            if (photo != null)
+            {
+                string cache = await CacheFileAsync(photo);
+                Cover = cache;
+            }
+        }
+        else
+        {
+            await this.AlertError(L("notSupportedCapture", "Your device does not support taking photos."));
+        }
+    }
+
+    private async void ButtonSelectPhoto_Clicked(object sender, EventArgs e)
+    {
+        var photo = await MediaPicker.Default.PickPhotoAsync();
+
+        if (photo != null)
+        {
+            string cache = await CacheFileAsync(photo);
+            Cover = cache;
+        }
+    }
+
+    private void ButtonClearCover_Clicked(object sender, EventArgs e)
+    {
+        Cover = null;
+    }
+
+    private async void FlowerCategory_Tapped(object sender, EventArgs e)
+    {
+        var categories = Database.Categories;
+        if (categories == null)
+        {
+            return;
+        }
+
+        var page = new ItemSelectorPage<int, IdTextItem<int>>(
+            L("flowerCategory", "Flower category"),
+            categories.Select(c => new IdTextItem<int>
+            {
+                Id = c.Key,
+                Text = c.Value.Name,
+                Detail = c.Value.Description
+            }).ToArray(),
+            selected: selectedCategoryId != null ?
+                new[] { selectedCategoryId.Value } :
+                Array.Empty<int>(),
+            detail: nameof(IdTextItem<int>.Detail));
+        page.Selected += FlowerCategory_Selected;
+
+        await Navigation.PushAsync(page);
+    }
+
+    private void FlowerCategory_Selected(object? sender, IdTextItem<int> category)
+    {
+        selectedCategoryId = category.Id;
+        Category = category.Text;
+    }
+
+    private async void Save_Clicked(object sender, EventArgs e)
+    {
+        var name = FlowerName;
+        if (string.IsNullOrEmpty(name))
+        {
+            await this.Alert(Title, L("flowerNameRequired", "Flower name is required."));
+            return;
+        }
+
+        // TODO: selectedLocation
+        var location = FlowerLocation;
+        if (string.IsNullOrEmpty(location))
+        {
+            await this.Alert(Title, L("locationRequired", "Location is required."));
+            return;
+        }
+
+        if (selectedCategoryId == null)
+        {
+            await this.Alert(Title, L("flowerCategoryRequired", "Flower category is required."));
+            return;
+        }
+
+        var purchaseDate = new DateTimeOffset((PurchaseDate + PurchaseTime).ToUniversalTime());
+        var purchaseFrom = PurchaseFrom;
+        if (!decimal.TryParse(Cost, out decimal cost) || cost < 0)
+        {
+            await this.Alert(Title, L("costInvalid", "Cost must be a positive number."));
+            return;
+        }
+
+        var memo = Memo;
+
+        var item = new FlowerItem
+        {
+            Name = name,
+            CategoryId = selectedCategoryId.Value,
+            DateBuyUnixTime = purchaseDate.ToUnixTimeMilliseconds(),
+            Purchase = purchaseFrom,
+            Cost = cost,
+            Memo = memo,
+            OwnerId = AppResources.User.Id
+        };
+        var loc = CurrentLocation;
+        if (loc != null)
+        {
+            item.Latitude = loc.Latitude;
+            item.Longitude = loc.Longitude;
+        }
+
+        var cover = Cover;
+        if (cover != null)
+        {
+            item.Photos = new[] { new PhotoItem { Url = cover } };
+        }
+
+        await Loading(true);
+        _ = Task.Run(async () =>
+        {
+            try
+            {
+                await DoAddFlowerAsync(item);
+            }
+            catch (Exception ex)
+            {
+                this.LogError(ex, $"error occurs while adding flower, {item}");
+                await this.AlertError(L("failedAddFlower", "Failed to add flower, {error}, please try again later.").Replace("{error}", ex.Message));
+            }
+        });
+    }
+
+    async Task DoAddFlowerAsync(FlowerItem item)
+    {
+        var data = new MultipartFormDataContent
+        {
+            { new StringContent(item.CategoryId.ToString()), "categoryId" },
+            { new StringContent(item.Name), "name" },
+            { new StringContent(item.DateBuyUnixTime.ToString()), "dateBuy" }
+        };
+        if (item.Cost != null)
+        {
+            data.Add(new StringContent($"{item.Cost}"), "cost");
+        }
+        if (item.Purchase != null)
+        {
+            data.Add(new StringContent(item.Purchase), "purchase");
+        }
+        if (item.Memo != null)
+        {
+            data.Add(new StringContent(item.Memo), "memo");
+        }
+        if (item.Latitude != null && item.Longitude != null)
+        {
+            data.Add(new StringContent($"{item.Latitude}"), "lat");
+            data.Add(new StringContent($"{item.Longitude}"), "lon");
+        }
+        if (item.Photos?.Length > 0)
+        {
+            data.Add(new StreamContent(File.OpenRead(item.Photos[0].Url)), "cover");
+        }
+        var result = await UploadAsync<FlowerItem>("api/flower/add", data);
+
+        this.LogInformation($"upload successfully, {result}");
+    }
+}
+
+class CoverConverter : IValueConverter
+{
+    public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+    {
+        if (value is string s && !string.IsNullOrEmpty(s))
+        {
+            return s;
+        }
+        return "empty_flower.jpg";
+    }
+
+    public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+    {
+        throw new NotImplementedException();
+    }
+}
+
+record GeoResult
+{
+    [JsonPropertyName("address")]
+    public AddressResult? Address { get; init; }
+
+    [JsonPropertyName("error")]
+    public ErrorResult? Error { get; init; }
+}
+
+record ErrorResult
+{
+    [JsonPropertyName("code")]
+    public int Code { get; init; }
+
+    [JsonPropertyName("message")]
+    public string Message { get; init; } = null!;
+}
+
+record AddressResult
+{
+    [JsonPropertyName("City")]
+    public string? City { get; init; }
+
+    [JsonPropertyName("District")]
+    public string? District { get; init; }
+
+    [JsonPropertyName("CntryName")]
+    public string? CountryName { get; init; }
+
+    [JsonPropertyName("CountryCode")]
+    public string? CountryCode { get; init; }
+
+    [JsonPropertyName("Region")]
+    public string? Region { get; init; }
+
+    [JsonPropertyName("RegionAbbr")]
+    public string? RegionAbbr { get; init; }
+}

FlowerApp/Views/User/LogItemPage.xaml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:l="clr-namespace:Blahblah.FlowerApp"
+    xmlns:ctl="clr-namespace:Blahblah.FlowerApp.Controls"
+    xmlns:user="clr-namespace:Blahblah.FlowerApp.Views.User"
+    xmlns:mdl="clr-namespace:Blahblah.FlowerApp.Data.Model"
+    x:Class="Blahblah.FlowerApp.Views.User.LogItemPage"
+    x:Name="logItemPage"
+    x:DataType="mdl:LogItem"
+    Title="{Binding Category}">
+
+    <ScrollView>
+        <Grid ColumnDefinitions="Auto,*" ColumnSpacing="12" Margin="20"
+              RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto" RowSpacing="6">
+            <ctl:SecondaryLabel Text="ID:"/>
+            <Label Grid.Column="1" Text="{Binding Id}"/>
+
+            <ctl:SecondaryLabel Grid.Row="1" Text="Time:"/>
+            <Label Grid.Row="1" Grid.Column="1" Text="{Binding LogUnixTime, Converter={StaticResource dateTimeConverter}}"/>
+
+            <ctl:SecondaryLabel Grid.Row="2" Text="Type:"/>
+            <Label Grid.Row="2" Grid.Column="1" Text="{Binding LogType}"/>
+
+            <ctl:SecondaryLabel Grid.Row="3" Text="Category:"/>
+            <Label Grid.Row="3" Grid.Column="1" Text="{Binding Category}"/>
+
+            <ctl:SecondaryLabel Grid.Row="4" Text="Source:"/>
+            <Label Grid.Row="4" Grid.Column="1" Text="{Binding Source}"/>
+
+            <ctl:SecondaryLabel Grid.Row="5" Text="Client agent:"/>
+            <Label Grid.Row="5" Grid.Column="1" Text="{Binding ClientAgent}"/>
+
+            <ctl:SecondaryLabel Grid.Row="6" Text="Message:" VerticalOptions="Start"/>
+            <Label Grid.Row="6" Grid.Column="1" Text="{Binding Message}" LineBreakMode="WordWrap"/>
+
+            <ctl:SecondaryLabel Grid.Row="7" Text="Description:" VerticalOptions="Start"/>
+            <Label Grid.Row="7" Grid.Column="1" Text="{Binding Description}" LineBreakMode="WordWrap"/>
+        </Grid>
+    </ScrollView>
+
+</ContentPage>

FlowerApp/Views/User/LogItemPage.xaml.cs

@@ -0,0 +1,13 @@
+using Blahblah.FlowerApp.Data.Model;
+
+namespace Blahblah.FlowerApp.Views.User;
+
+public partial class LogItemPage : ContentPage
+{
+    public LogItemPage(LogItem log)
+    {
+        BindingContext = log;
+
+        InitializeComponent();
+    }
+}

FlowerApp/Views/User/LogPage.xaml

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<l:AppContentPage
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:l="clr-namespace:Blahblah.FlowerApp"
+    xmlns:ctl="clr-namespace:Blahblah.FlowerApp.Controls"
+    xmlns:mdl="clr-namespace:Blahblah.FlowerApp.Data.Model"
+    xmlns:user="clr-namespace:Blahblah.FlowerApp.Views.User"
+    x:Class="Blahblah.FlowerApp.Views.User.LogPage"
+    x:Name="logPage"
+    x:DataType="user:LogPage"
+    Title="Logs">
+
+    <Grid BindingContext="{x:Reference logPage}">
+        <ListView ItemsSource="{Binding Logs}">
+            <ListView.ItemTemplate>
+                <DataTemplate x:DataType="mdl:LogItem">
+                    <ViewCell>
+                        <HorizontalStackLayout Margin="16,0" Spacing="12">
+                            <HorizontalStackLayout.GestureRecognizers>
+                                <TapGestureRecognizer Command="{Binding ItemCommand, Source={x:Reference logPage}}"
+                                                      CommandParameter="{Binding .}"/>
+                            </HorizontalStackLayout.GestureRecognizers>
+                            <ctl:SecondaryLabel FontSize="10" Text="{Binding LogUnixTime, Converter={StaticResource dateTimeConverter}}" VerticalOptions="Center"/>
+                            <Label Text="{Binding Message}" VerticalOptions="Center" LineBreakMode="TailTruncation"/>
+                        </HorizontalStackLayout>
+                    </ViewCell>
+                </DataTemplate>
+            </ListView.ItemTemplate>
+        </ListView>
+    </Grid>
+
+</l:AppContentPage>

FlowerApp/Views/User/LogPage.xaml.cs

@@ -0,0 +1,39 @@
+using Blahblah.FlowerApp.Data;
+using Blahblah.FlowerApp.Data.Model;
+using Microsoft.Extensions.Logging;
+using static Blahblah.FlowerApp.Extensions;
+
+namespace Blahblah.FlowerApp.Views.User;
+
+public partial class LogPage : AppContentPage
+{
+    static readonly BindableProperty LogsProperty = CreateProperty<LogItem[], LogPage>(nameof(Logs));
+
+    public LogItem[] Logs
+    {
+        get => GetValue<LogItem[]>(LogsProperty);
+        set => SetValue(LogsProperty, value);
+    }
+
+    public Command ItemCommand { get; }
+
+    public LogPage(FlowerDatabase database, ILogger logger) : base(database, logger)
+    {
+        ItemCommand = new Command(async o =>
+        {
+            if (o is LogItem item)
+            {
+                await Navigation.PushAsync(new LogItemPage(item));
+            }
+        });
+
+        InitializeComponent();
+    }
+
+    protected override void OnAppearing()
+    {
+        base.OnAppearing();
+
+        Task.Run(async () => Logs = await Database.GetLogs());
+    }
+}