Ejemplo n.º 1
0
        public LeadsView()
        {
            #region leads list activity inidicator
            ActivityIndicator leadListActivityIndicator = new ActivityIndicator()
            {
                HeightRequest = Sizes.MediumRowHeight
            };
            leadListActivityIndicator.SetBinding(IsEnabledProperty, "IsBusy");
            leadListActivityIndicator.SetBinding(IsVisibleProperty, "IsBusy");
            leadListActivityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsBusy");
            #endregion

            #region loading label
            Label loadingLabel = new Label()
            {
                Text          = TextResources.SalesDashboard_Leads_LoadingLabel,
                FontSize      = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                HeightRequest = Sizes.MediumRowHeight,
                XAlign        = TextAlignment.Center,
                YAlign        = TextAlignment.End,
                TextColor     = Palette._007
            };
            loadingLabel.SetBinding(IsEnabledProperty, "IsBusy");
            loadingLabel.SetBinding(IsVisibleProperty, "IsBusy");
            #endregion

            #region leads list header
            // LeadListHeaderView is an example of a custom view composed with Xamarin.Forms.
            // It takes an action as a constructor parameter, which will be used by the add new lead button ("+").
            LeadListHeaderView leadListHeaderView = new LeadListHeaderView(new Command(ExecutePushLeadDetailsTabbedPageCommand));
            leadListHeaderView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());
            leadListHeaderView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());
            #endregion

            #region leadsListView
            LeadListView leadListView = new LeadListView();
            leadListView.SetBinding(LeadListView.ItemsSourceProperty, "Leads");
            leadListView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());
            leadListView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());

            leadListView.ItemTapped += (sender, e) =>
            {
                Account leadListItem = (Account)e.Item;
                ExecutePushLeadDetailsTabbedPageCommand(leadListItem);
            };
            #endregion

            #region compose view hierarchy
            Content = new UnspacedStackLayout()
            {
                Children =
                {
                    leadListHeaderView,
                    loadingLabel,
                    leadListActivityIndicator,
                    leadListView
                }
            };
            #endregion
        }
Ejemplo n.º 2
0
        public ProductListPage(string title, bool isPerformingProductSelection = false)
        {
            Title = title;

            #region product list
            ProductListView productListView = new ProductListView();
            productListView.SetBinding(ProductListView.ItemsSourceProperty, "Products");
            productListView.IsPullToRefreshEnabled = true;
            productListView.SetBinding(CategoryListView.RefreshCommandProperty, "LoadProductsCommand");
            productListView.SetBinding(CategoryListView.IsRefreshingProperty, "IsBusy", mode: BindingMode.OneWay);

            productListView.ItemTapped += async(sender, e) =>
            {
                Product catalogProduct = ((Product)e.Item);
                await Navigation.PushAsync(new ProductDetailPage(catalogProduct, isPerformingProductSelection));
            };
            #endregion

            #region compase view hierarchy
            Content = new UnspacedStackLayout()
            {
                Children =
                {
                    productListView
                }
            };
            #endregion
        }
Ejemplo n.º 3
0
        public CustomerDetailPage()
        {
            StackLayout stackLayout = new UnspacedStackLayout()
            {
                Children =
                {
                    new CustomerDetailHeaderView(),
                    new CustomerDetailContactView(),
                    new CustomerDetailPhoneView(this),
                    new CustomerDetailAddressView()
                }
            };

            Content = new ScrollView()
            {
                Content = stackLayout
            };
        }
Ejemplo n.º 4
0
        public ProductListPage(string title, bool isPerformingProductSelection = false)
        {
            Title = title;

            #region product list
            ProductListView productListView = new ProductListView();
            productListView.SetBinding(ProductListView.ItemsSourceProperty, "Products");
            productListView.IsPullToRefreshEnabled = true;
            productListView.SetBinding(CategoryListView.RefreshCommandProperty, "LoadProductsCommand");
            productListView.SetBinding(CategoryListView.IsRefreshingProperty, "IsBusy", mode: BindingMode.OneWay);

            productListView.ItemTapped += async(sender, e) =>
                                          await App.ExecuteIfConnected(async() =>
            {
                CatalogProduct catalogProduct = ((CatalogProduct)e.Item);
                await Navigation.PushAsync(new ProductDetailPage(catalogProduct, isPerformingProductSelection));
            });

            productListView.SetBinding(CategoryListView.HeaderProperty, ".");
            productListView.HeaderTemplate = new DataTemplate(() => {
                Label loadingLabel = new Label()
                {
                    Text      = TextResources.Products_ProductList_LoadingLabel,
                    FontSize  = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                    XAlign    = TextAlignment.Center,
                    YAlign    = TextAlignment.End,
                    TextColor = Palette._007
                };
                loadingLabel.SetBinding(Label.IsEnabledProperty, "IsBusy", mode: BindingMode.OneWay);
                loadingLabel.SetBinding(Label.IsVisibleProperty, "IsBusy", mode: BindingMode.OneWay);
                return(loadingLabel);
            });
            #endregion

            #region compase view hierarchy
            Content = new UnspacedStackLayout()
            {
                Children =
                {
                    productListView
                }
            };
            #endregion
        }
Ejemplo n.º 5
0
        public CustomersPage()
        {
            #region customer list activity inidicator
            ActivityIndicator customerListActivityIndicator = new ActivityIndicator()
            {
                HeightRequest = Sizes.MediumRowHeight
            };
            customerListActivityIndicator.SetBinding(IsEnabledProperty, "IsBusy");
            customerListActivityIndicator.SetBinding(IsVisibleProperty, "IsBusy");
            customerListActivityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsBusy");
            #endregion

            #region customer list
            CustomerListView customerListView = new CustomerListView();
            customerListView.SetBinding(CustomerListView.ItemsSourceProperty, "Accounts");
            customerListView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());
            customerListView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());

            customerListView.ItemTapped += async(sender, e) =>
            {
                Account account = (Account)e.Item;
                await PushTabbedPage(account);
            };
            #endregion

            #region compose view hierarchy
            Content = new UnspacedStackLayout()
            {
                Children =
                {
                    customerListActivityIndicator,
                    customerListView
                },
                Padding = Device.OnPlatform(Thicknesses.IosStatusBar, Thicknesses.Empty, Thicknesses.Empty)
            };
            #endregion

            #region wire up MessagingCenter
            // Catch the login success message from the MessagingCenter.
            // This is really only here for Android, which doesn't fire the OnAppearing() method in the same way that iOS does (every time the page appears on screen).
            Device.OnPlatform(Android: () => MessagingCenter.Subscribe <CustomersPage>(this, MessagingServiceConstants.AUTHENTICATED, sender => OnAppearing()));
            #endregion
        }
