mobile/src/App/Pages/Tools/ToolsPage.cs

using System;
using Bit.App.Abstractions;
using Bit.App.Controls;
using Bit.App.Resources;
using Xamarin.Forms;
using XLabs.Ioc;
using FFImageLoading.Forms;
using Bit.App.Utilities;

namespace Bit.App.Pages
{
    public class ToolsPage : ExtendedContentPage
    {
        private readonly IGoogleAnalyticsService _googleAnalyticsService;
        private readonly IDeviceInfoService _deviceInfoService;
        private readonly MainPage _mainPage;

        public ToolsPage(MainPage mainPage)
        {
            _mainPage = mainPage;
            _googleAnalyticsService = Resolver.Resolve<IGoogleAnalyticsService>();
            _deviceInfoService = Resolver.Resolve<IDeviceInfoService>();

            Init();
        }

        public ToolsViewCell WebCell { get; set; }
        public ToolsViewCell ShareCell { get; set; }
        public ToolsViewCell ImportCell { get; set; }
        public ToolsViewCell ExtensionCell { get; set; }
        public ToolsViewCell AutofillCell { get; set; }
        public ToolsViewCell AccessibilityCell { get; set; }

        public void Init()
        {
            WebCell = new ToolsViewCell(AppResources.WebVault, AppResources.WebVaultDescription, "globe.png");
            ShareCell = new ToolsViewCell(AppResources.ShareVault, AppResources.ShareVaultDescription, "share_tools.png");
            ImportCell = new ToolsViewCell(AppResources.ImportItems, AppResources.ImportItemsDescription, "cloudup.png");

            var section = new TableSection(Helpers.GetEmptyTableSectionTitle());

            if(Device.RuntimePlatform == Device.iOS)
            {
                if(_deviceInfoService.Version < 12)
                {
                    ExtensionCell = new ToolsViewCell(AppResources.BitwardenAppExtension,
                        AppResources.BitwardenAppExtensionDescription, "upload.png");
                    section.Add(ExtensionCell);
                }
                else
                {
                    ExtensionCell = new ToolsViewCell(AppResources.Autofill,
                        AppResources.BitwardenAutofillDescription, "magic.png");
                    section.Add(ExtensionCell);
                }
            }
            if(Device.RuntimePlatform == Device.Android)
            {
                var accessibilityDesc = AppResources.BitwardenAutofillAccessibilityServiceDescription;
                if(_deviceInfoService.AutofillServiceSupported)
                {
                    AutofillCell = new ToolsViewCell(AppResources.AutofillService,
                        AppResources.BitwardenAutofillServiceDescription, "upload2.png");
                    section.Add(AutofillCell);
                    accessibilityDesc += (" " + AppResources.BitwardenAutofillAccessibilityServiceDescription2);
                }
                AccessibilityCell = new ToolsViewCell(AppResources.AutofillAccessibilityService,
                    accessibilityDesc, "upload.png");
                section.Add(AccessibilityCell);
            }

            section.Add(WebCell);
            section.Add(ShareCell);
            section.Add(ImportCell);

            var table = new ExtendedTableView
            {
                EnableScrolling = true,
                Intent = TableIntent.Settings,
                HasUnevenRows = true,
                Root = new TableRoot
                {
                    section
                }
            };

            if(Device.RuntimePlatform == Device.iOS)
            {
                table.RowHeight = -1;
                table.EstimatedRowHeight = 100;
            }
            else if(Device.RuntimePlatform == Device.Android)
            {
                table.BottomPadding = 50;
            }

            Title = AppResources.Tools;
            Content = table;
        }

        protected override void OnAppearing()
        {
            base.OnAppearing();
            WebCell.Tapped += WebCell_Tapped;
            ShareCell.Tapped += ShareCell_Tapped;
            ImportCell.Tapped += ImportCell_Tapped;
            if(ExtensionCell != null)
            {
                ExtensionCell.Tapped += ExtensionCell_Tapped;
            }
            if(AutofillCell != null)
            {
                AutofillCell.Tapped += AutofillCell_Tapped;
            }
            if(AccessibilityCell != null)
            {
                AccessibilityCell.Tapped += AccessibilityCell_Tapped;
            }
        }

