mobile/src/App/Controls/FormEntryCell.cs

using Bit.App.Abstractions;
using FFImageLoading.Forms;
using System;
using System.Collections.Generic;
using Xamarin.Forms;
using XLabs.Ioc;

namespace Bit.App.Controls
{
    public class FormEntryCell : ExtendedViewCell, IDisposable
    {
        private VisualElement _nextElement;
        private TapGestureRecognizer _tgr;
        private StackLayout _buttonStackLayout = null;

        public FormEntryCell(
            string labelText,
            Keyboard entryKeyboard = null,
            bool isPassword = false,
            VisualElement nextElement = null,
            bool useLabelAsPlaceholder = false,
            string imageSource = null,
            Thickness? containerPadding = null,
            string button1 = null,
            string button2 = null)
        {
            if(!useLabelAsPlaceholder)
            {
                Label = new Label
                {
                    Text = labelText,
                    FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
                    Style = (Style)Application.Current.Resources["text-muted"],
                    HorizontalOptions = LayoutOptions.FillAndExpand
                };
            }

            Entry = new ExtendedEntry
            {
                Keyboard = entryKeyboard,
                HasBorder = false,
                IsPassword = isPassword,
                AllowClear = true,
                HorizontalOptions = LayoutOptions.FillAndExpand,
                WidthRequest = 1,
                FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Entry))
            };

            if(useLabelAsPlaceholder)
            {
                Entry.Placeholder = labelText;
            }

            NextElement = nextElement;

            var imageStackLayout = new StackLayout
            {
                Padding = containerPadding ?? new Thickness(15, 10),
                Orientation = StackOrientation.Horizontal,
                Spacing = 10,
                HorizontalOptions = LayoutOptions.FillAndExpand,
                VerticalOptions = LayoutOptions.FillAndExpand
            };

            if(imageSource != null)
            {
                _tgr = new TapGestureRecognizer();

                var theImage = new CachedImage
                {
                    Source = imageSource,
                    HorizontalOptions = LayoutOptions.Start,
                    VerticalOptions = LayoutOptions.Center,
                    WidthRequest = 18,
                    HeightRequest = 18
                };
                theImage.GestureRecognizers.Add(_tgr);

                imageStackLayout.Children.Add(theImage);
            }

            var formStackLayout = new StackLayout
            {
                HorizontalOptions = LayoutOptions.FillAndExpand,
                VerticalOptions = LayoutOptions.CenterAndExpand
            };

            if(!useLabelAsPlaceholder)
            {
                formStackLayout.Children.Add(Label);
            }

            formStackLayout.Children.Add(Entry);
            imageStackLayout.Children.Add(formStackLayout);

            if(!string.IsNullOrWhiteSpace(button1) || !string.IsNullOrWhiteSpace(button2))
            {
                _buttonStackLayout = new StackLayout
                {
                    Orientation = StackOrientation.Horizontal,
                    VerticalOptions = LayoutOptions.CenterAndExpand,
                    Spacing = 5
                };
                imageStackLayout.Children.Add(_buttonStackLayout);

                if(!string.IsNullOrWhiteSpace(button1))
                {
                    Button1 = new ExtendedButton { Image = button1 };
                    _buttonStackLayout.Children.Add(Button1);
                    Button1.Padding = new Thickness(0);
                    Button1.BackgroundColor = Color.Transparent;
                    Button1.WidthRequest = 40;
                    Button1.VerticalOptions = LayoutOptions.FillAndExpand;
                }

                if(!string.IsNullOrWhiteSpace(button2))
                {
                    Button2 = new ExtendedButton { Image = button2 };
                    _buttonStackLayout.Children.Add(Button2);
                    Button2.Padding = new Thickness(0);
                    Button2.BackgroundColor = Color.Transparent;
                    Button2.WidthRequest = 40;
                    Button2.VerticalOptions = LayoutOptions.FillAndExpand;
                }
            }

            if(Device.RuntimePlatform == Device.Android)
            {
                var deviceInfo = Resolver.Resolve<IDeviceInfoService>();
                if(useLabelAsPlaceholder)
                {
                    if(deviceInfo.Version < 21)
                    {
                        Entry.Margin = new Thickness(-9, 1, -9, 0);
                    }
                    else if(deviceInfo.Version == 21)
                    {
                        Entry.Margin = new Thickness(0, 4, 0, -4);
                    }
                }
                else
                {
                    Entry.AdjustMarginsForDevice();
                }

                if(containerPadding == null)
                {
                    imageStackLayout.AdjustPaddingForDevice();
                }
            }
            else if(Device.RuntimePlatform == Device.UWP)
            {
                if(_buttonStackLayout != null)
                {
                    _buttonStackLayout.Spacing = 0;
                }
            }

            View = imageStackLayout;
        }

        public Label Label { get; private set; }
        public ExtendedEntry Entry { get; private set; }
        public ExtendedButton Button1 { get; private set; }
        public ExtendedButton Button2 { get; private set; }
        public VisualElement NextElement
        {
            get => _nextElement;
            set
            {
                _nextElement = value;
                if(_nextElement != null && Entry != null)
                {
                    Entry.TargetReturnType = Enums.ReturnType.Next;
                }
                else if(Entry != null)
                {
                    Entry.TargetReturnType = null;
                }
            }
        }
        public Dictionary<string, object> MetaData { get; set; }

        public void InitEvents()
        {
            if(_nextElement != null)
            {
                Entry.Completed += Entry_Completed;
            }

            if(_tgr != null)
            {
                _tgr.Tapped += Tgr_Tapped;
            }

            Tapped += FormEntryCell_Tapped;
        }

        private void Tgr_Tapped(object sender, EventArgs e)
        {
            Entry.Focus();
        }

        private void FormEntryCell_Tapped(object sender, EventArgs e)
        {
            Entry.Focus();
        }

        private void Entry_Completed(object sender, EventArgs e)
        {
            _nextElement?.Focus();
        }

        public void Dispose()
        {
            if(_tgr != null)
            {
                _tgr.Tapped -= Tgr_Tapped;
            }

            Tapped -= FormEntryCell_Tapped;
            Entry.Completed -= Entry_Completed;
        }
    }
}