Ejemplo n.º 6
0
        public CategoryListPage(string title = null, bool isPerformingProductSelection = false)
        {
            if (title == null)
            {
                Title = "Products";
            }

            SetBinding(Page.TitleProperty, new Binding("Category", converter: new CategoryTitleConverter(Title)));

            #region category list
            CategoryListView categoryListView = new CategoryListView();
            categoryListView.SetBinding(ItemsView <Cell> .ItemsSourceProperty, "SubCategories");
            categoryListView.IsPullToRefreshEnabled = true;
            categoryListView.SetBinding(ListView.RefreshCommandProperty, "LoadCategoriesCommand");
            categoryListView.SetBinding(ListView.IsRefreshingProperty, "IsBusy", mode: BindingMode.OneWay);

            categoryListView.ItemTapped += async(sender, e) =>
            {
                Category catalogCategory = ((Category)e.Item);
                if (catalogCategory.HasSubCategories)
                {
                    await Navigation.PushAsync(new CategoryListPage(catalogCategory.Name, isPerformingProductSelection) { BindingContext = new CategoriesViewModel(catalogCategory) });
                }
                else
                {
                    await Navigation.PushAsync(new ProductListPage(catalogCategory.Name, isPerformingProductSelection) { BindingContext = new ProductsViewModel(catalogCategory.Id) });
                }
            };
            #endregion

            #region compose view hierarchy
            Content = new UnspacedStackLayout()
            {
                Children =
                {
                    categoryListView
                }
            };
            #endregion
        }
Ejemplo n.º 7
0
        public CustomersPage()
        {
            #region customer list activity inidicator
            ActivityIndicator customerListActivityIndicator = new ActivityIndicator()
            {
                HeightRequest = Sizes.MediumRowHeight
            };
            customerListActivityIndicator.SetBinding(IsEnabledProperty, "IsBusy");
            customerListActivityIndicator.SetBinding(IsVisibleProperty, "IsBusy");
            customerListActivityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsBusy");
            #endregion

            #region customer list
            CustomerListView customerListView = new CustomerListView();
            customerListView.SetBinding(CustomerListView.ItemsSourceProperty, "Accounts");
            customerListView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());
            customerListView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());

            customerListView.ItemTapped += async(sender, e) =>
                                           await App.ExecuteIfConnected(async() =>
            {
                Account account = (Account)e.Item;
                await PushTabbedPage(account);
            });

            #endregion

            #region compose view hierarchy
            Content = new UnspacedStackLayout()
            {
                Children =
                {
                    customerListActivityIndicator,
                    customerListView
                },
                Padding = Device.OnPlatform(Thicknesses.IosStatusBar, Thicknesses.Empty, Thicknesses.Empty)
            };
            #endregion
        }
Ejemplo n.º 8
0
        public SalesDashboardChartView()
        {
            #region sales graph header
            SalesChartHeaderView chartHeaderView = new SalesChartHeaderView()
            {
                HeightRequest = Sizes.MediumRowHeight, Padding = new Thickness(20, 10, 20, 0)
            };
            chartHeaderView.WeeklyAverageValueLabel.SetBinding(Label.TextProperty, "WeeklySalesAverage");
            chartHeaderView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());
            chartHeaderView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());
            #endregion

            #region activity indicator
            ActivityIndicator chartActivityIndicator = new ActivityIndicator()
            {
                HeightRequest = Sizes.MediumRowHeight
            };
            chartActivityIndicator.SetBinding(IsEnabledProperty, "IsBusy");
            chartActivityIndicator.SetBinding(IsVisibleProperty, "IsBusy");
            chartActivityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsBusy");
            #endregion

            #region loading label
            Label loadingLabel = new Label()
            {
                Text          = TextResources.SalesDashboard_SalesChart_LoadingLabel,
                FontSize      = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                HeightRequest = Sizes.MediumRowHeight,
                XAlign        = TextAlignment.Center,
                YAlign        = TextAlignment.End,
                TextColor     = Palette._007
            };
            loadingLabel.SetBinding(IsEnabledProperty, "IsBusy");
            loadingLabel.SetBinding(IsVisibleProperty, "IsBusy");
            #endregion

            #region the sales graph
            const double chartHeight = 190;

            ColumnSeries columnSeries = new ColumnSeries()
            {
                YAxis = new NumericalAxis()
                {
                    OpposedPosition    = false,
                    ShowMajorGridLines = true,
                    MajorGridLineStyle = new ChartLineStyle()
                    {
                        StrokeColor = MajorAxisAndLableColor
                    },
                    ShowMinorGridLines    = true,
                    MinorTicksPerInterval = 1,
                    MinorGridLineStyle    = new ChartLineStyle()
                    {
                        StrokeColor = MajorAxisAndLableColor
                    },
                    LabelStyle = new ChartAxisLabelStyle()
                    {
                        TextColor   = MajorAxisAndLableColor,
                        LabelFormat = "$0"
                    }
                },
                Color = Palette._003
            };

            columnSeries.SetBinding(ColumnSeries.ItemsSourceProperty, "WeeklySalesChartDataPoints");

            SfChart chart = new SfChart()
            {
                HeightRequest = chartHeight,

                PrimaryAxis = new CategoryAxis()
                {
                    EdgeLabelsDrawingMode = EdgeLabelsDrawingMode.Center,
                    LabelPlacement        = LabelPlacement.BetweenTicks,
                    TickPosition          = AxisElementPosition.Inside,
                    ShowMajorGridLines    = false,
                    LabelStyle            = new ChartAxisLabelStyle()
                    {
                        TextColor = MajorAxisAndLableColor
                    }
                },

                BackgroundColor = Color.Transparent
            };

            chart.Series.Add(columnSeries);
            chart.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());
            chart.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());

            // The chart has uncontrollable white space on it's left in iOS, so we're
            // wrapping it in a ContentView and adding some right padding to compensate.
            ContentView chartWrapper = new ContentView()
            {
                Content = chart
            };

            StackLayout stackLayout = new UnspacedStackLayout()
            {
                Children =
                {
                    chartHeaderView,
                    loadingLabel,
                    chartActivityIndicator,
                    chartWrapper
                }
            };
            #endregion

            #region platform adjustments
            Device.OnPlatform(
                iOS: () =>
            {
                chartWrapper.Padding        = new Thickness(0, 0, 30, 0);
                stackLayout.BackgroundColor = Color.Transparent;
                stackLayout.Padding         = new Thickness(0, 20, 0, 0);
            },
                Android: () =>
            {
                stackLayout.BackgroundColor        = Palette._009;
                Font androidChartLabelFont         = Font.SystemFontOfSize(Device.GetNamedSize(NamedSize.Large, typeof(Label)) * 1.5);
                columnSeries.YAxis.LabelStyle.Font = androidChartLabelFont;
                chart.PrimaryAxis.LabelStyle.Font  = androidChartLabelFont;
            });
            #endregion

            Content = stackLayout;
        }