        protected override void OnDisappearing()
        {
            base.OnDisappearing();
            WebCell.Tapped -= WebCell_Tapped;
            ShareCell.Tapped -= ShareCell_Tapped;
            ImportCell.Tapped -= ImportCell_Tapped;
            if(ExtensionCell != null)
            {
                ExtensionCell.Tapped -= ExtensionCell_Tapped;
            }
            if(AutofillCell != null)
            {
                AutofillCell.Tapped -= AutofillCell_Tapped;
            }
            if(AccessibilityCell != null)
            {
                AccessibilityCell.Tapped -= AccessibilityCell_Tapped;
            }
        }

        protected override bool OnBackButtonPressed()
        {
            if(Device.RuntimePlatform == Device.Android && _mainPage != null)
            {
                _mainPage.ResetToVaultPage();
                return true;
            }

            return base.OnBackButtonPressed();
        }

        private void AutofillCell_Tapped(object sender, EventArgs e)
        {
            Navigation.PushModalAsync(new ExtendedNavigationPage(new ToolsAutofillServicePage()));
        }

        private void AccessibilityCell_Tapped(object sender, EventArgs e)
        {
            Navigation.PushModalAsync(new ExtendedNavigationPage(new ToolsAccessibilityServicePage()));
        }

        private void ExtensionCell_Tapped(object sender, EventArgs e)
        {
            if(_deviceInfoService.Version < 12)
            {
                Navigation.PushModalAsync(new ExtendedNavigationPage(new ToolsExtensionPage()));
            }
            else
            {
                Navigation.PushModalAsync(new ExtendedNavigationPage(new ToolsAutofillPage()));
            }
        }

        private void WebCell_Tapped(object sender, EventArgs e)
        {
            _googleAnalyticsService.TrackAppEvent("OpenedTool", "Web");
            var appSettings = Resolver.Resolve<IAppSettingsService>();
            if(!string.IsNullOrWhiteSpace(appSettings.BaseUrl))
            {
                Device.OpenUri(new Uri(appSettings.BaseUrl));
            }
            else
            {
                Device.OpenUri(new Uri("https://vault.bitwarden.com"));
            }
        }

        private void ShareCell_Tapped(object sender, EventArgs e)
        {
            _googleAnalyticsService.TrackAppEvent("OpenedTool", "Share");
            Device.OpenUri(new Uri("https://vault.bitwarden.com/#/?org=free"));
        }

        private async void ImportCell_Tapped(object sender, EventArgs e)
        {
            var confirmed = await DisplayAlert(null, AppResources.ImportItemsConfirmation, AppResources.Yes,
                AppResources.Cancel);
            if(!confirmed)
            {
                return;
            }

            _googleAnalyticsService.TrackAppEvent("OpenedTool", "Import");
            Device.OpenUri(new Uri("https://help.bitwarden.com/article/import-data/"));
        }

        public class ToolsViewCell : ExtendedViewCell
        {
            public ToolsViewCell(string labelText, string detailText, string imageSource)
            {
                var label = new Label
                {
                    FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label)),
                    LineBreakMode = LineBreakMode.TailTruncation,
                    Text = labelText
                };

                if(Device.RuntimePlatform == Device.Android)
                {
                    label.TextColor = Color.Black;
                }

                var detail = new Label
                {
                    FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                    LineBreakMode = LineBreakMode.WordWrap,
                    Style = (Style)Application.Current.Resources["text-muted"],
                    Text = detailText
                };

                var image = new CachedImage
                {
                    Source = imageSource,
                    WidthRequest = 44,
                    HeightRequest = 44
                };

                var grid = new Grid
                {
                    ColumnSpacing = 15,
                    RowSpacing = 0,
                    Padding = new Thickness(15, 20)
                };
                grid.AdjustPaddingForDevice();

                grid.RowDefinitions.Add(new RowDefinition { Height = new GridLength(1, GridUnitType.Auto) });
                grid.RowDefinitions.Add(new RowDefinition { Height = new GridLength(1, GridUnitType.Auto) });
                grid.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(44, GridUnitType.Absolute) });
                grid.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) });
                grid.Children.Add(image, 0, 0);
                Grid.SetRowSpan(image, 2);
                grid.Children.Add(label, 1, 0);
                grid.Children.Add(detail, 1, 1);

                ShowDisclousure = true;
                View = grid;
            }
        }
    }
}