Ejemplo n.º 9
0
        public CustomerOrdersPage()
        {
            #region activity indicator
            ActivityIndicator activityIndicator = new ActivityIndicator()
            {
                HeightRequest = Sizes.LargeRowHeight
            };
            activityIndicator.SetBinding(IsEnabledProperty, "IsBusy");
            activityIndicator.SetBinding(IsVisibleProperty, "IsBusy");
            activityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsBusy");
            #endregion

            #region header
            Label companyTitleLabel = new Label()
            {
                Text          = TextResources.Customers_Orders_EditOrder_CompanyTitle,
                TextColor     = Palette._007,
                FontSize      = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                XAlign        = TextAlignment.Start,
                YAlign        = TextAlignment.End,
                LineBreakMode = LineBreakMode.TailTruncation
            };

            Label companyNameLabel = new Label()
            {
                TextColor     = Palette._006,
                FontSize      = Device.GetNamedSize(NamedSize.Medium, typeof(Label)),
                XAlign        = TextAlignment.Start,
                YAlign        = TextAlignment.Start,
                LineBreakMode = LineBreakMode.TailTruncation
            };
            companyNameLabel.SetBinding(Label.TextProperty, "Account.Company");

            Image addNewOrderImage = new Image()
            {
                Aspect = Aspect.AspectFit
            };
            Device.OnPlatform(
                iOS: () => addNewOrderImage.Source = new FileImageSource()
            {
                File = "add_ios_blue"
            },
                Android: () => addNewOrderImage.Source = new FileImageSource()
            {
                File = "add_android_blue"
            }
                );
            addNewOrderImage.GestureRecognizers.Add(new TapGestureRecognizer()
            {
                Command = new Command(AddNewOrderTapped),
                NumberOfTapsRequired = 1
            });

            AbsoluteLayout headerAbsoluteLayout = new AbsoluteLayout()
            {
                HeightRequest = Sizes.LargeRowHeight
            };

            headerAbsoluteLayout.Children.Add(
                view: new UnspacedStackLayout()
            {
                Children =
                {
                    companyTitleLabel,
                    companyNameLabel
                }
            },
                bounds: new Rectangle(0, .5, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize),
                flags: AbsoluteLayoutFlags.PositionProportional
                );

            headerAbsoluteLayout.Children.Add(
                view: addNewOrderImage,
                bounds: new Rectangle(1, .5, AbsoluteLayout.AutoSize, Device.OnPlatform(.5, .4, .5)),
                flags: AbsoluteLayoutFlags.PositionProportional | AbsoluteLayoutFlags.HeightProportional
                );

            ContentView headerLabelsView = new ContentView()
            {
                Content = headerAbsoluteLayout, Padding = new Thickness(20, 0)
            };

            headerLabelsView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());
            headerLabelsView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());
            #endregion

            #region order list view
            CustomerOrderListView customerOrderListView = new CustomerOrderListView()
            {
                IsGroupingEnabled = true
            };
            customerOrderListView.GroupDisplayBinding = new Binding("Key");
            customerOrderListView.GroupHeaderTemplate = new DataTemplate(typeof(CustomerOrderListViewGroupHeaderCell));
            customerOrderListView.SetBinding(ListView.ItemsSourceProperty, "OrderGroups");
            customerOrderListView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());
            customerOrderListView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());

            customerOrderListView.ItemTapped += async(sender, e) =>
            {
                var order = (Order)e.Item;
                await Navigation.PushAsync(new CustomerOrderDetailPage()
                {
                    BindingContext = new OrderDetailViewModel(ViewModel.Account, order)
                    {
                        Navigation = Navigation
                    },
                });
            };
            #endregion

            #region compose view hierarchy
            Content = new UnspacedStackLayout()
            {
                Children =
                {
                    activityIndicator,
                    new ContentViewWithBottomBorder()
                    {
                        Content = headerLabelsView
                    },
                    customerOrderListView
                }
            };
            #endregion
        }
Ejemplo n.º 10
0
        public CustomerDetailAddressView()
        {
            #region labels
            Label addressTitleLabel = new Label()
            {
                Text          = TextResources.Customers_Detail_Address,
                TextColor     = Device.OnPlatform(Palette._005, Palette._007, Palette._006),
                FontSize      = Device.OnPlatform(Device.GetNamedSize(NamedSize.Small, typeof(Label)), Device.GetNamedSize(NamedSize.Small, typeof(Label)), Device.GetNamedSize(NamedSize.Small, typeof(Label))),
                LineBreakMode = LineBreakMode.TailTruncation
            };

            Label addressStreetLabel = new Label()
            {
                TextColor     = Palette._006,
                FontSize      = Device.OnPlatform(Device.GetNamedSize(NamedSize.Default, typeof(Label)), Device.GetNamedSize(NamedSize.Medium, typeof(Label)), Device.GetNamedSize(NamedSize.Default, typeof(Label))),
                LineBreakMode = LineBreakMode.TailTruncation
            };
            addressStreetLabel.SetBinding(Label.TextProperty, "Account.Street");

            Label addressCityLabel = new Label()
            {
                TextColor     = Palette._006,
                FontSize      = Device.OnPlatform(Device.GetNamedSize(NamedSize.Default, typeof(Label)), Device.GetNamedSize(NamedSize.Medium, typeof(Label)), Device.GetNamedSize(NamedSize.Default, typeof(Label))),
                LineBreakMode = LineBreakMode.TailTruncation
            };
            addressCityLabel.SetBinding(Label.TextProperty, "Account.City");

            Label addressStatePostalLabel = new Label()
            {
                TextColor     = Palette._006,
                FontSize      = Device.OnPlatform(Device.GetNamedSize(NamedSize.Default, typeof(Label)), Device.GetNamedSize(NamedSize.Medium, typeof(Label)), Device.GetNamedSize(NamedSize.Default, typeof(Label))),
                LineBreakMode = LineBreakMode.TailTruncation
            };
            addressStatePostalLabel.SetBinding(Label.TextProperty, "Account.StatePostal");
            #endregion

            #region map marker image
            Image mapMarkerImage = new Image()
            {
                Source = new FileImageSource {
                    File = Device.OnPlatform("map_marker_ios", "map_marker_android", null)
                },
                Aspect        = Aspect.AspectFit,
                HeightRequest = 25
            };

            // an expanded view to catch touches, because the image is a bit small
            AbsoluteLayout mapMarkerImageTouchView = new AbsoluteLayout()
            {
                WidthRequest  = Sizes.MediumRowHeight,
                HeightRequest = Sizes.MediumRowHeight
            };

            mapMarkerImageTouchView.GestureRecognizers.Add(
                new TapGestureRecognizer()
            {
                Command = new Command(MapMarkerIconTapped)
            });

            mapMarkerImageTouchView.Children.Add(mapMarkerImage, new Rectangle(.5, .5, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.PositionProportional);
            #endregion

            #region compose view hierarchy
            StackLayout stackLayout = new UnspacedStackLayout()
            {
                Children =
                {
                    addressTitleLabel,
                    addressStreetLabel,
                    addressCityLabel,
                    addressStatePostalLabel
                },
                Padding = new Thickness(20)
            };
            AbsoluteLayout absoluteLayout = new AbsoluteLayout();
            absoluteLayout.Children.Add(stackLayout, new Rectangle(0, .5, 1, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.PositionProportional | AbsoluteLayoutFlags.WidthProportional);
            absoluteLayout.Children.Add(mapMarkerImageTouchView, new Rectangle(.95, .5, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.PositionProportional);
            #endregion

            Content = absoluteLayout;
        }
Ejemplo n.º 11
0
        public CustomerOrderDetailPage()
        {
            // Hide the back button, because we have ToolBarItems to control navigtion on this page.
            // A back button would be confusing here in this modally presented tab page.
            NavigationPage.SetHasBackButton(this, false);
            NavigationPage.SetBackButtonTitle(this, string.Empty);

            #region header
            Label companyTitleLabel = new Label()
            {
                Text          = TextResources.Customers_Orders_EditOrder_CompanyTitle,
                TextColor     = Palette._007,
                FontSize      = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                XAlign        = TextAlignment.Start,
                YAlign        = TextAlignment.End,
                LineBreakMode = LineBreakMode.TailTruncation
            };

            Label companyNameLabel = new Label()
            {
                TextColor     = Palette._006,
                FontSize      = Device.GetNamedSize(NamedSize.Medium, typeof(Label)),
                XAlign        = TextAlignment.Start,
                YAlign        = TextAlignment.Start,
                LineBreakMode = LineBreakMode.TailTruncation
            };
            companyNameLabel.SetBinding(Label.TextProperty, "Account.Company");

            RelativeLayout headerLabelsRelativeLayout = new RelativeLayout()
            {
                HeightRequest = Sizes.LargeRowHeight
            };

            headerLabelsRelativeLayout.Children.Add(
                view: companyTitleLabel,
                widthConstraint: Constraint.RelativeToParent(parent => parent.Width),
                heightConstraint: Constraint.RelativeToParent(parent => parent.Height / 2));

            headerLabelsRelativeLayout.Children.Add(
                view: companyNameLabel,
                yConstraint: Constraint.RelativeToParent(parent => parent.Height / 2),
                widthConstraint: Constraint.RelativeToParent(parent => parent.Width),
                heightConstraint: Constraint.RelativeToParent(parent => parent.Height / 2));

            ContentView headerLabelsView = new ContentView()
            {
                Padding = new Thickness(20, 0), Content = headerLabelsRelativeLayout
            };

            #endregion

            #region grid setup
            Grid orderDetailsGrid = new Grid()
            {
                Padding        = new Thickness(20),
                RowDefinitions = new RowDefinitionCollection()
                {
                    new RowDefinition {
                        Height = GridLength.Auto
                    },
                    new RowDefinition {
                        Height = GridLength.Auto
                    },
                    new RowDefinition {
                        Height = GridLength.Auto
                    },
                    new RowDefinition {
                        Height = GridLength.Auto
                    },
                    new RowDefinition {
                        Height = GridLength.Auto
                    },
                    new RowDefinition {
                        Height = GridLength.Auto
                    },
                },
                ColumnDefinitions = new ColumnDefinitionCollection()
                {
                    new ColumnDefinition {
                        Width = GridLength.Auto
                    },
                    new ColumnDefinition {
                        Width = new GridLength(1, GridUnitType.Star)
                    },
                }
            };
            #endregion

            #region product selection
            _ProductSelectionEntry = new Entry()
            {
                Placeholder = TextResources.Customers_Orders_EditOrder_ProductEntryPlaceholder
            };
            _ProductSelectionEntry.SetBinding(Entry.TextProperty, "Order.Item", BindingMode.TwoWay);
            _ProductSelectionEntry.SetBinding(IsEnabledProperty, "Order.IsOpen");
            _ProductSelectionEntry.SetBinding(IsVisibleProperty, "Order.IsOpen");

            Label productSelectionLabel = new Label()
            {
                HeightRequest = RowHeight, YAlign = TextAlignment.Center, FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label))
            };
            productSelectionLabel.SetBinding(Label.TextProperty, "Order.Item");
            productSelectionLabel.SetBinding(IsEnabledProperty, "Order.IsOpen", converter: new InverseBooleanConverter());
            productSelectionLabel.SetBinding(IsVisibleProperty, "Order.IsOpen", converter: new InverseBooleanConverter());

            StackLayout productSelectionStack = new UnspacedStackLayout()
            {
                Children =
                {
                    _ProductSelectionEntry,
                    productSelectionLabel
                }
            };
            #endregion

            #region price
            Entry priceEntry = new Entry()
            {
                Placeholder = TextResources.Customers_Orders_EditOrder_PriceEntryPlaceholder, Keyboard = Keyboard.Numeric
            };
            priceEntry.SetBinding(Entry.TextProperty, "Order.Price", BindingMode.TwoWay, new CurrencyDoubleConverter());
            priceEntry.SetBinding(IsEnabledProperty, "Order.IsOpen");
            priceEntry.SetBinding(IsVisibleProperty, "Order.IsOpen");

            Label priceLabel = new Label()
            {
                HeightRequest = RowHeight, YAlign = TextAlignment.Center, FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label))
            };
            priceLabel.SetBinding(Label.TextProperty, "Order.Price", converter: new CurrencyDoubleConverter());
            priceLabel.SetBinding(IsEnabledProperty, "Order.IsOpen", converter: new InverseBooleanConverter());
            priceLabel.SetBinding(IsVisibleProperty, "Order.IsOpen", converter: new InverseBooleanConverter());

            StackLayout priceStack = new UnspacedStackLayout()
            {
                Children =
                {
                    priceEntry,
                    priceLabel
                }
            };
            #endregion

            #region order date
            Label orderDateLabel = new Label()
            {
                HeightRequest = RowHeight, YAlign = TextAlignment.Center, FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label))
            };
            orderDateLabel.SetBinding(Label.TextProperty, "Order.OrderDate", converter: new ShortDatePatternConverter());
            #endregion

            #region due date
            DatePicker dueDateEntry = new DatePicker();
            dueDateEntry.SetBinding(DatePicker.DateProperty, "Order.DueDate", BindingMode.TwoWay);
            dueDateEntry.SetBinding(IsEnabledProperty, "Order.IsOpen");
            dueDateEntry.SetBinding(IsVisibleProperty, "Order.IsOpen");

            Label dueDateLabel = new Label()
            {
                HeightRequest = RowHeight, YAlign = TextAlignment.Center, FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label))
            };
            dueDateLabel.SetBinding(Label.TextProperty, "Order.DueDate", converter: new ShortDatePatternConverter());
            dueDateLabel.SetBinding(IsEnabledProperty, "Order.IsOpen", converter: new InverseBooleanConverter());
            dueDateLabel.SetBinding(IsVisibleProperty, "Order.IsOpen", converter: new InverseBooleanConverter());

            StackLayout dueDateStack = new UnspacedStackLayout();
            dueDateStack.Children.Add(dueDateEntry);
            dueDateStack.Children.Add(dueDateLabel);
            #endregion

            #region closed date
            Label closedDateLabel = new Label()
            {
                HeightRequest = RowHeight, YAlign = TextAlignment.Center, FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label))
            };
            closedDateLabel.SetBinding(Label.TextProperty, "Order.ClosedDate", converter: new ShortDatePatternConverter());
            closedDateLabel.SetBinding(IsEnabledProperty, "Order.IsOpen", converter: new InverseBooleanConverter());
            closedDateLabel.SetBinding(IsVisibleProperty, "Order.IsOpen", converter: new InverseBooleanConverter());
            #endregion

            #region product image
            _OrderItemImage = new Image()
            {
                Aspect = Aspect.AspectFit
            };
            _OrderItemImage.SetBinding(Image.SourceProperty, "OrderItemImageUrl");
            #endregion

            #region loading label
            Label loadingImageUrlLabel = new Label()
            {
                Text          = TextResources.Customers_Orders_EditOrder_LoadingImageLabel,
                FontSize      = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                HeightRequest = Sizes.MediumRowHeight,
                XAlign        = TextAlignment.Center,
                YAlign        = TextAlignment.End,
                TextColor     = Palette._007
            };
            loadingImageUrlLabel.SetBinding(IsEnabledProperty, "IsBusy");
            loadingImageUrlLabel.SetBinding(IsVisibleProperty, "IsBusy");
            #endregion

            #region loading label
            Label loadingImageLabel = new Label()
            {
                Text          = TextResources.Customers_Orders_EditOrder_LoadingImageLabel,
                FontSize      = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                HeightRequest = Sizes.MediumRowHeight,
                XAlign        = TextAlignment.Center,
                YAlign        = TextAlignment.End,
                TextColor     = Palette._007
            };
            loadingImageLabel.SetBinding(IsEnabledProperty, new Binding("IsLoading", source: _OrderItemImage));
            loadingImageLabel.SetBinding(IsVisibleProperty, new Binding("IsLoading", source: _OrderItemImage));
            #endregion

            #region image url fetching activity indicator
            ActivityIndicator imageUrlFetchingActivityIndicator = new ActivityIndicator()
            {
                HeightRequest = Sizes.LargeRowHeight
            };
            imageUrlFetchingActivityIndicator.SetBinding(IsEnabledProperty, "IsBusy");
            imageUrlFetchingActivityIndicator.SetBinding(IsVisibleProperty, "IsBusy");
            imageUrlFetchingActivityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsBusy");
            #endregion

            #region image fetching activity indicator
            ActivityIndicator imageFetchingActivityIndicator = new ActivityIndicator()
            {
                HeightRequest = Sizes.LargeRowHeight
            };
            imageFetchingActivityIndicator.SetBinding(IsEnabledProperty, new Binding("IsLoading", source: _OrderItemImage));
            imageFetchingActivityIndicator.SetBinding(IsVisibleProperty, new Binding("IsLoading", source: _OrderItemImage));
            imageFetchingActivityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, new Binding("IsLoading", source: _OrderItemImage));
            #endregion

            #region deliver action button
            Button deliverButton = new Button()
            {
                Text = "Deliver Order"
            };
            deliverButton.Clicked += DeliverButton_Clicked;
            deliverButton.SetBinding(IsEnabledProperty, "Order.IsOpen");
            deliverButton.SetBinding(IsVisibleProperty, "Order.IsOpen");
            #endregion

            #region compose grid contents
            orderDetailsGrid.Children.Add(GetFieldLabelContentView(TextResources.Customers_Orders_EditOrder_ProductTitleLabel), 0, 0);
            orderDetailsGrid.Children.Add(GetFieldLabelContentView(TextResources.Customers_Orders_EditOrder_PriceTitleLabel), 0, 1);
            orderDetailsGrid.Children.Add(GetFieldLabelContentView(TextResources.Customers_Orders_EditOrder_OrderDateTitleLabel), 0, 2);
            orderDetailsGrid.Children.Add(GetFieldLabelContentView(TextResources.Customers_Orders_EditOrder_DueDateTitleLabel), 0, 3);
            var closedDateFieldLabelView = GetFieldLabelContentView(TextResources.Customers_Orders_EditOrder_ClosedDateTitleLabel);
            closedDateFieldLabelView.SetBinding(IsVisibleProperty, "Order.IsOpen", converter: new InverseBooleanConverter());
            closedDateFieldLabelView.SetBinding(IsEnabledProperty, "Order.IsOpen", converter: new InverseBooleanConverter());
            orderDetailsGrid.Children.Add(closedDateFieldLabelView, 0, 4);

            orderDetailsGrid.Children.Add(productSelectionStack, 1, 0);
            orderDetailsGrid.Children.Add(priceStack, 1, 1);
            orderDetailsGrid.Children.Add(orderDateLabel, 1, 2);
            orderDetailsGrid.Children.Add(dueDateStack, 1, 3);
            orderDetailsGrid.Children.Add(closedDateLabel, 1, 4);

            orderDetailsGrid.Children.Add(deliverButton, 0, 5);
            Grid.SetColumnSpan(deliverButton, 2);
            #endregion

            #region compose view hierarchy
            Content = new ScrollView()
            {
                Content = new UnspacedStackLayout()
                {
                    Children =
                    {
                        new ContentViewWithBottomBorder()
                        {
                            Content = headerLabelsView
                        },
                        new ContentViewWithBottomBorder()
                        {
                            Content = orderDetailsGrid
                        },
                        loadingImageUrlLabel,
                        imageUrlFetchingActivityIndicator,
                        loadingImageLabel,
                        imageFetchingActivityIndicator,
                        new ContentView()
                        {
                            Content = _OrderItemImage, Padding = new Thickness(20)
                        }
                    }
                }
            };
            #endregion
        }
Ejemplo n.º 12
0
        public CustomerDetailHeaderView()
        {
            #region company image
            Image companyImage = new Image()
            {
                Aspect = Aspect.AspectFill
            };
            companyImage.SetBinding(Image.SourceProperty, "Account.ImageUrl");
            #endregion

            #region gradient image
            Image gradientImage = new Image()
            {
                Aspect = Aspect.Fill, Source = new FileImageSource()
                {
                    File = "bottom_up_gradient"
                }, HeightRequest = 75, BindingContext = companyImage
            };
            gradientImage.SetBinding(Image.IsVisibleProperty, "IsLoading", converter: new InverseBooleanConverter());
            #endregion

            #region activity indicator
            ActivityIndicator imageLoadingIndicator = new ActivityIndicator()
            {
                BindingContext = companyImage
            };
            imageLoadingIndicator.SetBinding(ActivityIndicator.IsEnabledProperty, "IsLoading");
            imageLoadingIndicator.SetBinding(ActivityIndicator.IsVisibleProperty, "IsLoading"); // here, since we're bound to the companyImage already, we can just reference the IsLoading property
            imageLoadingIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsLoading"); // here, since we're bound to the companyImage already, we can just reference the IsLoading property
            #endregion

            #region company label
            Label companyLabel = new Label()
            {
                TextColor     = Color.White,
                FontSize      = Device.OnPlatform(Device.GetNamedSize(NamedSize.Large, typeof(Label)), Device.GetNamedSize(NamedSize.Large, typeof(Label)), Device.GetNamedSize(NamedSize.Large, typeof(Label))),
                LineBreakMode = LineBreakMode.TailTruncation
            };
            companyLabel.SetBinding(Label.TextProperty, "Account.Company");
            companyLabel.SetBinding(Label.TextColorProperty, new Binding("IsLoading", source: companyImage, converter: new CompanyLabelBooleanToColorConverter()));
            #endregion

            #region industry label
            Label industryLabel = new Label()
            {
                TextColor     = Palette._008,
                FontSize      = Device.OnPlatform(Device.GetNamedSize(NamedSize.Small, typeof(Label)), Device.GetNamedSize(NamedSize.Small, typeof(Label)), Device.GetNamedSize(NamedSize.Small, typeof(Label))),
                LineBreakMode = LineBreakMode.TailTruncation
            };
            industryLabel.SetBinding(Label.TextProperty, "Account.Industry");
            industryLabel.SetBinding(Label.TextColorProperty, new Binding("IsLoading", source: companyImage, converter: new IndustryLabelBooleanToColorConverter()));
            #endregion

            #region compose view hierarchy
            StackLayout stackLayout = new UnspacedStackLayout()
            {
                Children =
                {
                    companyLabel,
                    industryLabel
                },
                Padding = new Thickness(20)
            };
            AbsoluteLayout absoluteLayout = new AbsoluteLayout()
            {
                HeightRequest = 150
            };
            absoluteLayout.Children.Add(companyImage, new Rectangle(0, 0, 1, 1), AbsoluteLayoutFlags.All);
            absoluteLayout.Children.Add(imageLoadingIndicator, new Rectangle(0, .5, 1, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.WidthProportional | AbsoluteLayoutFlags.PositionProportional);
            absoluteLayout.Children.Add(gradientImage, new Rectangle(0, 1, 1, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.WidthProportional | AbsoluteLayoutFlags.PositionProportional);
            absoluteLayout.Children.Add(stackLayout, new Rectangle(0, 1, 1, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.WidthProportional | AbsoluteLayoutFlags.PositionProportional);
            #endregion

            Content = absoluteLayout;
        }
Ejemplo n.º 13
0
        public CategoryListPage(string title = null, bool isPerformingProductSelection = false)
        {
            if (title == null)
            {
                Title = "Products";
            }

            SetBinding(CategoryListPage.TitleProperty, new Binding("Category", converter: new CategoryTitleConverter(Title)));

            #region category list
            CategoryListView categoryListView = new CategoryListView();
            categoryListView.SetBinding(CategoryListView.ItemsSourceProperty, "SubCategories");
            categoryListView.IsPullToRefreshEnabled = true;
            categoryListView.SetBinding(CategoryListView.RefreshCommandProperty, "LoadCategoriesCommand");
            categoryListView.SetBinding(CategoryListView.IsRefreshingProperty, "IsBusy", mode: BindingMode.OneWay);

            categoryListView.ItemTapped += async(sender, e) =>
                                           await App.ExecuteIfConnected(async() =>
            {
                CatalogCategory catalogCategory = ((CatalogCategory)e.Item);
                if (catalogCategory.HasSubCategories)
                {
                    await Navigation.PushAsync(new CategoryListPage(catalogCategory.Name, isPerformingProductSelection)
                    {
                        BindingContext = new CategoriesViewModel(catalogCategory)
                    });
                }
                else
                {
                    await Navigation.PushAsync(new ProductListPage(catalogCategory.Name, isPerformingProductSelection)
                    {
                        BindingContext = new ProductsViewModel(catalogCategory.Id)
                    });
                }
            });

            categoryListView.SetBinding(CategoryListView.HeaderProperty, ".");
            categoryListView.HeaderTemplate = new DataTemplate(() => {
                Label loadingLabel = new Label()
                {
                    Text      = TextResources.Products_CategoryList_LoadingLabel,
                    FontSize  = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                    XAlign    = TextAlignment.Center,
                    YAlign    = TextAlignment.End,
                    TextColor = Palette._007
                };
                loadingLabel.SetBinding(Label.IsEnabledProperty, "IsBusy", mode: BindingMode.OneWay);
                loadingLabel.SetBinding(Label.IsVisibleProperty, "IsBusy", mode: BindingMode.OneWay);
                return(loadingLabel);
            });
            #endregion

            #region compose view hierarchy
            Content = new UnspacedStackLayout()
            {
                Children =
                {
                    categoryListView
                }
            };
            #endregion
        }
Ejemplo n.º 14
0
        public CustomerDetailPage(Account account)
        {
            if (Device.OS == TargetPlatform.iOS)
            {
                var orders = new ImageCell
                {
                    Text        = TextResources.Customers_Orders_Tab_Title,
                    ImageSource = new FileImageSource()
                    {
                        File = "ProductsTab"
                    },
                    StyleId = "disclosure",
                    Command = new Command(async() => await Navigation.PushAsync(new CustomerOrdersPage()
                    {
                        BindingContext = new OrdersViewModel(account)
                        {
                            Navigation = this.Navigation
                        },
                        Title = TextResources.Customers_Orders_Tab_Title,
                        Icon  = new FileImageSource()
                        {
                            File = "ProductsTab"
                        }                                                             // only used  on iOS
                    }))
                };

                var sales = new ImageCell
                {
                    Text        = TextResources.Customers_Sales_Tab_Title,
                    ImageSource = new FileImageSource()
                    {
                        File = "SalesTab"
                    },
                    StyleId = "disclosure",
                    Command = new Command(async() => await Navigation.PushAsync(new CustomerSalesPage()
                    {
                        BindingContext = new CustomerSalesViewModel(account)
                        {
                            Navigation = this.Navigation
                        },
                        Title = TextResources.Customers_Sales_Tab_Title,
                        Icon  = new FileImageSource()
                        {
                            File = "SalesTab"
                        }                                                          // only used  on iOS
                    }))
                };


                var infoStack = new UnspacedStackLayout()
                {
                    Children =
                    {
                        new CustomerDetailContactView(),
                        new CustomerDetailPhoneView(this),
                        new CustomerDetailAddressView(),
                    }
                };

                var table = new TableView()
                {
                    Intent        = TableIntent.Menu,
                    HasUnevenRows = true,
                    Root          = new TableRoot()
                    {
                        new TableSection("Details")
                        {
                            new ViewCell
                            {
                                View   = infoStack,
                                Height = 280
                            }
                        },
                        new TableSection("More")
                        {
                            orders,
                            sales
                        }
                    }
                };



                Content = new UnspacedStackLayout
                {
                    Children =
                    {
                        new CustomerDetailHeaderView(),
                        table
                    }
                };
            }
            else
            {
                var stackLayout = new UnspacedStackLayout()
                {
                    Children =
                    {
                        new CustomerDetailHeaderView(),
                        new CustomerDetailContactView(),
                        new CustomerDetailPhoneView(this),
                        new CustomerDetailAddressView(),
                    }
                };

                Content = new ScrollView()
                {
                    Content = stackLayout
                };
            }
        }
Ejemplo n.º 15
0
        public CustomerDetailPhoneView(Page page)
        {
            _Page = page;

            #region labels
            Label phoneTitleLabel = new Label()
            {
                Text          = TextResources.Phone,
                TextColor     = Device.OnPlatform(Palette._005, Palette._007, Palette._006),
                FontSize      = Device.OnPlatform(Device.GetNamedSize(NamedSize.Small, typeof(Label)), Device.GetNamedSize(NamedSize.Small, typeof(Label)), Device.GetNamedSize(NamedSize.Small, typeof(Label))),
                LineBreakMode = LineBreakMode.TailTruncation
            };

            Label phoneLabel = new Label()
            {
                TextColor     = Palette._006,
                FontSize      = Device.OnPlatform(Device.GetNamedSize(NamedSize.Default, typeof(Label)), Device.GetNamedSize(NamedSize.Medium, typeof(Label)), Device.GetNamedSize(NamedSize.Default, typeof(Label))),
                LineBreakMode = LineBreakMode.TailTruncation
            };
            phoneLabel.SetBinding(Label.TextProperty, "Account.Phone");
            #endregion

            #region phone image
            Image phoneImage = new Image()
            {
                Source = new FileImageSource {
                    File = Device.OnPlatform("phone_ios", "phone_android", null)
                },
                Aspect        = Aspect.AspectFit,
                HeightRequest = 25
            };

            // an expanded view to catch touches, because the image is a bit small
            AbsoluteLayout phoneImageTouchView = new AbsoluteLayout()
            {
                WidthRequest  = Sizes.MediumRowHeight,
                HeightRequest = Sizes.MediumRowHeight
            };

            phoneImageTouchView.Children.Add(phoneImage, new Rectangle(.5, .5, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.PositionProportional);

            phoneImageTouchView.GestureRecognizers.Add(
                new TapGestureRecognizer()
            {
                Command = new Command(() => OnPhoneTapped(phoneLabel, null))
            });
            #endregion

            #region compose view hierarchy
            StackLayout stackLayout = new UnspacedStackLayout()
            {
                Children =
                {
                    phoneTitleLabel,
                    phoneLabel
                },
                Padding = new Thickness(20)
            };
            AbsoluteLayout absoluteLayout = new AbsoluteLayout();
            absoluteLayout.Children.Add(stackLayout, new Rectangle(0, .5, 1, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.PositionProportional | AbsoluteLayoutFlags.WidthProportional);
            absoluteLayout.Children.Add(phoneImageTouchView, new Rectangle(.95, .5, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize), AbsoluteLayoutFlags.PositionProportional);
            #endregion

            Content = new ContentViewWithBottomBorder()
            {
                Content = absoluteLayout
            };
        }
Ejemplo n.º 16
0
        public CustomerOrdersPage()
        {
            #region toolbar items
            if (Device.OS != TargetPlatform.Android)
            {
                ToolbarItems.Add(new ToolbarItem
                {
                    Text    = "Add",
                    Icon    = "add.png",
                    Command = new Command(AddNewOrderTapped)
                });
            }
            #endregion
            #region activity indicator
            ActivityIndicator activityIndicator = new ActivityIndicator()
            {
                HeightRequest = Sizes.LargeRowHeight
            };
            activityIndicator.SetBinding(IsEnabledProperty, "IsBusy");
            activityIndicator.SetBinding(IsVisibleProperty, "IsBusy");
            activityIndicator.SetBinding(ActivityIndicator.IsRunningProperty, "IsBusy");
            #endregion

            #region header
            Label companyTitleLabel = new Label()
            {
                Text          = TextResources.Customers_Orders_EditOrder_CompanyTitle,
                TextColor     = Palette._007,
                FontSize      = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                XAlign        = TextAlignment.Start,
                YAlign        = TextAlignment.End,
                LineBreakMode = LineBreakMode.TailTruncation
            };

            Label companyNameLabel = new Label()
            {
                TextColor     = Palette._006,
                FontSize      = Device.GetNamedSize(NamedSize.Medium, typeof(Label)),
                XAlign        = TextAlignment.Start,
                YAlign        = TextAlignment.Start,
                LineBreakMode = LineBreakMode.TailTruncation
            };
            companyNameLabel.SetBinding(Label.TextProperty, "Account.Company");

            Image addNewOrderImage = new Image()
            {
                Aspect = Aspect.AspectFit
            };
            Device.OnPlatform(
                iOS: () => addNewOrderImage.Source = new FileImageSource()
            {
                File = "add_ios_blue"
            },
                Android: () => addNewOrderImage.Source = new FileImageSource()
            {
                File = "add_android_blue"
            }
                );
            addNewOrderImage.GestureRecognizers.Add(new TapGestureRecognizer()
            {
                Command = new Command(AddNewOrderTapped),
                NumberOfTapsRequired = 1
            });

            addNewOrderImage.IsVisible = Device.OS != TargetPlatform.Android;

            AbsoluteLayout headerAbsoluteLayout = new AbsoluteLayout()
            {
                HeightRequest = Sizes.LargeRowHeight
            };

            headerAbsoluteLayout.Children.Add(
                view: new UnspacedStackLayout()
            {
                Children =
                {
                    companyTitleLabel,
                    companyNameLabel
                }
            },
                bounds: new Rectangle(0, .5, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize),
                flags: AbsoluteLayoutFlags.PositionProportional
                );

            headerAbsoluteLayout.Children.Add(
                view: addNewOrderImage,
                bounds: new Rectangle(1, .5, AbsoluteLayout.AutoSize, Device.OnPlatform(.5, .4, .5)),
                flags: AbsoluteLayoutFlags.PositionProportional | AbsoluteLayoutFlags.HeightProportional
                );

            ContentView headerLabelsView = new ContentView()
            {
                Content = headerAbsoluteLayout, Padding = new Thickness(20, 0)
            };

            headerLabelsView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());
            headerLabelsView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());
            #endregion

            #region order list view
            var customerOrderListView = new CustomerOrderListView()
            {
                IsGroupingEnabled = true
            };
            customerOrderListView.GroupDisplayBinding = new Binding("Key");
            customerOrderListView.GroupHeaderTemplate = new DataTemplate(typeof(CustomerOrderListViewGroupHeaderCell));
            customerOrderListView.SetBinding(ListView.ItemsSourceProperty, "OrderGroups");
            customerOrderListView.SetBinding(IsVisibleProperty, "IsBusy", converter: new InverseBooleanConverter());
            customerOrderListView.SetBinding(IsEnabledProperty, "IsBusy", converter: new InverseBooleanConverter());

            customerOrderListView.ItemTapped += async(sender, e) =>
            {
                var order = (Order)e.Item;
                await Navigation.PushAsync(new CustomerOrderDetailPage()
                {
                    BindingContext = new OrderDetailViewModel(ViewModel.Account, order)
                    {
                        Navigation = Navigation
                    },
                });
            };
            #endregion

            #region compose view hierarchy
            var stack = new UnspacedStackLayout()
            {
                Children =
                {
                    activityIndicator,
                    customerOrderListView
                }
            };

            if (Device.OS == TargetPlatform.Android)
            {
                var fab = new FloatingActionButtonView
                {
                    ImageName    = "fab_add.png",
                    ColorNormal  = Palette._001,
                    ColorPressed = Palette._002,
                    ColorRipple  = Palette._001,
                    Clicked      = (sender, args) =>
                                   AddNewOrderTapped(),
                };

                var absolute = new AbsoluteLayout
                {
                    VerticalOptions   = LayoutOptions.FillAndExpand,
                    HorizontalOptions = LayoutOptions.FillAndExpand,
                };

                // Position the pageLayout to fill the entire screen.
                // Manage positioning of child elements on the page by editing the pageLayout.
                AbsoluteLayout.SetLayoutFlags(stack, AbsoluteLayoutFlags.All);
                AbsoluteLayout.SetLayoutBounds(stack, new Rectangle(0f, 0f, 1f, 1f));
                absolute.Children.Add(stack);

                // Overlay the FAB in the bottom-right corner
                AbsoluteLayout.SetLayoutFlags(fab, AbsoluteLayoutFlags.PositionProportional);
                AbsoluteLayout.SetLayoutBounds(fab, new Rectangle(1f, 1f, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize));
                absolute.Children.Add(fab);

                Content = absolute;
            }
            else
            {
                Content = stack;
            }
            #endregion
        }